/*
	Theme Name: SVK HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* Banner fuer Page */

	#bannerpage {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		cursor: default;
		height: 100vh;
		min-height: 35em;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		#bannerpage h2 {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			display: inline-block;
			font-size: 1.75em;
			opacity: 1;
			padding: 0.35em 1em;
			position: relative;
			z-index: 1;
		}

			#bannerpage1 h2:before, #bannerpage1 h2:after {
				-moz-transition: width 0.85s ease;
				-webkit-transition: width 0.85s ease;
				-ms-transition: width 0.85s ease;
				transition: width 0.85s ease;
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
				background: #fff;
				content: '';
				display: block;
				height: 2px;
				position: absolute;
				width: 100%;
			}

			#bannerpage h2:before {
				top: 0;
				left: 0;
			}

			#bannerpage h2:after {
				bottom: 0;
				right: 0;
			}

		#bannerpage p {
			letter-spacing: 0.225em;
			text-transform: uppercase;
		}

		#bannerpage p a {
				color: inherit;
			}

		#bannerpage .more {
			-moz-transition: -moz-transform 0.75s ease, opacity 0.75s ease;
			-webkit-transition: -webkit-transform 0.75s ease, opacity 0.75s ease;
			-ms-transition: -ms-transform 0.75s ease, opacity 0.75s ease;
			transition: transform 0.75s ease, opacity 0.75s ease;
			-moz-transition-delay: 3.5s;
			-webkit-transition-delay: 3.5s;
			-ms-transition-delay: 3.5s;
			transition-delay: 3.5s;
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			border: none;
			bottom: 0;
			color: inherit;
			font-size: 0.8em;
			height: 8.5em;
			left: 50%;
			letter-spacing: 0.225em;
			margin-left: -8.5em;
			opacity: 1;
			outline: 0;
			padding-left: 0.225em;
			position: absolute;
			text-align: center;
			text-transform: uppercase;
			width: 16em;
			z-index: 1;
		}

			#bannerpage1 .more:after {
				background-image: url("images/arrow.svg");
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				bottom: 4em;
				content: '';
				display: block;
				height: 1.5em;
				left: 50%;
				margin: 0 0 0 -0.75em;
				position: absolute;
				width: 1.5em;
			}

		#bannerpage1:after {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: opacity 3s ease-in-out;
			-webkit-transition: opacity 3s ease-in-out;
			-ms-transition: opacity 3s ease-in-out;
			transition: opacity 3s ease-in-out;
			-moz-transition-delay: 1.25s;
			-webkit-transition-delay: 1.25s;
			-ms-transition-delay: 1.25s;
			transition-delay: 1.25s;
			content: '';
			background: #2e3842;
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
		}

		@media screen and (max-width: 736px) {

			#bannerpage {
				padding: 7em 3em 5em 3em ;
				height: auto;
				min-height: 0;
			}

				#bannerpage h2 {
					font-size: 1.25em;
				}

				#bannerpage br {
					display: none;
				}

				#bannerpage .more {
					display: none;
				}

		}

	body.is-loading #bannerpage h2 {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}

		body.is-loading #bannerpage h2:before, body.is-loading #bannerpage h2:after {
			width: 0;
		}

	body.is-loading #bannerpage .more {
		-moz-transform: translateY(8.5em);
		-webkit-transform: translateY(8.5em);
		-ms-transform: translateY(8.5em);
		transform: translateY(8.5em);
		opacity: 0;
	}

	body.is-loading #bannerpage:after {
		opacity: 1;
	}


/* Google Maps Responsive */
.responsive_map {
height: 0;
overflow: hidden;
padding-bottom: 56%;
position: relative;
}

.responsive_map iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

/* Seiten Style Erweiterung */
.wrapper.style6 {
			background-color: #386da9;
			color: #c0d5e3;
		}

			.wrapper.style6 strong, .wrapper.style6 b {
				color: #ffffff;
			}

			.wrapper.style6 h2, .wrapper.style6 h3, .wrapper.style6 h4, .wrapper.style6 h5, .wrapper.style6 h6 {
				color: #ffffff;
			}

			.wrapper.style6 hr {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style6 blockquote {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style6 code {
				background: rgba(255, 255, 255, 0.075);
			}

			.wrapper.style6 header p {
				color: #a6e0db;
			}

			.wrapper.style6 header.major h2, .wrapper.style6 header.major h3, .wrapper.style6 header.major h4, .wrapper.style6 header.major h5, .wrapper.style6 header.major h6 {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style6 header.major p {
				color: #c7ebe8;
			}

			.wrapper.style6 label {
				color: #ffffff;
			}

			.wrapper.style6 input[type="text"],
			.wrapper.style6 input[type="password"],
			.wrapper.style6 input[type="email"],
			.wrapper.style6 select,
			.wrapper.style6 textarea {
				background: rgba(255, 255, 255, 0.075);
			}

			.wrapper.style6 .select-wrapper:before {
				color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style6 input[type="checkbox"] + label,
			.wrapper.style6 input[type="radio"] + label {
				color: #c7ebe8;
			}

				.wrapper.style6 input[type="checkbox"] + label:before,
				.wrapper.style6 input[type="radio"] + label:before {
					background: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style6 input[type="checkbox"]:checked + label:before,
			.wrapper.style6 input[type="radio"]:checked + label:before {
				background: #ffffff;
				color: #21b2a6;
			}

			.wrapper.style6 ::-webkit-input-placeholder {
				color: #a6e0db !important;
			}

			.wrapper.style6 :-moz-placeholder {
				color: #a6e0db !important;
			}

			.wrapper.style6 ::-moz-placeholder {
				color: #a6e0db !important;
			}

			.wrapper.style6 :-ms-input-placeholder {
				color: #a6e0db !important;
			}

			.wrapper.style6 .formerize-placeholder {
				color: #a6e0db !important;
			}

			.wrapper.style6 .icon.major {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style6 ul.alt li {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style6 table tbody tr {
				border-color: rgba(0, 0, 0, 0.125);
			}

				.wrapper.style6 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style6 table th {
				color: #ffffff;
			}

			.wrapper.style6 table thead {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style6 table tfoot {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style6 table.alt tbody tr td {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style6 input[type="submit"],
			.wrapper.style6 input[type="reset"],
			.wrapper.style6 input[type="button"],
			.wrapper.style6 button,
			.wrapper.style6 .button {
				box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.125);
				color: #ffffff;
			}

				.wrapper.style6 input[type="submit"]:hover,
				.wrapper.style6 input[type="reset"]:hover,
				.wrapper.style6 input[type="button"]:hover,
				.wrapper.style6 button:hover,
				.wrapper.style6 .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				.wrapper.style6 input[type="submit"]:active,
				.wrapper.style6 input[type="reset"]:active,
				.wrapper.style6 input[type="button"]:active,
				.wrapper.style6 button:active,
				.wrapper.style6 .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

			@media screen and (max-width: 736px) {

				.wrapper.style6 .features li {
					border-top-color: rgba(0, 0, 0, 0.125);
				}

			}
/* Hinweis Box */
.hinweis {
    color: red;
	font-weight: bold;
}

/* Footer */

	#footer {
		padding: 6em 0 4em 0 ;
		background-color: #1d242a;
		text-align: center;
                font-size: 0.4em;
	}

		#footer .icons {
			font-size: 1.25em;
		}

			#footer .icons a {
				color: rgba(255, 255, 255, 0.5);
			}

				#footer .icons a:hover {
					color: #fff;
				}

		#footer .copyrightneu {
			color: rgba(255, 255, 255, 0.5);
			font-size: 0.4em;
			letter-spacing: 0.225em;
			list-style: none;
			padding: 0;
			text-transform: uppercase;
		}

			#footer .copyrightneu li {
				border-left: solid 1px rgba(255, 255, 255, 0.5);
				display: inline-block;
				line-height: 1em;
				margin-left: 1em;
				padding-left: 1em;
			}

				#footer .copyrightneu li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

				#footer .copyrightneu li a {
					color: inherit;
				}

					#footer .copyrightneu li a:hover {
						color: #fff;
					}

				@media screen and (max-width: 480px) {

					#footer .copyrightneu li {
						border: 0;
						display: block;
						line-height: 1.65em;
						margin: 0;
						padding: 0.5em 0;
					}

				}

		@media screen and (max-width: 980px) {

			#footer {
				padding: 4em 3em 2em 3em ;
			}

		}

		@media screen and (max-width: 736px) {

			#footer {
				padding: 3em 2em 1em 2em ;
			}
		}

		.footer {
				text-align: center;
				padding: 1px;
				margin: 0;
				color: #000;
				/* background-color: #3F8FD2; */
				background-color: #6c8ad5;
				/* border-color: #FF9400; */
				border-radius: 4px;
				font-size: 0.75em;
				/* position: relative; */
		}
/* Section/Article */

	section.special-left, article.special-left {
		text-align: left;
	}

	section.special-center, article.special-center {
		text-align: center;
	}

	.wrapper {
    padding: 3em 0 1em 0.5em !important;;
    /* padding: 1em 0 1em 0; */
}
