/* ############################################################
	FARBKLIMA
###############################################################

	Grün (Taverna):		#2a6479
	Gelb (Schnider):	#f3e745
	Grün (Schnider):	#203a43
	Beige (Schnider):	#fcfdf7
	
###############################################################
	ALLGEMEINES
############################################################ */

* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img, table, tr, td {
	border: 0;
}

main img {
	max-width: 100% !important;
	height: auto !important;
	display: block;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

a, a:focus {
	outline: none;
}

html, body { /* html = IE text resize correction */
	height: 100%;
	font-size: 100%;
}
html {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow-x: hidden;
	background-color: #fcfdf7;
}


/* Effekt: FadeIn / Lightning */
nav, header, main, footer {
	opacity: 0;
}

/* Schnider Steuerberatung */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/Plus-Jakarta-Sans/plus-jakarta-sans-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../Fonts/Plus-Jakarta-Sans/plus-jakarta-sans-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/Plus-Jakarta-Sans/plus-jakarta-sans-v8-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../Fonts/Plus-Jakarta-Sans/plus-jakarta-sans-v8-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../Fonts/Plus-Jakarta-Sans/plus-jakarta-sans-v8-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../Fonts/Plus-Jakarta-Sans/plus-jakarta-sans-v8-latin-300.svg#PlusJakartaSans') format('svg'); /* Legacy iOS */
}
/* Taverna Buchhaltung */
@font-face {
	font-family: "FFMarkProRegular";
	src: url("../Fonts/FFMarkProRegular/font.woff2") format("woff2"),
		url("../Fonts/FFMarkProRegular/font.woff") format("woff");
	font-weight:  400;
	font-style:   normal;
	font-stretch: normal;
}


/* ############################################################
	SCHRIFTEN / TEXTE / ABSÄTZE / HYPERLINKS / TITEL
############################################################ */

/* Allgemeines */
body {
	font-style: normal;
	font-weight: normal;
	font-size: 1rem; /* 16px */
	line-height: 1;
}
.section-schnider {
	font-family: "Plus Jakarta Sans";
	font-weight: 300;
	color: #203a43;
}
.section-taverna {
	font-family: "FFMarkProRegular";
	font-weight: 400;
	color: #2a6479;
}
@media screen and (min-width: 768px) {
	body {
		font-size: 1.625rem; /* 26px */
	}
}
@media screen and (min-width: 992px) {
	body {
		font-size: 1.25rem; /* 20px */
	}
}
@media screen and (min-width: 1200px) {
	body {
		font-size: 1.5rem; /* 24px */
	}
}
@media screen and (min-width: 1600px) {
	body {
		font-size: 1.875rem; /* 30px */
	}
}


/* ############################################################
	HYPERLINKS
############################################################ */

/* Allgemein */
a, a:hover {
	position: relative;
	text-decoration: none;
	color: inherit;
}


/* Button: Pfeil */
a.link-arrow {
	display: inline-block;
	position: relative;
	margin-top: 35px;
	margin-left: 105px;
	padding-right: 26px;
	-o-transition: padding 300ms ease-in-out;
	-ms-transition: padding 300ms ease-in-out;
	-moz-transition: padding 300ms ease-in-out;
	-webkit-transition: padding 300ms ease-in-out;
	transition: padding 300ms ease-in-out;
}
a.link-arrow:hover {
	padding-right: 31px;
}
a.link-arrow:after {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	right: 0;
	width: 16px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 14px;
}
.section-schnider a.link-arrow:after {
	background-image: url("../Images/Arrow-Right-Schnider.svg");
}
.section-taverna a.link-arrow:after {
	background-image: url("../Images/Arrow-Right-Taverna.svg");
}
@media screen and (min-width: 768px) {
	a.link-arrow {
		padding-right: 41px;
	}
	a.link-arrow:hover {
		padding-right: 51px;
	}
	.section-schnider a.link-arrow {
		margin-top: 70px;
		margin-left: 183px;
	}
	.section-taverna a.link-arrow {
		margin-top: 70px;
		margin-left: 183px;
	}
	a.link-arrow:after {
		top: 2px;
		width: 26px;
		height: 22px;
		background-size: 26px 22px;
	}
}
@media screen and (min-width: 992px) {
	a.link-arrow {
		padding-right: 37px;
	}
	a.link-arrow:hover {
		padding-right: 45px;
	}
	.section-schnider a.link-arrow {
		margin-top: 80px;
		margin-left: 138px;
	}
	.section-taverna a.link-arrow {
		margin-top: 88px;
		margin-left: 143px;
	}
	a.link-arrow:after {
		top: 1px;
		width: 21px;
		height: 18px;
		background-size: 21px 18px;
	}
}
@media screen and (min-width: 1200px) {
	a.link-arrow {
		padding-right: 37px;
	}
	a.link-arrow:hover {
		padding-right: 45px;
	}
	.section-schnider a.link-arrow {
		margin-top: 90px;
		margin-left: 165px;
	}
	.section-taverna a.link-arrow {
		margin-top: 100px;
		margin-left: 170px;
	}
	a.link-arrow:after {
		top: 2px;
		width: 25px;
		height: 21px;
		background-size: 25px 21px;
	}
}
@media screen and (min-width: 1600px) {
	a.link-arrow {
		padding-right: 46px;
	}
	a.link-arrow:hover {
		padding-right: 56px;
	}
	.section-schnider a.link-arrow {
		margin-top: 142px;
		margin-left: 218px;
	}
	.section-taverna a.link-arrow {
		margin-top: 166px;
		margin-left: 224px;
	}
	a.link-arrow:after {
		width: 31px;
		height: 26px;
		background-size: 31px 26px;
	}
}


/* ############################################################
	PANELS/BOXEN
############################################################ */

/* Allgemein */
main, section {
	position: relative;
	width: 100%;
	margin: 0;
}
main {
	display: flex;
	flex-direction: column;
	height: calc(var(--window-height) * 100);
}
	section {
		display: flex;
		align-items: center;
		justify-content: center;
		height: calc((var(--window-height) * 100) / 2);
	}
	.section-taverna {
		background-color: #ffffff;
	}
		section .inline-box {
			width: 300px;
		}
		.section-taverna .inline-box {
			padding-right: 32px;
		}
@media screen and (min-width: 768px) {
	section .inline-box {
		width: 520px;
	}
	.section-taverna .inline-box {
		padding-right: 50px;
	}
}
@media screen and (min-width: 992px) {
	main {
		flex-direction: row;
	}
		section {
			height: auto;
		}
			.section-schnider .inline-box {
				width: 396px;
			}
			.section-taverna .inline-box {
				width: 362px;
				padding-right: 0;
				padding-top: 21px;
			}
}
@media screen and (min-width: 1200px) {
	.section-schnider .inline-box {
		width: 468px;
	}
	.section-taverna .inline-box {
		width: 428px;
		padding-top: 24px;
	}
}
@media screen and (min-width: 1600px) {
	.section-schnider .inline-box {
		width: 624px;
	}
	.section-taverna .inline-box {
		width: 570px;
		padding-top: 21px;
	}
}