/*
	Theme Name: Almrausch
	Theme URI: https://www.ae-webdesign.com/
	Description: Almrausch Theme von AE Webdesign
	Version: 1.0
	Author: AE Webdesign
	Author URI: https://www.ae-webdesign.com/
	Tags: HTML5, CSS3, Javascript
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
	*/
	
	/* Default Css */
	
	@media all {
	
		body, html {
			height: 100%;
		}
		
		body {
			color: #000000;
			font-size: 20px;
			line-height: 34px;
			font-family: Arial, sans-serif;
			margin: 0px;
			padding: 0px;
		}
		
		body .frame {
			max-width: 1920px;
			margin: 0px auto;
			width: 100%;
		}
		
		h1, h2, h3, h4, h5, h6,
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			margin: 0px;
			padding: 0px;
			text-decoration: none;
		}
		
		h1.large, h1.large a, .t1.large, .t1.largei, .t1.large a {
			font-size: 40px;
			line-height: 55px;
			font-family: Arial, serif;
			color: #000000;
			font-weight: normal;
			text-transform: none;
			margin: 0px;
			padding: 0px;
		}
		
		h1, h1 a, .t1, .t1i, .t1 a {
			font-size: 35px;
			line-height: 43px;
			font-family: Arial, serif;
			color: #000000;
			font-weight: normal;
			text-transform: none;
			margin: 0px;
			padding: 0px;
		}
		
		h2, h2 a, .t2, .t2i, .t2 a {
			font-size: 22px;
			line-height: 30px;
			font-family: Arial, serif;
			color: #000000;
			font-weight: 600;
			text-transform: none;
			margin: 0px;
			padding: 0px;
		}
		
		h3, h3 a, .t3, .t3i, .t3 a {
			font-size: 19px;
			line-height: 27px;
			color: #000000;
			font-family: Arial, serif;
			font-weight: normal;
			margin: 0px;
			padding: 0px;
		}
		
		h4, h4 a, .t4, .t4i, .t4 a {
			font-size: 28px;
			line-height: 53px;
			color: #000000;
			font-family: Arial, serif;
			font-weight: normal;
			margin: 0px;
			padding: 0px;
		}
		
		h5, h5 a, .t5, .t5i, .t5 a {
			font-size: 20px;
			line-height: 38px;
			color: #000000;
			font-family: Arial, serif;
			font-weight: normal;
			margin: 0px;
			padding: 0px;
		}
		
		.smallFs {
			font-size: 12px;
			line-height: 20px;
		}
		
		.mediumFs {
			font-size: 14px;
			line-height: 24px;
		}
		
		.largeFs {
			font-size: 16px;
			line-height: 26px;
		}
		
		.button1 {
			background-color: #B58441;
			display: inline-block;
			padding: 10px 40px;
			font-size: 19px;
			font-weight: normal;
			color: #FFFFFF;
			font-family: Arial, serif;
			line-height: 22px;
		}
		
		a {
			text-decoration: none;
			color: #000000;
			cursor: pointer;
		}
		
		a:hover { 
			opacity: 0.7;
			filter: alpha(opacity = 70);
		}
		
		img {
			border: 0px;
			vertical-align: top;
			max-width: 100%;
			height: auto;
			width: auto;
		}
		
		p {
			margin: 0px;
			padding: 0px;
		}
		
		.inverse, .inverse a, .t1i, .t2i, .t3i, .t4i, .t5i {
			color: #FFFFFF;
		}
		
		.bghighlight1 {
			background-color: #FFFFFF;
		}
		
		.bghighlight2 {
			background-color: #DDDDDD;
		}
		
		.bghighlight3 {
			background-color: #AAAAAA;
		}
		
		.bghighlight4 {
			background-color: #000000;
		}
		
		.centercontent {
			width: 90%;
			max-width: 1400px;
			margin: 0px auto;
		}
		
		.centercontentsmall {
			width: 90%;
			max-width: 1280px;
			margin: 0px auto;
		}
		
		.clearbefore:before,
		.clearafter:after,
		.clearbeforeafter:before,
		.clearbeforeafter:after {
			content: '';
			clear: both;
			display: block;
			font-size: 0px;
			height: 0px;
			line-height: 0px;
			overflow: hidden;
			text-indent: -100px;
		}
		
		.vac {
			display: flex;
			align-items: center;
		}
		
		.vacjc {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.tal {
			text-align: left;
		}
		
		.tac {
			text-align: center;
		}
		
		.tar {
			text-align: right;
		}
		
		.bold {
			font-weight: bold;
		}
		
		.pointer {
			cursor: pointer;
		}
		
		textarea {
			resize: none;
			overflow: auto;
		}
		
		input[type="submit"] {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			font-family: Arial, serif;
			font-size: 16px;
			cursor: pointer;
		}
		
		input[type="submit"]:hover {
			opacity: 0.7;
			filter: alpha(opacity = 70);
		}
		
		button:focus {
			outline: 0;
		}
		
		input,
		select,
		textarea {
			-webkit-appearance: none;
  			-moz-appearance: none;
		}
	
	}
	
	@media (max-width: 650px) {
	
		body {
			font-size: 15px;
			line-height: 23px;
		}
		
		h1, h1 a, .t1, .t1i, .t1 a {
			font-size: 20px;
			line-height: 28px;
		}
		
		h1.large, h1.large a, .t1.large, .t1largei, .t1.large a {
			font-size: 28px;
			line-height: 37px;
		}
		
		h2, h2 a, .t2, .t2i, .t2 a {
			font-size: 17px;
			line-height: 25px;
		}
		
		h3, h3 a, .t3, .t3i, .t3 a {
			font-size: 16px;
			line-height: 24px;
		}
		
		h4, h4 a, .t4, .t4i, .t4 a {
			font-size: 19px;
			line-height: 33px;
		}
		
		h5, h5 a, .t5, .t5i, .t5 a {
			font-size: 17px;
			line-height: 28px;
		}
		
		.smallFs {
			font-size: 12px;
			line-height: 20px;
		}
	
	}
	
	/* Header Css */
	
	@media all {
	
		header.pageheader {
			height: 90px;
			width: 100%;
			position: fixed;
			left: 0px;
			top: 0px;
			background-color: #FFFFFF;
			z-index: 10;
			-webkit-box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.27);
			-moz-box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.27);
			box-shadow: 0px 7px 19px -8px rgba(0,0,0,0.27);
		}
		
		header a.mobilemenu {
			display: none;
			position: relative;
			float: right;
			width: 60px;
			height: 60px;
			margin: 20px 0px;
			background-color: #FFFFFF;
			z-index: 10;
		}
		
		header a.mobilemenu span.bar {
			position: absolute;
			left: 15px;
			width: 30px;
			height: 4px;
			background-color: #616161;
			-webkit-transition: all 500ms ease;
			transition: all 500ms ease;
		}
		
		header a.mobilemenu span.bar1 {
			top: 18px;
		}
		
		header a.mobilemenu span.bar2 {
			top: 28px;
		}
		
		header a.mobilemenu span.bar3 {
			top: 38px;
		}
		
		body.menuopen header a.mobilemenu span.bar {
			top: 50%;
		}
		
		body.menuopen header a.mobilemenu span.bar1 {
			-webkit-transform: rotate(45deg) scale(1.25);
			transform: rotate(45deg) scale(1.25);
		}
		
		body.menuopen header a.mobilemenu span.bar2 {
			-webkit-transform: rotate(-45deg) scale(1.25);
			transform: rotate(-45deg) scale(1.25);
		}
		
		body.menuopen header a.mobilemenu span.bar3 {
			-webkit-transform: rotate(45deg) scale(1.25);
			transform: rotate(45deg) scale(1.25);
		}
	
	}
	
	@media (max-width: 1024px) {
	
		header {
			position: relative;
		}
		
		body {
			position: relative;
			left: 0px;
			-webkit-transition: left 500ms ease;
			transition: left 500ms ease;
		}
		
		header a.mobilemenu {
			display: block;
		}
		
		header a.mobilemenu:hover {
			opacity: 1;
			filter: alpha(opacity = 100);
		}
		
		header div.menu {
			position: fixed;
			right: -260px;
			top: 0px;
			height: 100%;
			width: 260px;
			background-color: #ef7caa;
			-webkit-transition: right 500ms ease;
			transition: right 500ms ease;
			overflow-y: auto;
			padding-top: 30px;
		}
		
		header div.menu li {
			margin-right: 0px;
			width: 100%;
			text-align: center;
			margin-top: 20px;
		}
		
		header div.menu ul li a {
			color: #FFFFFF;
			font-size: 20px;
			line-height: 30px;
		}
		
		body.menuopen {
			left: -260px;
			overflow: hidden;
		}
		
		body.menuopen div.menu {
			right: 0px;
		}
	
	}
	
	/* Content Css */
	
		/* Login */
		
		@media all {
		
			div.login {
				position: fixed;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
			}
			
			div.login div.innerlogin {
				position: fixed;
				left: 0px;
				top: 0px;
				width: 100%;
				height: 100%;
			}
			
			div.login div.innerlogin div.box {
				padding: 3%;
				width: 15%;
				-webkit-border-radius: 10px;
				border-radius: 10px;
			}
			
			div.login div.innerlogin div.box div.send {
				width: 100%;
			}
			
			div.login div.innerlogin div.box input {
				margin-bottom: 10px;
				text-align: center;
			}
			
			div.login div.innerlogin div.box button {
				margin-top: 35px;
			}
		
		}
	
	/* Footer Css */
	
	@media all {
	
		footer.pagefooter {
			
		}
	
	}