/*
Theme Name: hmh v1.1
*/



@import url("https://034450.claudeassets.com/20250408212236cs_/https://fonts.googleapis.com/css?family=Open+Sans|Waiting+for+the+Sunrise");
@import url('https://48b87e.claudeassets.com/20250408212236cs_/https://fonts.googleapis.com/css?family=Libre+Baskerville');

* {
   font-family: "Open Sans", sans-serif;
   margin: 0px;
   padding: 0px;
   line-height: 25px;
   font-size: 14px;
}

body {
   background-color: #f1f1f1;
	overflow-y: scroll;
}

h1,
h2,
h3,
h4,
h5 {
   /*font-family: "Waiting for the Sunrise", cursive;*/
	font-family: 'Libre Baskerville', serif;
   color: #5a92c3;
   font-weight: normal;
}

h2 {
   font-size: 33px;
   line-height: 60px;
}
h3 {
   font-size: 22px;
   line-height: 30px;
	margin-bottom:10px;
}
h4 {
   font-size: 18px;
   line-height: 50px;
}

a{
	color: #5a92c3;
	text-decoration:none;
}

ul{
	margin-left:20px;
}

.space {
   width: 100%;
   clear: both;
}
.space-10 {
   height: 10px;
   width: 100%;
   clear: both;
}
.space-20 {
   height: 20px;
   width: 100%;
   clear: both;
}
.space-30 {
   height: 30px;
   width: 100%;
   clear: both;
}



/* ----------------------------------------------------------------- */
/* -------------------------------------------------------------- XS */
/* ----------------------------------------------------------------- */

.xs-col-10 {
   width: 10%;
}
.xs-col-20 {
   width: 20%;
}
.xs-col-25 {
   width: 25%;
}
.xs-col-30 {
   width: 30%;
}
.xs-col-33 {
   width: 33.3333%;
}
.xs-col-40 {
   width: 40%;
}
.xs-col-50 {
   width: 50%;
}
.xs-col-60 {
   width: 60%;
}
.xs-col-66 {
   width: 66.66666%;
}
.xs-col-70 {
   width: 70%;
}
.xs-col-80 {
   width: 80%;
}
.xs-col-90 {
   width: 90%;
}
.xs-col-100 {
   width: 100%;
}

.row {
   margin-left: -30px;
}
.col {
   float: left;
   padding-left: 30px;
   box-sizing: border-box;
}

.wrapper{
	width:100%;
	margin:50px auto 50px;
	background-color:#fff;
	box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.2);
}

#head{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
	background: linear-gradient( to bottom, #5f9dd43b 0px, #b0cae142 136px, #fff 136px, #fff 227px, #e3eaf0 227px, #e4ebf1 262px );
	position:relative;
	height:300px;
}

#head .bg{
	background-image:url(https://images.pexels.com/photos/97863/pexels-photo-97863.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
	background-image:url(https://images.pexels.com/photos/464664/pexels-photo-464664.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
	position:absolute;
	background-position:center;
	background-size:cover;
	width:100%;
	height:300px;
}

#head .nav_bg{
	display:none;
}



#head .logo{
	background-image:url(/assets/www.hundeschule-mit-herz.net/wp/wp-content/uploads/2018/05/logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width: 164px;
    height: 254px;
	margin:-30px auto 57px;
	padding:10px;
	box-shadow: 0 10px 50px -5px rgba(0, 0, 0, 0.2);
	background-color:#fff;
	position:relative;
}

#head .burger{
padding: 20px 0 20px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ccc;
	margin-bottom:-7px;
}

#head .burger div{
	width:30px;
	margin:0 auto;
}

#head .burger div span{
	width:30px;
	height:3px;
	background-color:#5a92c3;
	    display: block;
    margin: 5px 0;
}
#head .navigation{
	position:relative;
}

#head .navclose{
	display:none;
}

#head .navigation ul{
	list-style-type:none;
	margin:0;
	text-align:center;
}

#head .navigation ul li ul{
	display:none;
}

#head .navigation a{
	/*font-family: "Waiting for the Sunrise", cursive;*/
	font-family: 'Libre Baskerville', serif;
   color: #5a92c3;
   font-weight: normal;
	font-size:18px;
	text-decoration:none;
	display:block;
	    padding: 15px 0 10px;
    background-color: #e4ebf1;
    border-bottom: 1px solid #fff;
}

#head .navigation a:hover{
	color:#000;
}

#main{
	padding:40px 30px;
	min-height:300px;
}
#main img{
	max-width:100%;
	height:auto;
	border: 1px solid #f1f1f1;
}
#main img.alignleft{
	float:left;
	margin:0 20px 20px 0;
}

#main img.alignright{
	float:right;
	margin:0 0 20px 20px;
}

#main img.aligncenter{
	margin:0 auto 20px;
	display:block;
}

#main .post{
	    border-bottom: 2px dashed #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px;
	margin-top:10px;
	display:inline-block;
	width:100%;
}

#main .post:nth-child(odd){
	text-align:right;
}

#main .parent{
	display:flex;
	flex-wrap:wrap;
}

#main .parent .col .img {
   width: 100%;
   background: #f1f1f1;
   position: relative;
   display: inline-block;
}
#main .parent .col .img:before {
   content: "";
   display: block;
   padding-top: 50%;
}

#main .parent .col .img div {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
	    background-size: cover;
    background-position: center;
}




#main .parent .col span{
	padding: 5px 20px 50px;
    display: inline-block;
    font-size: 18px;
	font-family: 'Libre Baskerville', serif;
}

#main .termin{
    border-bottom: 2px dashed #f1f1f1;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

#main .termin .date{
	width:100px;
	float:left;
	    background-color: #f1f1f1;
    padding: 20px 15px;
    margin-right: 30px;
}
#main .termin .date span{
	width:100px;
	text-align:center;
	display:block;
}
#main .termin .date span:nth-child(1){
	font-size:50px;
	line-height:50px;
}
#main .termin .date span:nth-child(2), #main .termin .date span:nth-child(3){
	font-size:18px;
}

#main .gal img{
	margin-bottom:20px;
	width:100%;
}




#footer{
	padding:40px 30px;
	background-color: #f1f1f1;
	width: 100%;
    box-sizing: border-box;
	display:table;
}

#footer span{
	float:left;
	padding:10px 0;
}

#footer ul{
	padding: 10px 0;
    display: inline-block;
}

#footer ul li{
	float:left;
	list-style-type:none;
	margin-left:20px;
}


/* ----------------------------------------------------------------- */
/* --------------------------------------------------------------- S */
/* ----------------------------------------------------------------- */

@media (min-width: 600px) {
	.s-col-10 {
   width: 10%;
}
.s-col-20 {
   width: 20%;
}
.s-col-25 {
   width: 25%;
}
.s-col-30 {
   width: 30%;
}
.s-col-33 {
   width: 33.3333%;
}
.s-col-40 {
   width: 40%;
}
.s-col-50 {
   width: 50%;
}
.s-col-60 {
   width: 60%;
}
.s-col-66 {
   width: 66.66666%;
}
.s-col-70 {
   width: 70%;
}
.s-col-80 {
   width: 80%;
}
.s-col-90 {
   width: 90%;
}
.s-col-100 {
   width: 100%;
}
	.wrapper{
		width:90%;
	}
}

/* ----------------------------------------------------------------- */
/* --------------------------------------------------------------- M */
/* ----------------------------------------------------------------- */

@media (min-width: 900px) {
		.m-col-10 {
   width: 10%;
}
.m-col-20 {
   width: 20%;
}
.m-col-25 {
   width: 25%;
}
.m-col-30 {
   width: 30%;
}
.m-col-33 {
   width: 33.3333%;
}
.m-col-40 {
   width: 40%;
}
.m-col-50 {
   width: 50%;
}
.m-col-60 {
   width: 60%;
}
.m-col-66 {
   width: 66.66666%;
}
.m-col-70 {
   width: 70%;
}
.m-col-80 {
   width: 80%;
}
.m-col-90 {
   width: 90%;
}
.m-col-100 {
   width: 100%;
}
	.wrapper{
		width:800px;
	}
	#main .post:nth-child(even) img{
		float:left;
		margin:0 40px 20px 0;
	}
	#main .post:nth-child(odd) img{
		float:right;
		margin:0 0 20px 40px;
	}
}

/* ----------------------------------------------------------------- */
/* --------------------------------------------------------------- L */
/* ----------------------------------------------------------------- */

@media (min-width: 1500px) {
	.l-col-10 {
   width: 10%;
}
.l-col-20 {
   width: 20%;
}
.l-col-25 {
   width: 25%;
}
.l-col-30 {
   width: 30%;
}
.l-col-33 {
   width: 33.3333%;
}
.l-col-40 {
   width: 40%;
}
.l-col-50 {
   width: 50%;
}
.l-col-60 {
   width: 60%;
}
.l-col-66 {
   width: 66.66666%;
}
.l-col-70 {
   width: 70%;
}
.l-col-80 {
   width: 80%;
}
.l-col-90 {
   width: 90%;
}
.l-col-100 {
   width: 100%;
}
	.wrapper{
		width:1200px;
	}
	
	
	#head .nav_bg{
	background-color: rgba(256,256,256,0.9);
    position: absolute;
    width: 100%;
    height: 108px;
    top: 127px;
		display:inline-block;
}
	#head .nav_bg hr{
		        position: absolute;
    top: 52px;
    left: 350px;
    width: 760px;
    height: 0px;
    border: 0px;
    border-top: 1px dashed #d3d3d3;
	}
	
	#head .logo{
		float:left;
		margin:-30px 14px 0 100px;
	}
	
	#head .burger{
		display:none;
	}
	
	#head .navclose{
		display:inline-block;
	}
	
	#head .navigation{
		width:802px;
		float:left;
		margin-top:145px;
	}
	
	#head .navigation ul li{
		float:left;
	}
	
	#head .navigation a{
		padding-top:5px;
		padding-bottom:5px;
		text-align:right;
		background:none;
		border:none;
		padding-left:26px;
	}
	
	#head .navigation li:nth-child(6) a{
		padding-left:123px;
	}
	/*#head .navigation li:nth-child(6) a{
		padding-left:40px;
	}
	#head .navigation li:nth-child(7) a{
		padding-left:40px;
	}
	#head .navigation li:nth-child(8) a{
		padding-left:40px;
	}*/

	
	#main{
	padding:40px 100px;
	}
	



#footer{
	padding:40px 100px 60px;
}
}






































#Choco_overlay{
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	display:none;
	padding:0;
	margin:0;
}
#Choco_content{
	color:#fff;
	display:none;
	width:800px;
	height:600px;
	z-index:1001;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-300px;
	border-top:1px solid transparent;/*Yes, adjust image perfectly at the center of a box, don't know why.*/
}
#Choco_left_arrow{
	float:left;
	background-image:url(https://26d214.claudeassets.com/20250408212236im_/http://www.hundeschule-mit-herz.net/wp/wp-content/themes/images/gauche.gif);
	background-position:12%;
	left:-14%;
}
#Choco_right_arrow{
	float:right;
	background-image:url(https://0026e3.claudeassets.com/20250408212236im_/http://www.hundeschule-mit-herz.net/wp/wp-content/themes/images/droite.gif);
	background-position:88%;
	left:14%;
}
.Choco_arrows{
	background-repeat:no-repeat;
	display:none;
	position:relative;
	cursor:pointer;
	width:49%;
	top:-100%;
	height:100%;
	margin-top:-30px;
}
#Choco_container_photo{
	text-align:center;
	width:800px;
	height:600px;
	/*background:url(https://9a8357.claudeassets.com/20250408212236im_/http://www.hundeschule-mit-herz.net/wp/wp-content/themes/images/ajax-loader.gif) center center no-repeat;*/
}
#Choco_container_description{
	padding:0;
	/*height:26px;*/
	width:100%;
	font-family:Tahoma;
	clear:both;
	position:relative;
	font-size:12px;
	margin-top:-5px;
	overflow:hidden;
	visibility:hidden;
}
#Choco_container_title{
	float:left;
	padding:5px;
	width:90%;
	box-sizing:border-box;
}
#Choco_container_via{
	padding:5px;
	float:right;
	box-sizing:border-box;
}
#Choco_container_via a{
	color:gray;
}
#Choco_container_via a:hover{
	color:white;
	background:gray;
}
#Choco_close{
	width:30px;
	height:25px;
	background-image:url(https://01724a.claudeassets.com/20250408212236im_/http://www.hundeschule-mit-herz.net/wp/wp-content/themes/images/close.gif);
	background-repeat:no-repeat;
	z-index:1002;
	cursor:pointer;
	margin-top:-20px;
	display:none;
}
#Choco_loading{
	width:9px;
	height:11px;
	background-image:url(https://f731a8.claudeassets.com/20250408212236im_/http://www.hundeschule-mit-herz.net/wp/wp-content/themes/images/chargement2.gif);
	background-repeat:no-repeat;
	z-index:1002;
	cursor:pointer;
	float:right;
	margin-top:-20px;
	display:none;
}
#Choco_bigImage{
	display:none;
	position:relative;
	width:100%;
	height:100%;
	margin-top:-5px;
}

/*
     FILE ARCHIVED ON 21:24:51 Apr 08, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:19:39 Oct 06, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.481
  exclusion.robots: 0.049
  exclusion.robots.policy: 0.039
  esindex: 0.008
  cdx.remote: 51.549
  LoadShardBlock: 95.904 (3)
  PetaboxLoader3.datanode: 124.662 (5)
  PetaboxLoader3.resolve: 214.086 (2)
  load_resource: 264.921
  loaddict: 37.673
*/