@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Chiro-Vet
Theme URI: https://www.chiro-vet.at
Description: Chiropraktik für Pferde und Hunde	
Author: Reinhard Himmler
Author URI: http://www.himmler.at
*/


/* ----------------------------------------------------------  Grundgerüst  -------------------------------------------  */

/* war immer falsch geschrieben ... html, body {height:100%;}*/ 
html {
	overflow-y: scroll;	
	background:url(../images/background.jpg) repeat;
	} 

body{
	
	/*width: 100%;*/
	/*position:relative;*/
	margin:0; 
	padding:0;
	border:none;
	background:url(../images/vignette.png), url(../images/licht.png);
	background-size:100%;
	background-repeat:repeat-y;
	
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	font-size:100%;	
	
}

	

	 	


.padding-top-20{padding-top: 20px;}
.padding-top-40{padding-top: 40px;}
.padding-top-60{padding-top: 60px;}
.padding-top-80{padding-top: 80px;}
.padding-bottom-40{padding-bottom: 40px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-bottom-80{padding-bottom: 80px;}
.padding-bottom-140{padding-bottom: 140px}
.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.margin-top-80{margin-top: 80px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-80{margin-bottom: 80px;}
.margin-bottom-120{margin-bottom: 120px;}



.content {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


/* ----------------------------------------------------------  responsive  ------------------------------------------------  */	
	
@media only screen and (min-width: 992px) {
	header {
	/*position:relative;
	width:100%;
	margin:0;
	padding:0;	
	*/
	background-image: url(../images/header.png); 
	background-position: center center ;
	background-repeat:no-repeat ;	
	height:320px;
	}
}
@media only screen and (max-width: 991px) {
	
	.navbar li {text-align: center;}
	
	header {
			background-image: url(../images/header-schmal.png);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: top center;
		
			height: 300px;
	}
	}
@media only screen and (max-width: 900px) {header {height: 270px;}}
@media only screen and (max-width: 768px) {header {height: 230px;}}
@media only screen and (max-width: 700px) {header {height: 200px;}}
@media only screen and (max-width: 540px) {header {height: 180px;}}
@media only screen and (max-width: 480px) {header {height: 140px;}}
@media only screen and (max-width: 320px) {header {height: 100px;}}

/* ----------------------------------------------------------  Design  ----------------------------------------------  */


.chiro-border {
	border: #007a3e 8px solid !important;
	border-radius: 5px !important;
	background-color: #007a3e !important;
}

.shadow {
	-webkit-box-shadow: 0px 10px 30px 5px rgba(0, 0, 0, 0.5) !important;
	box-shadow: 0px 10px 30px 5px rgba(0, 0, 0, 0.5) !important;
}





/* ----------------------------------------------------------  Zeichen  ----------------------------------------------  */


@font-face {
	font-family:Existence, Helvetica, Verdana, Geneva, sans-serif;
	src: url(../fonts/Existence-Light.otf);
	}	
h1, h2, h3 {
	font-family:Existence, Helvetica, Verdana, Geneva, sans-serif;
	font-weight:300;}	
	 
	

p, a, li, address {
	font-size:1em;
	font-family:helvetica; 
	}

h1{text-align:center;
	
}
		
h3 {
	color:#007a3e;
	font-size:1.4em;
	}
p, a, li {
	
	line-height:1.5em; }

address {
	
	line-height:4em; }

li {
	list-style: url(../images/dot.png);
	}
p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	}	
address {
	position:relative;
	bottom:20px;
	}
a {color:#007a3e;}
a:hover {color:#000000;}
a:focus {outline: none;}

.current_page_item a{
	color:#000 !important;
	}

.navbar a {
	font-family:Existence, Helvetica, Verdana, Geneva, sans-serif;
	font-size:1.3em;
	/*display:block;*/
	/*padding:10px 10px 7px 10px;*/
	color:#007a3e !important;
	text-decoration:none !important;
}
.navbar a:hover {
	-webkit-border-radius: 50px;
    border-radius: 50px;
	background:url(../images/weiss.gif);
	-webkit-box-shadow:  0px 10px 30px 5px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 10px 30px 5px rgba(0, 0, 0, 0.5);
	}

/*
.button{
	margin-top:100px;
	cursor:pointer;
	color:#007a3e;
	}
.button:hover {
	cursor:pointer;
	color:#000000;
	}*/


	









/* ----------------------------------------------------------  Menu  ------------------------------------------------  */
.navbar-toggler {
	border: none !important;
}
.navbar-toggler .navbar-toggler-icon {
	background-image: url("../images/nav-button.svg");
}


	
.navbar li {
	display:/*inline-*/block;
	float:left;
	}	






/* ----------------------------------------------------------  footer  ------------------------------------------------  */

footer {
	position:relative;
	display:block !important;
	width:100%;
	height:280px;
	background-image:url(../images/gras.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	z-index:3;
	}