/*<style>
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
</style>*/ 






*{
	margin: 0px;
	padding: 0px;
}

html {min-height:100vh;}




header, main, footer, section, aside, nav, article { display: block;}







* {
    box-sizing: border-box;
}


body {
    min-height:100vh;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    letter-spacing: 0.03em;
    color: #c6c7ec;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
background: rgba(103,104,125,1);
background: -moz-linear-gradient(top, rgba(103,104,125,1) 0%, rgba(35,37,75,1) 43%, rgba(35,37,75,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(103,104,125,1)), color-stop(43%, rgba(35,37,75,1)), color-stop(100%, rgba(35,37,75,1)));
background: -webkit-linear-gradient(top, rgba(103,104,125,1) 0%, rgba(35,37,75,1) 43%, rgba(35,37,75,1) 100%);
background: -o-linear-gradient(top, rgba(103,104,125,1) 0%, rgba(35,37,75,1) 43%, rgba(35,37,75,1) 100%);
background: -ms-linear-gradient(top, rgba(103,104,125,1) 0%, rgba(35,37,75,1) 43%, rgba(35,37,75,1) 100%);
background: linear-gradient(to bottom, rgba(103,104,125,1) 0%, rgba(35,37,75,1) 43%, rgba(35,37,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67687d', endColorstr='#23254b', GradientType=0 );
   
}






header, footer {
	/*background-color: transparent !important;*/
	max-width: 1100px;
	height: auto;
	margin-right: auto;
	margin-left: auto;

}

.bjudcontainer {
	background-color: transparent;
	max-width: 1100px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 1em;
	padding: 0px;
}


header {
    background-color: transparent;
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  	display: -ms-flexbox;  /* TWEENER - IE 10 */
  	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	max-width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 1em;
	
	padding: 0px;
    
    
   
}

.logo {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;	
}

.logo img {
	/*max-width: 235px;
	max-height: 210px;*/
	margin: 0px;
	padding: 0px;
	}
	



.seitencontainer {
    background-color: transparent;
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  	display: -ms-flexbox;  /* TWEENER - IE 10 */
  	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	max-width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 1em;
	
	padding: 0px;
    
}
    
    
    


/*---------linke seite -------*/

.sprechblater {
	  
		-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 1;           /* IE 10 */
	flex: 1;
	float: left;
	background-color: #010343;
	min-width: 350px;
	max-width: 350px;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    color: white;
    -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
}

 .sprechblatermobile {
	float: left;
	
	padding: 20px;
	margin: 0px;

    background-color: #010343;
      -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
  
  

}

.sprechblater img {
    
    
    max-width: 250px;
    height: auto;
    padding-top: 50px;

    float: right;

    
    
    z-index: 1000;
  
    visibility: visible !important;
    
    
}



.navspalte {
-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 1;           /* IE 10 */
	flex: 1;
	float: left;
	background-color: #010343;
	min-width: 350px;
	max-width: 350px;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    color: white;
    -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
    

           
    background-image: url("../img_bjt_2021/Kassabild-2021_2_beschnitten_50.png");
    background-repeat: no-repeat; 
  
}

.navigation {
	background-color: transparent;
	padding: 0px;
	/*min-width: 249px;
	max-width: 249px;*/
	margin-top: 140px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.firmenname {
-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 1;           /* IE 10 */
	flex: 1;
	float: left;
	background-color: #010343;
    border-top: 2px solid #f60;
	min-width: 350px;
	max-width: 350px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    color: white;
    -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
}



.space {
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 1;           /* IE 10 */
	flex: 1;
	float: left;
	background-color: transparent;
	/*min-width: 350px;
	max-width: 350px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;	
    -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);*/
}

/*--------- rechte seite -------*/
.schriftzug {
flex: 4;
	float: left;
	
	padding: 20px;
	margin: 0px;

    background-color: #010343;
      -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
  
   
}
main {
	flex: 4;
	float: left;
	
	padding: 20px;
	margin: 0px;
    background-color: #010343;
      -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
}




main img {
	margin: 0px;
	padding: 0px;
	max-width: 100%;

	height: auto;
	display: block;
	
	}
	

.kontaktdaten {
flex: 4;
	float: left;
	
	padding: 20px;
	margin: 0px;
    border-top: 2px solid #f60;
    background-color: #010343;
      -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
  
   
}

/*--------- ende rechte seite -------*/
/*--------- -------------------------*/

#mobilenav {
	width: 100%;
	float: left;
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	z-index: 1000;
	position: relative;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: black;
	border-bottom-color: black;
}


	.mainoeffnungszeiten { 

}





.slogan {
	background-color: transparent;
	text-align: right;
	width: 100%;
	padding: 0px;
	margin: 0px;
	}

	
footer {
	background-color: transparent;
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	max-width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 1em;
	padding: 0px;
   
}

.adressefirmendaten {
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 1;           /* IE 10 */
	flex: 1;
	float: left;
	background-color: transparent;
	min-width: 350px;
	max-width: 350px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
    
}




.kontakt {
	-webkit-box-flex: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 2;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 2;           /* IE 10 */
	flex: 2;
	float: left;

	padding: 0px;
	margin: 0px;
}




.bottomnavigation {
    max-width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
    background-color: transparent;
    
}


.update {

	width: 100%;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: right;
	background-color: transparent;
    font-size: 0.8em;
    letter-spacing: 0.03em;
    color: white;
	}
	
	
.gotop {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: right;
	background-color: transparent;
	}
		
	
img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;	
	
	
	}

/* 
-------------------------------------------------
Elemente für mobile
-------------------------------------------------*/



#headermobile {
	width: 100%;
	height: auto !important;
	color: black;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 1em;
	letter-spacing: 0.03em;
	background-color: transparent;
	padding: 0px;
}

.headermobilelogo {
	margin: 0px;
	background-color: #010343;
    margin-bottom: 10px;
	padding: 10px;
	
     -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
}

.headermobilelogo h1 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-family: 'Pinyon Script', cursive;
	display: inline-block;
	font-size:2em;
    color: #6e6c9f;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	
}

.headermobilelogo h2 {
	padding: 0px;
	margin: 0px !important;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1em;
	font-weight: 300;
    color: #c6c7ec;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	
	}

.headermobilenews {
	margin: 0px;
	background-color: #010343;
    margin-bottom: 10px;
	padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 2px !important;
    text-align: center;
  
	
     -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
}



.headermobileinhalte {
	display: flex;
height: auto;
	    background-color: #010343;
      -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
	padding: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    color: lavender;
}

	
.headermobileinner {
	flex: 1;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;	
    
	}

.headermobileinner h3 {
	color: #c6c7ec	}
	
	


.zitatmobile {
	

	
	padding: 0px;
	margin: 0px;
    color: black;
}


.footermobile {
	margin: 0px;
	background-color: #010343;
    color: #7a7aab;
    margin-bottom: 10px;
	padding: 10px;
	
     -webkit-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 1px rgba(0,0,0,0.75);
	}

/* 
-------------------------------------------------
Textformatierungen
-------------------------------------------------*/

p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	}
	

h1 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-family: 'Pinyon Script', cursive;
	display: inline-block;
	font-size:3em;
    color: #6e6c9f;
	letter-spacing: 0em;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	
}

h1 a:link, h1 a:visited {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: 'Pinyon Script', cursive;
	display: inline-block;
	font-size:1em;
	letter-spacing: 0em;
    color: #6e6c9f;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	
}

h1 a:hover, h1 a:focus, h1 a:active {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: 'Pinyon Script', cursive;
	display: inline-block;
	font-size:1em;
	letter-spacing: 0em !important;
    color: #6e6c9f;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	
}
	
h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1.2em;
	font-weight: 500;
    color: #f60;
       line-height: 1.3em;
	
	}

.schriftzug h2 {
	padding: 0px;
	margin: 0px !important;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1.2em;
	font-weight: 300;
    color: #6e6c9f;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	
	}
.firmenname h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1em;
	font-weight: 500;
    line-height: 1.5em;
	color: #f60;

	}	
h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1em;
	font-weight: 300;
    line-height: 1.5em;
	color: #f60;

	}
.kontaktdaten h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1em;
	font-weight: 300;
    line-height: 1.5em;
	color: #c6c7ec;

	}

.footermobile h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1em;
	font-weight: 300;
    line-height: 1.5em;
	color: #c6c7ec;

	}
	
	
h4 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.5em;
	}

h5 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1em;
	font-weight: 300;
	}

ul, li {
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
    list-style: square;
	}

li {
    margin-bottom: 30px; 
}

	
ul{
    margin-bottom: 30px;
}

.navi p {
	/*background: rgba(255,255,255,.9);*/
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 1.2em;	
	font-weight: 500;
	letter-spacing: 0.03em;
	}
	

.kleintext {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	font-size: 0.4em;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	font-weight: normal;

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}


	
main a:link, main a:visited {
	color: #c6c7ec;
    background-color: transparent;	
	text-decoration: underline;	
	letter-spacing: 0.03em;	
	}
	
main a:hover, main a:focus, main a:active {
	color: black;
	background-color: #f60;	
	text-decoration: none;	
	letter-spacing: 0.03em;	
	}	
	
	
.slogan h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1.2em;
	font-weight: 500;
    color: #f90;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
	
	}

.adressefirmendaten p {color: #f60;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);

}

footer p {
	color: black;
	font-size: 1em;	
	font-weight: 300;
	letter-spacing: 0.03em;	
}

.kontaktdaten p {
	
	color: #7a7aab;

}

.kontaktdaten a:link, .kontaktdaten a:visited {
	
	color: #7a7aab;
	text-decoration: underline;
	background-color: transparent;
}

.kontaktdaten a:hover, .kontaktdaten a:active {
	
	color: #f60;
	text-decoration: none;
	background-color: transparent;
}

.footermobile a:link, .footermobile a:visited {
	
	color: #7a7aab;
	text-decoration: underline;
	background-color: transparent;
}

.footermobile a:hover, .footermobile a:active {
	
	color: #f60;
	text-decoration: none;
	background-color: transparent;
}

.update p{
	color: #c6c7ec;
	font-size: 1em;	

}



.update a:link, .update a:visited {
	color: #c6c7ec;
	font-size: 1em;	
	font-weight: 300;
	letter-spacing: 0.03em;
    text-decoration: underline;
}

.update a:hover, .update a:active {
	color: #f60 !important;
	font-size: 1em;	
	font-weight: 300;
	letter-spacing: 0.03em;	
}


.orangehinterlegt {
    background-color: #f60;
    color: #010343 !important;
    font-weight: 500 !important;
    padding: 10px;
 
}


.orangehinterlegt p {
    
    padding: 0px !important;
}
.headermobileinner p {
	margin: 0px;
	padding-bottom: 0px;
    margin-bottom: 10px;
    color: #7a7aab;
	
	
	}
	
	
.headermobileinner a:link, a:visited {
	color: #c6c7ec;
	font-size: 1em;	
	font-weight: 300;
	letter-spacing: 0.03em;
    text-decoration: underline;
}

.headermobileinner a:hover, a:active {
	color: #f60;
	font-size: 1em;	
	font-weight: 300;
	letter-spacing: 0.03em;	
}


.gotop a:link, .gotop a:visited {
	color: #c6c7ec;
	letter-spacing: 0.03em;		
	
	
	}
	
.gotop a:hover, .gotop a:active {
	color: #f60;
	
	text-decoration: none;
	letter-spacing: 0.03em;		
	
	}

.orange {
color: #f60;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
    }

/* 
-------------------------------------------------
Tabellenformatierungen
-------------------------------------------------*/


table.tabellekontakt {
	border: 1px solid #333;
	margin: 0px;
		
	
	}
.tabellekontakt tr {

	margin: 0px;
	padding: 0px;	
	
	}
	
.tabellekontakt td {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;	
	
	}
	
td.spaltelabels {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
	
td.spalteinputs {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	}		
	
td.minisprechblater {
	width: 110px;;	
	}	

.bold400 {
	font-weight: 500;
	color: #333;	
	}
.bold700 {
	font-weight: 500;
	color: #333;	
	}
	
.kleintext {
	font-size: 0.9em;
	
	
	}

.inner {
	margin: 0px;
	padding-top: 60px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 60px;
}
.reset {
	clear: both;
	margin: 0px;
	padding: 0px;
    background-image: url("../img_bjt_2021/hg-pixel-transparent-fuer-reset.png")
	
	
}
/*img {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	border: none;*/


/* 
-------------------------------------------------
Formularformatierungen
-------------------------------------------------*/

.legend {
	color: #c6c7ec;
	font-size: 12px;
	background: #669;
	padding: 4px;
	margin-bottom: 4px;
	font-weight: bold;
	width: auto;
	margin-top: 20px;
	margin-left: 8px;
	border: solid 1px #e6ebff;
}
input,textarea,select { color: #003; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 3px 0; border: solid 1px; background: #e6e6fa; padding: 3px; }
input:active, input:focus, input:hover { color: #003; background: #f5f5ff; }
.tabformular {
	font-weight: normal;
	background-color: transparent;
	width: 100%;
	border-collapse:collapse;
}
.tabformular tr {

	vertical-align: middle;
	height: 30px;
}
.tabformular td { background-color: transparent; margin: 0; }
.tabformular td.beschriftung { background-color: #669; margin: 0; padding-right: 20px; padding-left: 8px; }
.tabformular td.inputs { background-color: #669; margin: 0; }
.tabformular tr.legende { background-color: #669; vertical-align: top; height: 30px; padding-bottom: 30px; border-bottom: 1px solid #004; }
#tabformular td.legende { background-color: #669; padding-bottom: 30px; height: 30px; vertical-align: top; border-bottom: 1px solid #004; }
.tabformular tr.anmerkung { background-color: transparent; vertical-align: top; }
#tabformular td.anmerkung { font-size: 11px; background-color: transparent; }
.tabformular tr.senden { background-color: #669; margin: 0; padding: 0; border-top: 1px solid #004; }
.tabformular td.senden { background-color: #669; margin: 0; padding: 0; border-top: 1px solid #004; }
.tabformular tr.zwischenraum { background-color: transparent; height: 2px; margin: 0; padding: 0; }
.tabformular tr.zwischenraum p { font-size: 1px; background-color: transparent; margin: 0; padding: 0; }


.formularcontainer {
    
	background-color: transparent;
	width: 100%;
  
}

.formularinhalt{
    
    background-color: #336;
    padding: 10px;

}

.formularinhalt tr{
    
vertical-align: text-top;
}



.formularinhalttitel {
    
    background-color: transparent;

}


.lavender {
    
    background-color: #669;
    
}




.form_success {
	font-weight: bold;
	color: #0F3;
	text-align: left;
}

.form_error {
	font-weight: bold;
	color: #F0F;
	text-align: left;
    
}

.icons {
	background-color: transparent !important;
	float: right;
	color: #03F;
	margin: 0px !important;
	padding: 0px  !important;	
}

.shariff .mail .fa-envelope {
	font-size: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

.shariff .info .fa-info {
	display: none;
}

.shariff .theme-white .shariff-button a:link, .shariff .theme-white .shariff-button a:visited {
	background-color: #CCCCCC;
	color: #666;
}

.shariff .theme-white .shariff-button a:hover, .shariff .theme-white .shariff-button a:active {
	background-color: #ffffcc;
}

/*.shariff .article-social  {
	
		display: none;
}*/

.shariff li .fa {
    line-height: 30px;
    width: 30px;
}

.shariff .orientation-horizontal.col-1 li, .shariff .orientation-horizontal.col-2 li {
	max-width: 30px;
	min-width: 30px !important;
	margin: 0px;
	padding: 0px;    
}




.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}





/* desktops */
@media screen and (min-width: 992px) {
	
	.seitencontainer {
	padding: 0px;
	width: 100%;
}




#headermobile {
	display: none;
	}
	
	
label {
	display: none;
	
	}
	
	 .logomobile {display: none;
	 }	
	 
	 #mobilenav {display: none;
	 }

.footermobile {
	display: none;
	
	}

.zitatmobile {
	display: none;
	
	}
	
	
}



/* smarttablets*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    
    body {
   
   
}
	

	
	
.bjudcontainer {
    
    margin-top: 30px;
	
}	
	
	
.seitencontainer {
	padding: 0px;
	width: 100%;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;
	background-color: transparent;
}


	
header {
display: none;	
	}

td.minisprechblater {
		display: none;	
	}	

	


main {
	margin: 0px;
	padding: 10px;	
}





	 .navigation {
	display: none;	
}
  .navspalte {
	display: none;	
}

	

    .dynpg_H_header_lead {
        
     display: none;	   
        
    }





footer {
	/*-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;*/
	background-color: yellow;
	display: none;	
  }

.footermobile {
	width: 100%;
	
	}


/*.dynpg_H_header_image {
	display: none;
}

.dynpg_H_header_lead img {
	display: none;
}
*/



}


		
/* minitablets */
@media screen and (max-width: 767px) {
    
        body {
    
}

	
.bjudcontainer {
	 margin-top: 30px;
}


.headermobileinhalte {
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;
	margin: 0px;
	padding: 0px;
		/*height: 500px;*/	
	}
	
	
	

.headermobileinner {
	padding: 10px;

	margin: 0px;
	}	

	
.seitencontainer {
	padding: 0px;
	width: 100%;
	  -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-direction: column; 
}


header {
display: none;	
	}

td.minisprechblater {
		display: none;	
	}	

    main {
	margin: 0px;
	padding: 10px;
	
}


	
	 
	  .navigation {
	display: none;	
}


  .navspalte {
	display: none;	
}


 .dynpg_H_header_lead {
        
     display: none;	   
        
    }


footer {
	/*-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;*/
	background-color: yellow;
	display: none;	
  }

.footermobile {
	width: 100%;
	
	}







/*.dynpg_H_header_image {
	display: none;
}


.dynpg_H_header_lead img {
	display: none;
}
*/

  
  
}



/* smartphones */
@media screen and (max-width: 480px) {
    
        body {
     
}
	

.bjudcontainer{
 margin-top: 30px;
}
.seitencontainer {
	padding: 0px;
	width: 100%;
	
}

	
header {
	display: none;	
}
    
    td.minisprechblater {
		display: none;	
	}	

.logomobile {
	display: none;	
	
	}



table, thead, tbody, th, td, tr { 
            display: block; 
		
        }

td.spaltelabels {
		display: none;	
	}	


  main {
	margin: 0px;
	padding: 10px;
	
}
		
	
	
	 .navigation {
	display: none;	
}

  .navspalte {
	display: none;	
}




 .seitencontainer { 
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    flex-direction: column; 
  }

 .dynpg_H_header_lead {
        
     display: none;	   
        
    }

footer {
	/*-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;*/
	background-color: yellow;
	display: none;	
  }

.footermobile {
	width: 100%;
	
	}

.logomobile img {
	
	
	width: 100px;
	height: 89px;
	}





/*.dynpg_H_header_image {
	display: none;
}


.dynpg_H_header_lead img {
	display: none;
}

*/

}
@media screen and (max-width: 479px) {
    
        body {
      
   
}


		
.bjudcontainer {
 margin-top: 30px;
}	

#headermobile {
	-ms-flex-direction: row !important;
	-webkit-box-orient: horizontal !important;
	flex-direction: row !important;
	
}

.logomobile {
	display: none;	
	
	}
	
.headermobileinhalte {
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;
	margin: 0px;
	padding: 0px;
		/*height: 500px;*/	
	}


}

/* korr bootstrap */
/*.navbar-default {
	min-width: 100%;
	background-color: #C00;
	margin: 0px;
	padding: 10px;
	}*/

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

	
/*-------------------------------------------*/	
	
	
	.navbar-collapse {
	max-height: 340px;
	padding-right: 15px;
	padding-left: 10px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;

	margin: 0px;
}
	
/*------------schriftgroesse level 1---------*/	
	
	.navbar-default {
	min-width: 100%;
	background-color: transparent;
	margin: 0px;
		font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	font-weight: 300;
	letter-spacing: 0.03em;
	padding: 0px;

	}
/*------------ende schriftgroesse level 1---------*/	
	
	.navbar-header {
	float: none;

	}
	.navbar-toggle {
	display: block;
	margin-right: 20px;
	}
	.navbar-collapse {
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: black;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-collapse.collapse.in {
	  	display: block!important;
	}
/*----------------------------------------------------*/	
/*------------hintergrund gesamte mobile nav---------*/		
.navbar-nav {
	float: none!important;
	background-color: transparent !important;
	padding: 0px;
	margin: 0px;

	}
	
/*------------ endehintergrund gesamte mobile nav---------*/	
	
	
/*----------------------------------------------------*/	
/*------------??????????????????????????????---------*/	
    
	

	.navbar-nav li {
	float: none;
	background-color: transparent;
	list-style-type: none;
	padding: 0px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	}
	
	
/*----------------------------------------------------*/	
/*------------hintergrund level 2 active ---------*/	
	.navbar-nav li a {
	/*padding-top: 10px;
	padding-bottom: 0px;
	background-color: whitesmoke;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	color: #FFF;*/
	}
	
/* ende ------------------*/	


	.scroller,
	.dropdown-toggle {
	font-size: 1.2em;
	font-weight: 300;
	margin: 3px;
	}
	
	.dropdown-menu .d_2 .hlink {
	padding: 10px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 1.35em;
	font-weight: 300;
	color: #FFF;
	letter-spacing: 0.03em;	
	}
	.dropdown-menu .d_2 .hover {
		margin: 10px;
		color: #F00!important;
	}
	.dropdown-menu .d_2 .hlink_a {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
		font-size: 1.35em;
	font-weight: 300;
	 letter-spacing: 0.03em;	
	}
	
/*--------------------hintergrund inactive level 1 und 2 ----------*/
	.navbar-default .navbar-nav li .hlink {
	color: #c6c7ec !important;
    font-weight: 500;
	background-color: #010343!important;
	letter-spacing: 0.03em;
        padding: 10px;
        margin-bottom: 20px !important;

	}
	.navbar-default .navbar-nav li a {
	color: pink;
	}
	.navbar-default .navbar-nav li .hlink {
	color: #000;
	letter-spacing: 0.03em;	
	}
	.navbar-default .navbar-nav li a {
	color: #f60 !important;
    font-weight: 500;
	background-color: #010343!important;
	letter-spacing: 0.03em;
        padding: 10px;
        margin-bottom: 20px !important;
	}
	.dropdown-toggle:hover{
		background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu li a  {
		color: #333;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a.hlink_a {
		letter-spacing: 0.03em;	
	}
	.navbar-collapse.in {
	  overflow-y: visible;
	}
	.navbar-collapse {
	  max-height: none!important;
	}
	.navbar-collapse.collapse {
	  display: none !important;
	}
	.navbar-nav {
	float: none !important;
	margin-bottom: 7px;
	margin-top: 7px;

	}
	.navbar-nav > li {
	  float: none;
	}
	.navbar-nav .open .dropdown-menu {
	border: 0 none;

	float: none;
	margin-top: 0px;
	position: static;
	width: auto;

	}
	.dropdown-menu {
	 
	  /*left: 10px;*/
	}
	.left_inner {
	padding: 0px;
	margin: 0px;
	}
	#icons {
		display: none;
	}
	
	.navbar-default .navbar-brand {
	color: #000000;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #000000;
}
.navbar-default .navbar-text {
	color: #000000;
}
.navbar-default .navbar-nav > li > a {
 color: #000;
	background-color: #FFF;
	font-size: 1.2em;
		font-family: 'Roboto', sans-serif;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	letter-spacing: 0.03em;
	font-weight: 500;
}


/*----------------------------------------------------*/	
/*------------hintergrund level 1 inactive hover ---------*/	
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #f60;
	background-color: whitesmoke;
	font-size: 1.2em;
		font-family: 'Roboto', sans-serif;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	letter-spacing: 0.03em;
	font-weight: 500;
	display: block;
}

/*----------------------------------------------------*/	



/*------------hintergrund level 1 active ohne geöffnete level 2---------*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #010343;
	background-color: #f60;
	font-size: 1.2em;
		font-family: 'Roboto', sans-serif;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	letter-spacing: 0.03em;
	font-weight: 500;
	display: block;
	text-decoration: none;
	
}


/*----------------hintergrund mobile nav level 1 active mit geöffneter level 2------------*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #010343;
	background-color: #f60;
	font-size: 1.2em;
		font-family: 'Roboto', sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	letter-spacing: 0.03em;
	font-weight: 500;
	display: block;
	padding: 10px;
}
.navbar-default .navbar-toggle {
	border: 2px solid #000000;
    background-color: #f60;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: darkorange;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: darkorange;
}
.navbar-default .navbar-link {
	color: #000;
	background-color: green;
	letter-spacing: 0.03em;	
}
.navbar-default .navbar-link:hover {
	color: #FFFFFF;
	background-color: green;
	letter-spacing: 0.03em;	
}

}




@media print {
 a[href]:after {
   content: none !important;
 }
}


/* -------------------------------------- */
/* -------------------------------------- */
/* [ DYNAMIC MENU CSS DEFINITION ] */
/* -------------------------------------- */
/* -------------------------------------- */


/* menu definition [ul] */
div#course_categories_menu {
	width: 100%;
	margin: 0;
	padding-right: 10px;
}

/* menu definition [div] */
div#course_categories_menu div {
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* sepcial menu definition [p] */
div#course_categories_menu p.articles {
    margin: 0;
    padding: 0;
}

/* sepcial menu definitions [p] */
div#course_categories_menu .single_grp,
div#course_categories_menu .single_grp_exp,
div#course_categories_menu .single_grp_a,
div#course_categories_menu .single_grp_a_exp,
div#course_categories_menu .groups {
}

/* hide all articles of unpublished subnavigation */
div.articles_of_group {
}

/* hide all unpublished groups */
div#course_categories_menu div.group_fold {
	display: none;
}

/* -------------------------------------- */
/* style definitions for menue elements
  (generic) */
/* -------------------------------------- */
div#course_categories_menu div.d0 {
	margin: 6px 0px 6px 0px;
	padding: 0px 0px 0px 0px;

}

/* put one style to all elements inside the active branch (for all depths)*/
div#course_categories_menu .single_grp_exp a.hlink,
div#course_categories_menu .single_grp_a a.hlink,
div#course_categories_menu .single_grp_a_exp a.hlink {
	
}


/* put one style to all elements inside the inactive branch (for all depths) */
div#course_categories_menu .single_grp a.hlink {

}


/* -------------------------------------- */
/* style definitions for menue elements
  (depth specific) */
/* -------------------------------------- */
div#course_categories_menu div.d1 {
	
}
/* put one style to all elements inside the active branch (for depth 1)*/
div#course_categories_menu .single_grp_exp .d1 a.hlink,
div#course_categories_menu .single_grp_a .d1 a.hlink,
div#course_categories_menu .single_grp_a_exp .d1 a.hlink {
	
}


/* put one style to all elements inside the inactive branch (for depth 1) */
div#course_categories_menu .single_grp .d1 a.hlink {

}


/* -------------------------------------- */
/* style definitions for menue elements
  (special) */
/* -------------------------------------- */



/* -------------------------------------- */
/* [level 1] */
/* -------------------------------------- */
    /* active | level 1 | [no]successors | expanded | no hover */
    div#course_categories_menu div.level_1_r_a_cll, div#course_categories_menu div.level_1_e_a_cll,
    div#course_categories_menu div.level_1_r_a_exp, div#course_categories_menu div.level_1_e_a_exp {
	font-family: 'Roboto', sans-serif;
	color: #f60;
	padding: 0px;
	background-color: transparent;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f60;
    }

	div#course_categories_menu div.level_1_r_a_cll a.hlink, div#course_categories_menu div.level_1_e_a_cll a.hlink,
	div#course_categories_menu div.level_1_r_a_exp a.hlink, div#course_categories_menu div.level_1_e_a_exp a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
    font-weight: 500;
	color: #f60;
	display: block;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	background-color: transparent;
	text-align: right;
	}

    /* inactive | level 1 | [no]successors | expanded | no hover */
    div#course_categories_menu div.level_1_r_i_cll, div#course_categories_menu div.level_1_e_i_cll,
    div#course_categories_menu div.level_1_r_i_exp, div#course_categories_menu div.level_1_e_i_exp {
	font-family: 'Roboto', sans-serif;
	color: #c6c7ec;
	padding: 0px;
	background-color: transparent;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6c7ec;
	
    }

	div#course_categories_menu div.level_1_r_i_cll a.hlink, div#course_categories_menu div.level_1_e_i_cll a.hlink,
	div#course_categories_menu div.level_1_r_i_exp a.hlink, div#course_categories_menu div.level_1_e_i_exp a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
        font-weight: 500;
	color: #c6c7ec;
	display: block;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	background-color: transparent;
	text-align: right;
	}
	

    /* active | level 1 | [no]successors | expanded | hover */
    div#course_categories_menu div.level_1_r_a_cll_hover, div#course_categories_menu div.level_1_e_a_cll_hover,
    div#course_categories_menu div.level_1_r_a_exp_hover, div#course_categories_menu div.level_1_e_a_exp_hover {
	font-family: 'Roboto', sans-serif;
	color: #f60;
	padding: 0px;
	background-color: transparent;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f60;
    }

	div#course_categories_menu div.level_1_r_a_cll_hover a.hlink, div#course_categories_menu div.level_1_e_a_cll_hover a.hlink,
	div#course_categories_menu div.level_1_r_a_exp_hover a.hlink, div#course_categories_menu div.level_1_e_a_exp_hover a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
        font-weight: 500;
	color: #f60;
	display: block;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	background-color: transparent;
	text-align: right;
	}
	

    /* inactive | level 1 | [no]successors | expanded | hover */
    div#course_categories_menu div.level_1_r_i_cll_hover, div#course_categories_menu div.level_1_e_i_cll_hover,
    div#course_categories_menu div.level_1_r_i_exp_hover, div#course_categories_menu div.level_1_e_i_exp_hover {
	font-family: 'Roboto', sans-serif;
	color: #f60;
	padding: 0px;
	background-color: transparent;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f60;
    }

	div#course_categories_menu div.level_1_r_i_cll_hover a.hlink, div#course_categories_menu div.level_1_e_i_cll_hover a.hlink,
	div#course_categories_menu div.level_1_r_i_exp_hover a.hlink, div#course_categories_menu div.level_1_e_i_exp_hover a.hlink {
font-family: 'Roboto', sans-serif;
	font-size: 1em;
        font-weight: 500;
	color: #f60;
	display: block;
	margin: 0px;
	padding: 2px;
	text-decoration: none;
	background-color: transparent;
	text-align: right;
	}
	

/* -------------------------------------- */



/* -------------------------------------- */
/* [level 2] */
/* -------------------------------------- */
    /* active | level 2 | [no]successors | expanded | no hover */
    div#course_categories_menu div.level_2_r_a_cll, div#course_categories_menu div.level_2_e_a_cll,
    div#course_categories_menu div.level_2_r_a_exp, div#course_categories_menu div.level_2_e_a_exp {
	font-family: 'Roboto', sans-serif;
	color: #f606;
	padding: 0px;
	background-color: transparent;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
    }

	div#course_categories_menu div.level_2_r_a_cll a.hlink, div#course_categories_menu div.level_2_e_a_cll a.hlink,
	div#course_categories_menu div.level_2_r_a_exp a.hlink, div#course_categories_menu div.level_2_e_a_exp a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	color: #f60;
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	background-color: transparent;
	text-align: right;
	}

    /* inactive | level 2 | [no]successors | expanded | no hover */
    div#course_categories_menu div.level_2_r_i_cll, div#course_categories_menu div.level_2_e_i_cll,
    div#course_categories_menu div.level_2_r_i_exp, div#course_categories_menu div.level_2_e_i_exp {
	font-family: 'Roboto', sans-serif;
	color: #9595bc;
	padding: 0px;
	background-color: transparent;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

	div#course_categories_menu div.level_2_r_i_cll a.hlink, div#course_categories_menu div.level_2_e_i_cll a.hlink,
	div#course_categories_menu div.level_2_r_i_exp a.hlink, div#course_categories_menu div.level_2_e_i_exp a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	color: #9595bc;
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	background-color: transparent;
	text-align: right;
}

    /* active | level 2 | [no]successors | expanded | hover */
    div#course_categories_menu div.level_2_r_a_cll_hover, div#course_categories_menu div.level_2_e_a_cll_hover,
    div#course_categories_menu div.level_2_r_a_exp_hover, div#course_categories_menu div.level_2_e_a_exp_hover {
	font-family: 'Roboto', sans-serif;
	color: #f60;
	padding: 0px;
	background-color: transparent;
		margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

	div#course_categories_menu div.level_2_r_a_cll_hover a.hlink, div#course_categories_menu div.level_2_e_a_cll_hover a.hlink,
	div#course_categories_menu div.level_2_r_a_exp_hover a.hlink, div#course_categories_menu div.level_2_e_a_exp_hover a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	color: #f60;
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	background-color: transparent;
	text-align: right;
}

    /* inactive | level 2 | [no]successors | expanded | hover */
    div#course_categories_menu div.level_2_r_i_cll_hover, div#course_categories_menu div.level_2_e_i_cll_hover,
    div#course_categories_menu div.level_2_r_i_exp_hover, div#course_categories_menu div.level_2_e_i_exp_hover {
	font-family: 'Roboto', sans-serif;
	color: #f60;
	padding: 0px;
	background-color: transparent;
		margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

	div#course_categories_menu div.level_2_r_i_cll_hover a.hlink, div#course_categories_menu div.level_2_e_i_cll_hover a.hlink,
	div#course_categories_menu div.level_2_r_i_exp_hover a.hlink, div#course_categories_menu div.level_2_e_i_exp_hover a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	color: #f60;
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
	background-color: transparent;
	text-align: right;
}

/* -------------------------------------- */




/* -------------------------------------- */
/* [level 3] */
/* -------------------------------------- */
    /* active | level 3 | [no]successors | expanded | no hover */
    div#course_categories_menu div.level_3_r_a_cll, div#course_categories_menu div.level_3_e_a_cll,
    div#course_categories_menu div.level_3_r_a_exp, div#course_categories_menu div.level_3_e_a_exp {
	font-family: 'Roboto', sans-serif;
	color: #f60;
	padding: 0px;
	background-color: transparent;
	margin: 0px;
}

	div#course_categories_menu div.level_3_r_a_cll a.hlink, div#course_categories_menu div.level_3_e_a_cll a.hlink,
	div#course_categories_menu div.level_3_r_a_exp a.hlink, div#course_categories_menu div.level_3_e_a_exp a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	color: #f60;
	text-align: right;
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;

}

	/* inactive | level 3 | [no]successors | expanded | no hover */
    div#course_categories_menu div.level_3_r_i_cll, div#course_categories_menu div.level_3_e_i_cll,
    div#course_categories_menu div.level_3_r_i_exp, div#course_categories_menu div.level_3_e_i_exp {
	font-family: 'Roboto', sans-serif;
	color: #7a7aab;
	padding: 0px;
	background-color: transparent;
	margin: 0px;
}

	div#course_categories_menu div.level_3_r_i_cll a.hlink, div#course_categories_menu div.level_3_e_i_cll a.hlink,
	div#course_categories_menu div.level_3_r_i_exp a.hlink, div#course_categories_menu div.level_3_e_i_exp a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	color: #7a7aab;
	text-align: right;
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;
}

    /* active | level 3 | [no]successors | expanded | hover */
    div#course_categories_menu div.level_3_r_a_cll_hover, div#course_categories_menu div.level_3_e_a_cll_hover,
    div#course_categories_menu div.level_3_r_a_exp_hover, div#course_categories_menu div.level_3_e_a_exp_hover {
font-family: 'Roboto', sans-serif;
	color: #f60;
	padding: 0px;
	background-color: transparent;
	margin: 0px;
}

	div#course_categories_menu div.level_3_r_a_cll_hover a.hlink, div#course_categories_menu div.level_3_e_a_cll_hover a.hlink,
	div#course_categories_menu div.level_3_r_a_exp_hover a.hlink, div#course_categories_menu div.level_3_e_a_exp_hover a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	color: #f60;
	text-align: right;
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;

}

    /* inactive | level 3 | [no]successors | expanded | hover */
    div#course_categories_menu div.level_3_r_i_cll_hover, div#course_categories_menu div.level_3_e_i_cll_hover,
    div#course_categories_menu div.level_3_r_i_exp_hover, div#course_categories_menu div.level_3_e_i_exp_hover {
	font-family: 'Roboto', sans-serif;
	color: #f60;
	padding: 0px;
	background-color: transparent;
	margin: 0px;
	}

	div#course_categories_menu div.level_3_r_i_cll_hover a.hlink, div#course_categories_menu div.level_3_e_i_cll_hover a.hlink,
	div#course_categories_menu div.level_3_r_i_exp_hover a.hlink, div#course_categories_menu div.level_3_e_i_exp_hover a.hlink {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	color: #f60;
	text-align: right;
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background-color: transparent;

}

/* -------------------------------------- */




/* -------------------------------------- */
/* [level 0 - 3] */
/* -------------------------------------- */
    /* each | collapsed */
    div#course_categories_menu div.level_0_r_a_cll, div#course_categories_menu div.level_0_e_a_cll,
    div#course_categories_menu div.level_0_r_i_cll, div#course_categories_menu div.level_0_e_i_cll,
    div#course_categories_menu div.level_1_r_a_cll, div#course_categories_menu div.level_1_e_a_cll,
    div#course_categories_menu div.level_1_r_i_cll, div#course_categories_menu div.level_1_e_i_cll,
    div#course_categories_menu div.level_2_r_a_cll, div#course_categories_menu div.level_2_e_a_cll,
    div#course_categories_menu div.level_2_r_i_cll, div#course_categories_menu div.level_2_e_i_cll,
    div#course_categories_menu div.level_3_r_a_cll, div#course_categories_menu div.level_3_e_a_cll,
    div#course_categories_menu div.level_3_r_i_cll, div#course_categories_menu div.level_3_e_i_cll,
    div#course_categories_menu div.level_0_r_a_cll_hover, div#course_categories_menu div.level_0_e_a_cll_hover,
    div#course_categories_menu div.level_0_r_i_cll_hover, div#course_categories_menu div.level_0_e_i_cll_hover,
    div#course_categories_menu div.level_1_r_a_cll_hover, div#course_categories_menu div.level_1_e_a_cll_hover,
    div#course_categories_menu div.level_1_r_i_cll_hover, div#course_categories_menu div.level_1_e_i_cll_hover,
    div#course_categories_menu div.level_2_r_a_cll_hover, div#course_categories_menu div.level_2_e_a_cll_hover,
    div#course_categories_menu div.level_2_r_i_cll_hover, div#course_categories_menu div.level_2_e_i_cll_hover,
    div#course_categories_menu div.level_3_r_a_cll_hover, div#course_categories_menu div.level_3_e_a_cll_hover,
    div#course_categories_menu div.level_3_r_i_cll_hover, div#course_categories_menu div.level_3_e_i_cll_hover {
    }
/* -------------------------------------- */
/* -------------------------------------- */

/* ------------------------------------------------------------------ */
/* BEGIN-CSS: ALL ARTICLES (articles.tpl) */

.dynpg_AA_row_HeadtextA {
	font-size: 1em !important;
	font-weight: 500 !important;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 120px !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.dynpg_AA_row_HeadtextB {
	font-size: 1em !important;
	font-weight: 500 !important;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 120px !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.dynpg_AA_row_DescriptionA {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 120px !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.dynpg_AA_row_DescriptionB {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 120px !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.dynpg_AA_row_Table {}
.dynpg_AA_row_MainA {
    clear: both;
}
.dynpg_AA_row_Main_Col_01A {
margin-left: 0px;
}
.dynpg_AA_row_Main_Col_02A {}
.dynpg_AA_row_Main_Col_03A {}
.dynpg_AA_row_Main_Col_04A {}
.dynpg_AA_row_MainB {
    clear: both;
}
.dynpg_AA_row_Main_Col_01B {}
.dynpg_AA_row_Main_Col_02B {}
.dynpg_AA_row_Main_Col_03B {}
.dynpg_AA_row_Main_Col_04B {}
.dynpg_AA_breadcrumb_navi { }
.dynpg_AA_breadcrumb_pages { text-align: right;  }
.dynpg_AA_edit_mode { text-align: right; }
.dynpg_AA_edit_mode img { border: 0; width: 20px; }
.dynpg_AA_btnprint {
	float: right;
	font-size: 0.8em;
	text-align: right;
	padding-right: 10px;
	margin-top: 12px;
}

.leadimage {
    padding-right: 0px;
}

/* END-CSS: ALL ARTICLES */
/* ------------------------------------------------------------------ */


/*--------------------------Zusatzinfos--------------------------*/	

.reset {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
	
}

.textauszeichnung {
	font-style: normal !important;
	
	}

.dynpg_A_btnrecommend {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

.cycle-overlay {
    
    display: none !important;
}


.row {
  display: flex;
  flex-wrap: wrap;
    height: 250px;
    background-image: url("../img_bjt_2021/osterglocken_beschnitten.png");
    background-position: bottom;
    background-position: left; 
    background-repeat: no-repeat;
    margin-bottom: 0px;
  
    
}

.col {
  flex: 1 0 20%; /* The important bit. This percentage decides your columns. 
 The percent can be px. It just represents your minimum starting width.
  */
  margin: 0px !important;
  background: transparent;
  height: 100px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.abstandunten {
 margin-bottom: 100px;   
    
}


.dynpg_H_content a:link, .dynpg_H_content a:visited {
    padding: 0px;
	margin: 0px !important;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1em;
	font-weight: 500;
    color: #f60;
    text-decoration: underline;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	
	}

.dynpg_H_content a:hover, .dynpg_H_content a:active {
	padding: 0px;
	margin: 0px !important;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.03em;
	font-size: 1em;
	font-weight: 500;
    color: #c6c7ec;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	
	}

.dynpg_H_content {
    
    padding: 0px !important;
}

.dynpg_H_more {display: none;}

.festtagsgruesse {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-family: 'Pinyon Script', cursive;
	display: inline-block;
    line-height: normal !important;
	font-size:2em;
    color: gold;
	letter-spacing: 0em;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
	
}