* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial;
  /*background:#F2F2F2;*/
    background-color: #2e3846;/*#3c3c3c;*/
}

.header {
  text-align: center;
  padding: 2px;
  margin:0px;
}

h1{	/*background: #afd8ff;*/
	padding: 0.3% 1% 0.3% 1%;
	margin-bottom:0px;
}
.h1css{color:#fefff9;}
h3{background:#1f5494;
	color:#ffffff;
	padding: 3% 2% 3% 2%;
	margin: 0px;
}

/* On the flex container */
.column {
   display: flex;
   /*align-items: center;*/
   align-items: flex-start;
   justify-content: center;
   /* You can set flex-wrap and
      flex-direction individually */
   flex-direction: row;
   flex-wrap: wrap;
   /* Or do it all in one line
     with flex flow */
   flex-flow: row wrap;
   /* tweak where items line
      up on the row
      valid values are: flex-start,
      flex-end, space-between,
      space-around, stretch */
   align-content: stretch;   
   /*align-content: flex-end;*/
}
      
.row{
/*padding: 0.3% 0.3% 0.3% 0.3%;*/
flex-direction: row;
align-items: flex-start;
background: #b41b33;/*'#b41b33;*//*#aba7a7;*/
margin: 0.2% 0.4% 0.8% 0.4%;
border-radius: 15px;
padding: 5px 8px 12px 8px;
}

.cr{width:340px;}

p{margin:0% 0px 1% 0%;}
.txtTab{margin-left:3.5%;}
.cssKurs{border:1px solid gray;}
.cssKursTF{border:1px solid gray; width:50px;}

.AnmButton {
  float:right;
  background-color: #555555;
  border: 1px solid gray;
  border-radius: 12px;
  color: white;
  /*padding: 1% 2%;*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0px 2px 0px 3%;
  cursor: pointer;
  font-size:0.8em;
}

.AnmButton2 {
  float:right;
  background-color: #555555;
  border: 1px solid gray;
  border-radius: 12px;
  color: white;
  /*padding: 1% 2%;*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0px 2% 1% 1px;
  cursor: pointer;
  font-size:0.8em;
}



.GMapIco{background-image: url(./kursbuch/img/gmr.png)}
.back-to-top-img {background-image: url(./kursbuch/img/ToTop2.png)}

.round_bnt{
height: 40px;
width: 40px;
font-size: 0.8em;
font-weight:bold;
	background:#555555;color:#ffffff;
	float:left;
	position:relative;
	margin:0px 0.5em;padding:0px;
	text-align:center;
	border:1px solid gray;
	/*position: fixed;*/
	
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
      cursor: pointer;
}

.round_bnt_buchen{
height: 40px;
width: auto;
font-size: 0.8em;
font-weight:bold;
	background:#1f5494;color:#ffffff;
	float:left;
	position:relative;
	margin:0px 0.1em;padding:0px;
	text-align:center;
	padding:0px 8px;
	/*border:1px solid gray;*/
	/*position: fixed;*/
	border: 2px solid rgb(174, 252, 71);
	box-shadow: 3px 3px 9px 4px #888888;
	
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
      cursor: pointer;
}

.round_bnt_breit{
height: 40px;
width: auto;
font-size: 0.8em;
font-weight:bold;
	background:#555555;color:#ffffff;
	float:left;
	position:relative;
	margin:0px 0.5em;padding:0px 15px;
	text-align:center;
	border:1px solid gray;
	/*position: fixed;*/
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
      cursor: pointer;
}
.round_bnt_breit_ferien{
height: 30px;
left:2%;
width: 96%;
font-size: 1.2em;
font-weight:bold;
	background:#fff995;color:#9d004f;
	float:left;
	position:relative;
	margin:5px 0px;padding:0px 5px;
	text-align:center;
	border:1px solid gray;
	/*position: fixed;*/
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
      cursor: pointer;
}

.round_bnt_kw{
height: 40px;
width: auto;
font-size: 1.2em;
font-weight:bold;
	background:#b41b33;color:#ffffff;
	float:left;
	position:relative;
	margin:0px 0.5em;padding:0px 15px;
	text-align:center;
	border:1px solid gray;
	/*position: fixed;*/
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
      cursor: pointer;
}
#bg-container{
    /* Text zentrieren */
    text-align:center;
    /* Inhalt vertikal mittig platzieren */
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top:1em;
} 
.inside{
    /* Container horizontal mittig platzieren */
    margin: auto;padding:4px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.cr{width:350px;}

.round_bnt_buchen{
height: 40px;
width: auto;
font-size: 1.0em;
font-weight:bold;
	background:#1f5494;color:#ffffff;
	float:left;
	position:relative;
	margin:0px 0.1em;padding:0px;
	text-align:center;
	/*border:1px solid gray;*/
	/*position: fixed;*/
	border: 2px solid rgb(174, 252, 71);
	box-shadow: 1px 1px 9px 4px #888888;
	
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
      cursor: pointer;
}

.row{
/*adding: 0.3% 0.3% 0% 0.3%;*/
flex-direction: row;
align-items: flex-start;
background: #b41b33;/*#aba7a7;*/
margin: 6% 0.5% 0.4% 0.5%;
border-radius: 15px;
padding: 5px 8px 12px 8px;
border:1px solid #7c7a7a;
}

}