@font-face {
    font-family: 'comic sans ms';
    src: url('../fonts/comic sans.eot'); /* IE9 Compat Modes */
    src: url('../fonts/comic sans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/comic sans.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/comic sans.woff') format('woff'), /* Modern Browsers */
        url('../fonts/comic sans.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/comic sans.svg') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'comic sans ms';
    src: url('../fonts/comic sans-b.eot'); /* IE9 Compat Modes */
    src: url('../fonts/comic sans-b.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/comic sans-b.woff2') format('woff2'), /* Modern Browsers */
        url('../fonts/comic sans-b.woff') format('woff'), /* Modern Browsers */
        url('../fonts/comic sans-b.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/comic sans-b.svg') format('svg'); /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}
/* gochi-hand-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gochi Hand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gochihand-regular-webfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.gochi-hand-regular {
  font-family: "Gochi Hand", cursive;
  font-weight: 400;
  font-style: normal;
}


 a:link { text-decoration:none; font-weight:bold; color:#C77316; }
   a:visited { text-decoration:none; font-weight:bold; color:#C77316; }
   a:focus { text-decoration:none; font-weight:bold;color:#C77316; background-color:#ff0; }
   a:hover { text-decoration:none; font-weight:600; background-color:#ff0; }
   a:active { text-decoration:none; font-weight:bold; color:#C77316; background-color:#ff0; } 
   h1 {font-size:1.8em;
       font-family:'comic sans ms', 'verdana';}
   h2 {font-size:1.6em;font-family: 'comic sans ms', 'verdana';
   margin-bottom:0.6em; }
   h3 {font-size:1.6em;font-family: 'comic sans ms', 'verdana';
     margin-bottom:0.6em;}
   h4 {font-size:1.4em;font-family:'comic sans ms', 'verdana';}
   h5 {color:#033D7C;font-size:1.1em;margin-bottom:0.5%;
   border-bottom:2px solid;
   text-decoration: none;
   width:70%;}
  
  hr { height: 4px; width:85%; border: 0; box-shadow: inset 0 4px 4px rgba(199,115,22,0.8); }
 
  
   
  html, body { background-image:url(../images/quadrate.gif); 
        color:#033D7C;
        font-family:'segoe ui','tahoma','sans serif'; 
		font-size:100%;
	   font-size: 1.5vw;
	   margin: 0;
	   padding: 0;
	overflow-x: hidden;	
	-moz-hyphens: auto;
	-o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;	
    
  }
		
	  
	  
  #Head {
	  position:relative;
	  background-color:white;
	  border-radius:12px;
	  box-shadow: 10px 10px 5px #C77316;
	  width:93.5%;
	  height:13.275em;
	  margin-top:-0.3%;
	  margin-left:1%;
	  margin-right:2%;
	  margin-bottom:8px;
	  
	 	 
	   }	  
  
  #Head img {
	  float:left;
	  height:73%;
	  margin-top:0.5%;
	  margin-left:4%;
	  margin-right:2%;	 
	  
  }
  #Head img.stempel {
	  height:75%; 
	  float:right;
	  margin-right:5%;
	  margin-top:5.5%;
  }
  
 #Head-mobil {
	display: none;
    visibility: hidden;
	
}
  
   #style1 {	 
	  padding-top:3%;
	  text-align:left;
	  background-color:rgba(255,255,255,1);
	  border-radius:12px;
	  font-size:4em;
	  font-weight:bold;
	  font-family:'gochi hand';
	  color:#033D7C;	  
	  
	  
  }
  
  #style2 {
	  height:2em;
	  text-align:left;
	  font-family:'segoe ui','arimo','sans-serif';
	  font-weight:bold;
	  font-size:1em;	 
	  margin-bottom:1%;	
      color:#033D7C;
	  background-color:rgba(255,255,255,1);
	  
  }
   
  .nav {
	  text-align:left;
	  background-color:#FEFCA3;
	 border-radius:0 0 12px 12px;
	 font-family:'comic sans ms', 'verdana','segoe ui';
	 font-size:1.2em;
	 font-weight:bold;
	 color:#C77316; 
	 padding:0.5%;
	 margin-bottom:0%;
	 margin-top:3%;
	 width:99%;
  }
    
 
   #wrapper_fixedwidth{	 
   	position:relative;
    margin:0px auto ;
	margin-left:2%;
	padding:0%;	
	padding-top:1.5%;
	width:100%;
	/* min-width:600; */
	height:100%; 
   	
  }
  
   #wrapper_fixedwidth2{	 
   	position:relative;
    margin:0px auto ;
	padding:0%;	
	height:100%; 
   	
  }
  
  
 #inhalt {
	border-radius: 12px;
    float:left;
	font-size:0.9em;
	line-height:1.3em;   	
    margin:0.5%;   
	margin-left:1%;
	margin-bottom:0.5em;
	padding:3%;
    padding-top:1%;
	/*box-shadow: 5px 5px 10px silver;*/
	box-shadow: 5px 10px 10px #C77316;
    width:68%;	
	background-color:white;
	
  }
 #inhalt  h2 {
	 text-shadow:0 0.05em 0 black;
	 line-height:1.3em;
	 font-size:1.85em;
 }
 
  .h2 {
	 line-height:1.3em;
	 font-size:1.6em;
	  font-family:'comic sans ms','segoe ui', 'sans serif';
	 color:#C77316;margin-bottom:10px;
	 text-shadow:0 0.05em 0 black;
  }
	.h3 {
	 font-size:1.3em;
	 font-family:'comic sans ms','segoe ui', 'sans serif';
	 color:#C77316;margin-bottom:10px;
	 text-shadow:0 0.05em 0 black;
  } 
  
  .h4 {
	 font-family:'comic sans ms','segoe ui', 'sans serif';
	 color:#C77316;margin-bottom:1%;
	 
  } 
   #info {
    background-color:#FFFFFF;
	font-size:0.85em;
	text-align:center;
	padding:1.5%;
	padding-top:0.5%;
	margin-top:0.5%;
    margin-left:1%;	
	width:15%;	
	float:left;
    border-radius: 12px;
    box-shadow: 5px 10px 10px #C77316;
	
}
 
 .info2 {
     padding:2%;	 
	 font-size:1em;color:#03129A;
	 background-color:#FDF9DA;
	 border-radius:12px;
	 font-weight:normal;
 }
  

  #link {
     background-color:#FFFFFF;
	 font-size:0.9em;
     padding:3%;
	 text-align:left;
	 padding-top:0%;
	 margin-bottom:1%;
	max-height:100%;	
	 margin-left:1%;
	 margin-top:0.3em;
	 width:87.5%;	
	float:left;
	border-radius: 12px;
    box-shadow: 5px 5px 10px #C77316;
	}
	
  .link {
	  font-size:1em;
	  font-weight:bold;
  }
  
	 .hund {
	   width:11%;
   }
   .hund2 {
	   width:20%;
   }
   
	.lesehund {
		width:40%;
	}
	
   .gelb {
	   font-size:1.1em;
	   line-height:1.7em;
	   color:#C77316;
	   text-transform: uppercase;
	 
   }
 .logo {
	 height:4%;
	 width:4%;
 }
 .ort {
	 background-color:#FFFFB3;
	 border-radius:12px;
 }
 
  .echo {
		 width:70%;
	 }
   .echo2 {
		 width:60%;
	 }
 
 span.link {
	font-weight:bold;
	font-size:1.2em;
}
	

  sup {
   vertical-align:top;   
   line-height:1em;
    
}

  
  
   @media print { 
   
   #Head {
   font-size:20px;
   height:110px;
   border-radius:0px;
   box-shadow: none;
      }  
    #style1 {
	font-size:22px;
	line-height:24px;
	height:30px;
	}
    #style2 {
	font-size:15px;
	  line-height:16px;
	  height:16px;
	}
 
   #info {
	border-radius: 0px;
    box-shadow: none;  
	   
   }
   
    #inhalt {
	border-radius: 0px;
    box-shadow: none;  
	   
   }
     
	.nav  {
	display:none;  
   }
   
  
   }