/* mobile styles 
@media only screen and (orientation:portrait) or (max-width: 980px) { 
*/
/* --------  Header mit Menü und Titelbild --------------- */
.header {
	position:fixed; 
	top:0px; 
	width: 100%;
}
.header_kontakt {
	width: 100%;
	height: 70px; 
	background-color:#ffffff;
}
.header_menu {
	width: 100%;
	height: 30px; 
	background-color:#ffffff;
}
.header_logo {
	position: absolute;
    height: 100px; 
	width: 140px;
	top: 0px; 
	left: 0px; 
	z-index: 3;
	background-color:#ffffff;
}
.logo_size {
	height: 98px;
	width: auto;
}

.header_height {
  height: 100px;
}

.grid_header_bild {
	display: grid;
	grid-template-columns: auto; 
	grid-template-rows:  auto auto;
	width: 100%;
	gap: 0px;
	overflow: hidden;
}
.header_box_bild {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 1;
   grid-row-end: 3;
   display: grid;
   z-index:1;
   left: 0px; 
   width: 100%; 
   height: 230px; 
   border: 1px none #000000;
}
.header_box_titel {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 2;
   grid-row-end: 3;
   display: grid;
   z-index:2;
   width:100%; 
   height:50px;  
   background:#374024;
   opacity: 0.7;
}

.header_titel_ohBild {
  width:100%; 
  height:50px;  
  background:#374024;
}
.kontakt_dist {
  height: 60px; 
  width: 180px;
}
.titel_text{
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	color: #FFFFFF;
}

/* --------  4 Info-Blöcke --------------- */
.grid_info {
	display: grid;
	grid-template-columns: 44% 44%; 
	grid-template-rows:  auto auto;
	width: 100%;
	gap: 14px;
	padding-left: 14px;
	padding-top: 0px;
	padding-bottom: 20px;
    background-color:#374024;
	overflow: hidden;
}
.info_box_1 {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
  background-color:#E6E2CF;
}
.info_box_2 {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
  background-color:#E6E2CF;
}
.info_box_3 {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 2;
   grid-row-end: 3;
  display: grid;
  background-color:#E6E2CF;
}
.info_box_4 {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 2;
   grid-row-end: 3;
  display: grid;
  background-color:#E6E2CF;
}

/* --------  weitere 4 Info-Blöcke (1. Fortsetzung) --------------- */
.grid_info_conti1 {
	display: grid;
	grid-template-columns: 44% 44%; 
	grid-template-rows:  auto auto;
	width: 100%;
	gap: 14px;
	padding-left: 14px;
	padding-top: 0px;
	padding-bottom: 20px;
    background-color:#374024;
	overflow: hidden;
}
.info_box_5 {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
  background-color:#E6E2CF;
}
.info_box_6 {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
  background-color:#E6E2CF;
}
.info_box_7 {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 2;
   grid-row-end: 3;
  display: grid;
  background-color:#E6E2CF;
}
.info_box_8 {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 2;
   grid-row-end: 3;
  display: grid;
  background-color:#E6E2CF;
}
/* --------  weitere 4 Info-Blöcke (2. Fortsetzung) --------------- */
.grid_info_conti2 {
	display: grid;
	grid-template-columns: 44% 44%; 
	grid-template-rows:  auto auto;
	width: 100%;
	gap: 14px;
	padding-left: 14px;
	padding-top: 0px;
	padding-bottom: 20px;
    background-color:#374024;
	overflow: hidden;
}
.info_box_9 {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
  background-color:#E6E2CF;
}
.info_box_10 {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
  background-color:#E6E2CF;
}
.info_box_11 {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 2;
   grid-row-end: 3;
  display: grid;
  background-color:#E6E2CF;
}
.info_box_12 {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 2;
   grid-row-end: 3;
  display: grid;
  background-color:#E6E2CF;
}

.info_img_size {
  width: 100%;
  height: auto;
}

/* --------  Text-Bereich und Aktuelles --------------- */
.grid_main {
	display: grid;
	grid-template-columns: auto; 
	grid-template-rows:  auto auto;
	width: 100%;
	gap: 14px;
    background-color:#E6E2CF;
	overflow: hidden;

}
.main_box_text {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
  padding: 14px;
}
.main_box_aktuelles {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 2;
   grid-row-end: 3;
   display: grid;
   padding-top: 14px;
   width:100%; 
   height:auto;
}
.akt_img_size {
   width: 100%;
   height: auto; 
}
.MT_img_size {
   width: 100%;
   height: auto; 
}

/* --------  Korntakt: Formularbereich --------------- */
.grid_form {
	display: grid;
	grid-template-columns: auto; 
	grid-template-rows:  auto auto;
	width: 100%;
	gap: 14px;
    background-color:#E6E2CF;
	overflow: hidden;

}
.form_box {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
  padding: 14px;
}

/* --------  Einstellungen für Bereich Trainer-Vorstellung --------------- */
.grid_trainer {
	display: grid;
	grid-template-columns: auto; 
	grid-template-rows:  auto auto auto;
	width: 100%;
	gap: 14px;
    background-color:#E6E2CF;
	overflow: hidden;

}
.trainer_box_name {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
  padding-left: 14px;
}
.trainer_box_bild {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 2;
   grid-row-end: 3;
  display: grid;
  padding-left: 14px;
  padding-right: 14px;
}
.trainer_box_text {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 3;
   grid-row-end: 4;
  display: grid;
  padding-left: 14px;
  padding-right: 14px;
}
.trainer_img_size {
   width: 100%;
   height: auto; 
}

/* --------  Einstellungen für Kalender --------------- */
.kalender_size{
   width: 100%;
}
.grid_kalender {
	display: grid;
	grid-template-columns: 50% 50%; 
	grid-template-rows:  auto auto auto auto;
	width: 100%;
	gap: 0px;
	padding: 0px;
    background-color:#E6E2CF;
	overflow: hidden;
}
.kalender_box_Montag {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 1;
   grid-row-end: 2;
	border: 1px solid #666666; 
  display: grid;
}
.kalender_box_Dienstag {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 1;
   grid-row-end: 2;
	border: 1px solid #666666; 
  display: grid;
}
.kalender_box_Mittwoch {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 2;
   grid-row-end: 3;
	border: 1px solid #666666; 
  display: grid;
}
.kalender_box_Donnerstag {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 2;
   grid-row-end: 3;
	border: 1px solid #666666; 
  display: grid;
}
.kalender_box_Freitag {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 3;
   grid-row-end: 4;
	border: 1px solid #666666; 
  display: grid;
}
.kalender_box_Samstag {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 3;
   grid-row-end: 4;
	border: 1px solid #666666; 
  display: grid;
}
.kalender_box_Sonntag {
   grid-column: 1/3; 
   grid-row: 4/5;
	border: 1px solid #666666; 
  display: grid;
}


/* --------  Footer mit Kontakt und Map --------------- */
.grid_footer {
	display: grid;
	grid-template-columns: 60% 40%; 
	grid-template-rows:  auto auto auto auto;
	width: 100%;
	gap: 14px;
	padding: 14px;
    background-color:#374024;
	overflow: hidden;
}
.footer_box_kontakt {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
}
.footer_box_hundeplatz {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 1;
   grid-row-end: 2;
  display: grid;
}
.footer_box_buero {
   grid-column-start: 2;
   grid-column-end: 3;
   grid-row-start: 2;
   grid-row-end: 3;
  display: grid;
}
.footer_box_map {
  grid-column: 1/3; 
  grid-row: 3/4;   
  display: grid;
}
.map_size {
  width: 100%;
  height: 200px; 
}

.footer_box_impressum {
   grid-column-start: 1;
   grid-column-end: 2;
   grid-row-start: 4;
   grid-row-end: 5;
  display: grid;
}
/*
}
*/