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

/* 
written by M.Schwarz 2016
www.jamediaservice.de
*/

/* 1.FONTIMPORT
---------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic);

/* 2.BODY and PAGE
---------------------------------------------------------------------- */
html, body { height: 100%; width: 100%; }

body {
	font-family: 'PT Serif', serif;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: 400;
	background-color: #FFFFFF;
	color: #000000;
}
/* 3.BASIC LAYOUT
---------------------------------------------------------------------- */
div#hintergrund {
  background: url(../img/hintergrund/bernersennenhunde_hintergrund-holz.jpg) no-repeat center center fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -10;
}

div#header {
	/*height: 150px; */
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
div#logoCarrier {
	margin: 0 auto;
	width: 990px;
	padding-top: 15px;
}
div#logoOekv, div#logoWiesmadernText, div#logoWiesmadernBild {
	float: left;
}
div#logoWiesmadernText {
	margin: 15px 15px 0;
}
div#logoMobile {
	display: none;
	width: 100%;
	text-align: center;
	box-sizing: content-box;
}
div#logoMobile img {
	margin: 0 20px;
	max-height: 80px;
}
div#content {
	background: rgba(252,252,252,0.58);
	border: solid 10px #75A31D;
	border-radius: 15px;
	width: 1230px;
	margin: 0 auto;
	padding: 30px 40px;
	box-sizing: content-box;
}
div#floatMenu {
	position: absolute;
	top: 155px;
	left: -15px;
	background: rgba(252,252,252,0.90);
	border: 10px solid #75A31D;
	border-radius: 15px;
	padding: 15px 15px 15px 20px;
	box-sizing: content-box;
	display: block;
}
div#fixedMenu {
	background: rgba(252,252,252,0.90);
	border: solid 10px #75A31D;
	border-radius: 15px;
	padding: 15px 15px 15px 20px;
	box-sizing: content-box;
	display: none;
	margin-bottom: 20px;
	width: 100%;
}
div#fixedMenu ul li {
	float: left;
	padding: 0 10px;
	text-align: left;
}

#nav-toggle { display: none; width: 32px; height: 18px; background-image: url(../img/allgemein/btn_navbar.png); background-repeat: no-repeat; background-size: 100% auto; padding: 2px 0px 2px 30px:}

/*#nav-toggle:hover { background-image: url(../img/btn_navbar_mo.png); }*/

/* CLASSES
---------------------------------------------------------------------- */
.clear {
	clear: both;
}
.textBox {
	padding: 0 30px 0 0;
	max-width: 670px;
}
.contentImg {
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #000000;
}
.contentImg img {
	max-width: 100%; 
}
.row66 {
	width: 66.6%;
	float: left;
}
.row50 {
	width: 48%;
	float: left;
}
.row50Mrg { margin-right: 4%; }

.row33 {
	width: 33.3%;
	float: left;
}
.row100 {
	width: 100%;
}
.row25 {
	width: 25%;
	float: left;
}
.row14 {
	width: 14.2857%;
	float: left;
}
.row14 img {
	max-width: 100%;
}
.row42 {
	width: 42.8571%;
	float: left;
}
.foto {
	float: left;
	margin-bottom: 15px;
}
.marg10 { margin-right: 10px; }
.marg5 { margin-right: 20px; }
.algnRgt { text-align: right; }
.algnMdl { text-align: center; }
.floatL { float: left; }
.zitatBox {
	width: 75%;
	margin: 0 auto;
	background: #dfbfa4;
	padding: 1em;
	font-style: italic;
}
.linkListe {
	line-height: 2em;
}
.chronikTable td  {
	padding: 10px 20px;
	border: solid 1px #AAAAAA;
	/*background-color: #F8F8F8;*/
	background: rgba(252,252,252,0.70);
}
.maxWid { max-width: 100%; }
.maxWidth img { max-width: 100%; }
#content img { max-width: 100%; }
.champImg { max-height: 320px; border: 1px solid #000000; }
.champName { font-size: 1.1em; }
.champTitel { font-size: 1em; color: #C3A12D; margin-top: 15px; line-height: 1.4em; }
.champImgBox { float: left; margin-right: 20px; }
.champTextBox { float: left; }
.green { color: #75A31D; font-weight: bold; }
.boxCar { padding: 0px 20px 10px 0px; }
.greyBack { background: rgba(252,252,252,0.90); padding: 20px; border: dotted 1px #7E7E7E; }

.erfolgTitel {
	width: 100%;
	background-color: #75A31D;
	padding: 8px 12px;
	font-size: 1.25em;
	font-weight: bold;
}
.tabPokal td {
	border: 1px solid #585858;
	padding: 5px;
}
.welpentext {
	padding: 12px 6px 10px;
	/*font-size: 0.93em;
	line-height: 1.3em;*/
	font-size: 1em;
	line-height: 1.4em;
}
.hide { display: inline;
}

/* BASIC TEXTFORMAT
---------------------------------------------------------------------- */
a:link, a:active, a:visited {
	color: #6a4935;
	text-decoration: none;
}
a:hover {
	color: #75A31D;
}
h1 {
	font-size: 1.6em;
	font-weight: 700;
	color: #75A31D;
	text-transform: uppercase;
}
h2 {
	font-size: 1.4em;
	font-weight: 700;
	color: #75A31D;
}
h3 {
	font-size: 1.2em;
	font-weight: 700;
	color: #75A31D;
}
strong {
	font-weight: 700;
}
.subtitel {
	font-size: 1.2em;
	color: #000000;
}
ul.pokal {
	list-style: disc outside none;
	margin-left: 20px;
	line-height: 1.8em;
}


/* FORMULAR
---------------------------------------------------------------------- */
.service-chckbox {
	margin: 0 0 1px 0 ;
	vertical-align: middle;
}

.textfeld_service {
	width: 430px;
	height: 60px;
	padding:2px;
	margin-top:5px;
	margin-bottom:-20px;
	border:solid #000 0px;
	color:#000;
	font-size:14px;	
	background-color:#FFF;
	display:block;
	overflow:hidden;
}
.terminwahl {
	border:solid #CCCCCC 1px;
	color:#000;
	font-size:14px;	
	background-color:#FFF;
	display:block;
	float: left;
	padding: 2px;
}

.input_data {
	border:solid #CCCCCC 1px;
	color:#000;
	font-size:14px;	
	background-color:#FFF;
	display:block;
	padding: 4px;
	width: 280px;
	vertical-align: middle;
}

.input_plz {
	border:solid #CCCCCC 1px;
	color:#000;
	font-size:14px;	
	background-color:#FFF;
	display:block;
	float: left;
	padding: 4px;
	width: 55px;
}

.input_stueck {
	border:solid #CCCCCC 1px;
	color:#000;
	font-size:14px;	
	background-color:#FFF;
	display:block;
	float: left;
	padding: 4px;
	width: 33px;
}

.input_ort {
	border:solid #CCCCCC 1px;
	color:#000;
	font-size:14px;	
	background-color:#FFF;
	display:block;
	float: left;
	padding: 4px;
	width: 220px;
	margin-left: 5px;
}
.datumsEingabe {
	border:solid #CCCCCC 1px;
	color:#000;
	font-size:14px;	
	background-color:#FFF;
	padding: 4px;
	width: 90px;
	margin-right: 10px;
}

.table_data td {
	vertical-align: middle;
}

.sendForm {
	padding:8px;
	background-color:#666;	
	color:#FFFFFF;
	font-size:15px;
	text-decoration:none;
	cursor:pointer;
	border: solid 1px #999999;
	text-align:center;
}

.sendForm:hover {
	background-color:#000;	
}
.input_data, .textfeld_service, .sendForm {
	font-family: 'PT Serif', serif;
}

/* MEDIA QUERIES
---------------------------------------------------------------------- */
@media screen and (max-width: 1750px) {
div#content { width: 1000px; }
.welpentext { font-size: 0.9em; line-height: 1.2em; }
}

@media screen and (max-width: 1500px) {
div#content { width: 860px; }
.welpentext { font-size: 0.8em; line-height: 1.15em; }
}

@media screen and (max-width: 1360px) {
div#content { width: inherit; }
div#floatMenu { display: none; }
div#fixedMenu { display: block; }
.welpentext { font-size: 0.93em; line-height: 1.3em; }
}
@media screen and (max-width: 1115px) {

}

@media screen and (max-width: 1020px) {
div#logoCarrier { width: 100%; }
div#logoWiesmadernText { width: 75.27%; margin: 25px 0; }
div#logoOekv, div#logoWiesmadernBild { width: 10.825%; margin: 0 0.7%; }
div#logoOekv img, div#logoWiesmadernBild img, div#logoWiesmadernText img { max-width: 100%; }
.row66, .row33 { width: 100%; float: none; }
.row42 { width: 100%; float: none; clear: both; }
.hide { display: none; }
}

@media screen and (max-width: 740px) {
div#content { width: 100%; background: rgba(252,252,252,0.85); }
div#fixedMenu ul li { float: none; text-align: center; padding: 0; }
#nav-toggle { display: block; }
ul#menu { display: none; }
div#logoOekv { display: none; }
div#logoWiesmadernBild { display: none; }
div#logoWiesmadernText { float: none; margin: 20px 20px 0; width: auto; }
div#logoWiesmadernText img { max-width: 100%; }
div#logoMobile { display: block; }
}