@font-face{
	font-family: gillsans;
	src: url(../fonts/gillsans.ttf);
}
@font-face{
	font-family: gillsans_mt;
	src: url(../fonts/gillsansmt.ttf);
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 22px;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;   
    border-top: 1px solid #000000;
    margin: 5px 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

h2{
	margin-top:20px;
	margin-left: 0px;
	margin-bottom:0px;
}
td{
	height:23px;
}
.exkurs{
	float:right;
	width:200px;
	margin:20px;
	font-weight:100;
	font-size:17px;
	text-align:right;
	color:grey;
	//font-family:'gillsans_light';
	background-color:grey2;
}
.text1{
	margin:auto;
	width:100%;
	text-align:left;
	line-height:130%;
	font-size:18px;
}
.text_header{
	text-align:center;
	margin:10px;
	margin-top:10px;
	display:none;
}
.back_button1{
	text-align:left;
	display:none;
}
.back_button2{
	text-align:left;
	margin-bottom:50px;
	width:100%;
}
.menu_item{
	color:rgb(0,0,0);
	text-decoration:none;
}
.selected_menu_item{
	color:rgb(0,0,70);
}
.menu{
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	font-size:1em;
}
.my_hr1{
	width:100%;
	margin-bottom:5px;
}
.my_hr2{
	width:100%;
	margin-top:5px;
}
.termin_table{
	border : 2px;
	cellspacing : 0;
}
.table_header{
	font-size:18;
	font-weight:900;
	text-align:center;
}
.inner{
	//background-color:blue;
	//width:15%;
	//min-width: 80px;
	margin-left:30px;
	display: inline-block;
}
.titel1{
	margin:	5px;
	text-align:center;
	//background-color:rgb(230,230,230);
}
.titel2{
	text-decoration:none;
	//color:rgb(50,50,100);
	color:black;
	//border-style:solid;
	//border-width:1;
	//font-size: 1vw;
}
.rahmen{
	border-style: solid;
    border-width: 1px;
	border-radius: 25px;
	border-color:rgb(200,200,200);
	width:100%;
	height:100%;
}
.kachel_group{
	//background-color:orange;
	text-align:auto;
	margin:auto;
	margin-bottom:70px;
	width:100%;
	font-size:17;
}
.kachel{
	//background-color:blue;
	position: relative;
	width: 17%;
	margin: 1.875%;
	display: inline-block;
	margin-top: 30px;
	font-size:18px;
}
.rand_kachel_left{
	margin-left: 0px;
}
.rand_kachel_right{
	margin-right: 0px;
}
.kachel:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.kachel_content{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.pictogramm{
	order-width:2px;
	order-style:solid;
	width:100%;
	border-radius:30px;
}
.logo{
	margin: 5px;
	width: 70%;
	//border-radius: 22px;
}
.my_site{
	/* display:inline-table;*/
	font-family: 'Arial';
	padding: 0px;
	margin:0px auto;
	margin-top:-15px;
	width:auto;
	max-width:800px;
	ackground-color:blue;
	min-height:1400px;
	height:auto;
}
.site_title{
  text-decoration:none;
  color:black;
}
.myHeader{
	width:100%;
	ackground-color:orange;
	display:table;
	margin-bottom:0px;
	margin-top:0px;
}
.languages2{
	width:250px;
	height: 25px;
	float:left;
	ackground-color:rgb(230,230,230);
	position:ralative;
}
.languages{
	color:grey;
	font-size: 14px;
	margin: 5px;
}
.myLogo{
	float:right;
	margin-left:auto;
	margin-right:auto;
	width:180px;
	height:170px;
	z-index=1;
	background-color:rgb(150,150,200);
}
.myLogo2{
	width:100%;
}
.bmgLetters{
	text-align:left;
	font-size:42;
	font-weight:900;
	margin-top:10px;
	line-height:40px;
}
.since1887{
	margin-right:auto;
	margin-top:10em;
	width:200px;
	font-weight:900;
	font-size:0.5em;
}
@media all and (min-width: 300px)  {  .bmgLetters  { font-size:0.9em;  } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 325px)  {  .bmgLetters  { font-size:0.95em; } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 350px)  {  .bmgLetters  { font-size:1.05em; } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 400px)  {  .bmgLetters  { font-size:1.21em; } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 450px)  {  .bmgLetters  { font-size:1.2em;  } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 475px)  {  .bmgLetters  { font-size:1.3em;  } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 500px)  {  .bmgLetters  { font-size:1.4em;  } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 550px)  {  .bmgLetters  { font-size:1.6em;  } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 600px)  {  .bmgLetters  { font-size:1.9em;  } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 625px)  {  .bmgLetters  { font-size:2.0em;  } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 650px)  {  .bmgLetters  { font-size:2.05em; } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 700px)  {  .bmgLetters  { font-size:2.1em;  } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 750px)  {  .bmgLetters  { font-size:2.2em;  } .since1887{ margin-top:0px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 800px)  {  .bmgLetters  { font-size:2.5em;  } .since1887{ margin-top:10px;} .kachel{ font-size:2.1vw;} }
@media all and (min-width: 850px)  {  .bmgLetters  { font-size:2.6em;  } .since1887{ margin-top:10px;} .kachel{ font-size:17px;} }


.pic{
	width:300px;
	border-radius:20px;
}
.pic_show{
	
}
.picContainer{
	background-color:grey2;
	width:auto;
	height:auto;
	float:right;
	margin:20px;
	margin-right:-30px;
	text-align:center;
}
.picContainerLeft{
	background-color:grey2;
	width:auto;
	height:auto;
	float:left;
	margin:20px;
	margin-left:-40px;
	text-align:center;
}
.spruch{
	margin-top: 50px;
	font-size:26px;
	text-align:right;
	font-weight:900;
}
.spruch2{
	font-weight:900;
	font-size:15px;
	text-align:right;
}
.td1{
	//border: 1px solid rgb(200,200,200);
}
.pic2{
	width:25%;
}
.ticker{
	//background-color:rgb(230,230,100);
	margin:20px;
	margin-right:5%;
	margin-left:5%;
}
.welcome{
	font-size:1em;
	font-weight:900;
	line-height:1;
}
.welcome2{
	font-size:20px;
	font-weight:100;
}
.bmg_foto{
	border-radius:15px;
	/*width:100% !important;*/
}