/* @override 
	http://www.eva-zaiti.de/style.css */
	
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
	font-family: 'Open Sans', sans-serif;
}
	
/* FontAwesome
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	
@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-times-circle:before {
  content: "\f057";
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content ul li, .content ul li::before{
	color: #666;
}

.content ul li{
	margin: 1.0rem 0 0 3.0rem;
	font-style: italic;
}

.content ul li:last-child{
	margin: 1.0rem 0 3.0rem 3.0rem;
}

.content ul li::before {
	content:"\f111";
	display: inline-block;
	font-family: FontAwesome;
	speak: none;
	padding: 0 0.8rem 0 0;
	margin: 0 0 0 -2.0rem;
	font-weight: light;
	font-size: 1.2rem;
	font-weight: 400;
	font-style: normal;
	vertical-align: middle;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a b {
	color: #003470;
	font-weight: 600;
	font-size: 1.7rem;
}

.content a[href^="http://"]:not([href*="eva-zaiti.de"])::after, .content a[href^="https://"]:not([href*="eva-zaiti.de"])::after{
	content:"\f14c";
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	speak: none;
	padding: 0 0 0 0.5rem;
	font-weight: light;
	font-size: 1.4rem;
	font-weight: 400;
}

.content a[href^='mailto:'] {
	word-wrap: normal;
	display:inline-block;
}

.content a[href^='mailto:']::before {
	content:"\f0e0";
	display: inline-block;
	font-family: FontAwesome;
	speak: none;
	padding: 0 0.5rem 0 0;
	font-weight: light;
	font-size: 1.4rem;
	font-weight: 400;
}

.content a[href*='definitionen.html'] {
	cursor:help !IMPORTANT;
}

.content a[href*='definitionen.html']::before {
	content:"\f05a";
	display: inline-block;
	font-family: FontAwesome;
	speak: none;
	padding: 0 0.3rem;
	font-weight: light;
	font-size: 1.6rem;
	font-weight: 400;
}

/* Image Styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.content .image, .content iframe[src*='youtube.com'] {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	border: 5px solid #FFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.image419 {
	margin-top: 10px;
}

@media (max-width: 550px) {
	.content .image, .content iframe[src*='youtube.com'] {
		width: -moz-calc(100% - 10px);
		width: -webkit-calc(100% - 10px);
		width: calc(100% - 10px);
		height: auto;
		margin: 0 0 27px;
	}
}

@media (min-width: 550px) {
	.content .image, .content iframe[src*='youtube.com'] {
		border: 10px solid #FFF;
		max-width: -moz-calc(100% - 20px);
		max-width: -webkit-calc(100% - 20px);
		max-width: calc(100% - 20px);
	}
}

/* Gallerie
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.gallerie{
	text-align:center;
	display: inline-block;
	width: 100%;
	margin: 0;
}

.gallerie figure{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: -moz-calc(50% - 3px);
	width: -webkit-calc(50% - 3px);
	width: calc(50% - 3px);
}

.gallerie figcaption {
  display: none;
}

.pswp__caption__center {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px !important;
}

.gallerie a{
	display: inline !important;
}

.imgbox,.gallerie img{
	margin: 0 5px 5px 0;
	display: inline-block;
	border: 5px solid #FFF;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
	height: auto;
	
	background: #FFF url(/img/loading.gif) center center no-repeat;
}

.imgbox {
	padding: 10px 10px 10px 10px;
}

@media (min-width: 1024px) {
	.gallerie{
		width: 820px;
		margin: 40px 0 20px 0;
	}
	
	.imgbox,.gallerie img{
		margin: 0 20px 20px 0;
		border: 10px solid #FFF;
		
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
		
		cursor: -webkit-zoom-in; 
		cursor: -moz-zoom-in;
		
		width: 365px;
		height: 365px;
	}
	
	.imgbox:hover,.gallerie img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		position: relative;
		z-index: 5;
		
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	}
}

/* Formular
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.formular ::-webkit-input-placeholder { /* WebKit browsers */
	opacity:  0;
}

.formular :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	opacity:  0;
}

.formular ::-moz-placeholder { /* Mozilla Firefox 19+ */
	opacity:  0;
}

.formular :-ms-input-placeholder { /* Internet Explorer 10+ */
	opacity:  0;
}
	
.formular{
	margin: 30px 0;
}	

.formular fieldset{
	border:hidden;
}

.formular label{
	font-size: 1.6rem;
	color:#003470;
	display:block;
}

.formular label[for="173"]::before, .formular label[for="174"]::before{
	font-family: FontAwesome;
	margin: 0 10px 0 0;
}

.formular label[for="173"]::before {
	content:"\f0e0";
}

.formular label[for="174"]::before {
	content:"\f039";
}

.formular small{
	padding: 0 0 0 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1rem;
}

.formular input, .formular textarea{
	font-family: 'Open Sans', sans-serif;
	border: 2px solid #fffceb; 
	font-size: 1.6rem;
	color:#003470;
	padding:5px;
	margin:0 0 20px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.10);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.10);
	display:block;
}

.formular input{
	width: 550px;
	height: 25px;
}

.formular textarea{
	width: 550px;
	height: 300px;
}

.formular select{
	margin:0 0 20px 0;
	border: 1px solid #003470; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #58585a;
	padding:3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-image:url(/img/bg-input.jpg);
	background-repeat:no-repeat;
}

.formular select:focus {
	border: 2px solid #003470;
}

.formular input[type="submit"]{
	color:#FFF;
	font-weight:700;
	margin: 0 0 20px 200px;
	width: 300px;
	height: 50px;
	border: 1px solid #003470; 
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	background: #003470; /* Old browsers */
	
	-webkit-appearance: none;

}

.formular input[type="file"] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003470;
	border: 0;
	background-image:none;
}

.formular .hidden {
	display:none;
}
	
.formular .inputerror{
	background:#FFD5D5;
}

.error h1 {
	font-size: 25px;
	font-weight: bold;
	margin: 40px 0 17px 0 !IMPORTANT;
}



@media (min-width: 1024px) {
	.formular label{
		float: left;
		width: 200px;
	}
}

@media (max-width: 1023px) {
	.formular label{
		display: inline-block;
	}
	
	.formular input[type="submit"]{
		margin: 0 0 20px;
	}
	
	.formular small{
		padding: 0;
	}
}

@media (max-width: 650px) {
	.formular input, .formular textarea{
		width: -moz-calc(100% - 14px);
		width: -webkit-calc(100% - 14px);
		width: calc(100% - 14px);
	}
	
	.formular input[type="submit"]{
		width: 66%;
	}
}

/* GoBack Pfeile
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a.goBack:link, a.goBack:visited, a.goBack:active, a.goBack:hover, a.goBack, a.goBackRight, a.goBackRight:visited, a.goBackRight:link, a.goBackBox, a.goBackBox:visited, a.goBackBox:link {
	border-bottom: none !important;
	border: none !important;
	text-decoration: none;
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	font-size: 20px;
	font-weight: 400;
}

a.goBack, a.goBackRight, a.goBackBox {
  position: relative;
  padding: 7px 15px !important;
  background: #003470;
  color: #FFF !important;
  font-family: Georgia,"Times New Roman",Times,serif;
  margin: 20px !important;
  display: inline-block;
  line-height: 1.3;
}

a.goBackRight {
  float: right;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
	-moz-border-radius-topleft: 2px !important;
	-moz-border-radius-bottomleft: 2px !important;
	
	-webkit-border-top-left-radius: 2px !important;
	-webkit-border-bottom-left-radius: 2px !important;
	
	border-top-left-radius: 2px !important;
	border-bottom-left-radius: 2px !important;
}

a.goBack {
	margin: 20px 0 20px 10px !important;
	-moz-border-radius-topright: 2px !important;
	-moz-border-radius-bottomright: 2px !important;
	
	-webkit-border-top-right-radius: 2px !important;
	-webkit-border-bottom-right-radius: 2px !important;
	
	border-top-right-radius: 2px !important;
	border-bottom-right-radius: 2px !important;
}

a.goBackBox {
	margin: 0 !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

a.goBack::after, .goBackRight::after, .goBackBox::after {
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
}

a.goBack:hover, a.goBackRight:hover, a.goBackBox:hover { 
	background: #FFF; 
	color: #003470 !IMPORTANT;
}

a.goBack::after, .goBackRight::after { border-style: solid; }

a.goBackRight::after {
	right: -40px;
	border-width: 20px;
	border-color: transparent transparent transparent #003470;
	float:right;
}

a.goBackRight:hover::after {
	border-left-color: #FFF;
}

a.goBack::after {
  left: -40px;
  border-color: transparent #003470 transparent transparent;
  border-width: 20px;
}

a.goBack:hover::after {
  border-right-color: #FFF;
}

@media (max-width: 550px) {

	a.goBack{
		margin: 20px 0 20px 10px !important;
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	
	a.goBack::after {
		left: -40px;
	}
	
	a.goBackRight{
		float: none;
		margin: 20px 0 20px !important;
		width: -moz-calc(100% - 50px);
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px);
	}
	
	a.goBackRight::after {
		right: -40px;
	}
	
	a.goBackBox {
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
	}

}

@media (min-width: 550px) {
	a.goBack, a.goBackRight {
		min-width: 300px;
	}
	
	a.goBackBox {
		min-width: 310px;
	}
}

@media (min-width: 720px) {
	a.goBackBox {
		min-width: 300px;
		margin: 20px 0 20px 10px !important;
	}
}

@media (min-width: 1024px) {
	a.goBack{
		margin: 20px 0 20px !important;
	}
	a.goBackBox {
		margin: 20px 0 20px 10px !important;
	}
}

/* Google Translate
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#google_translate_element {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 10px 10px 5px 20px;
	background: #FFF;
	
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	border-top-left-radius: 20px;
	
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	
	opacity: 0.7;
}
#google_translate_element:hover{
	opacity: 1;
}
#google_translate_element img{
	display: inline;
}