@charset "utf-8";
/* CSS Document ipson-steuerberatung.de */

/* FONTFACE */

@font-face {
	font-family: "Lato-Regular";
	src:url("../fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Lato-Regular.otf") format("opentype"),
		url("../fonts/Lato-Regular.ttf") format("truetype"),
		url("../fonts/Lato-Regular.woff") format("woff");
		font-style:normal;
		font-weight:normal;
    	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: "Lato-Italic";
	src:url("../fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Lato-Italic.otf") format("opentype"),
		url("../fonts/Lato-Italic.ttf") format("truetype"),
		url("../fonts/Lato-Italic.woff") format("woff");
		font-style:normal;
		font-weight:normal;
    	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: "Lato-Light";
	src:url("../fonts/Lato-Light.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Lato-Light.otf") format("opentype"),
		url("../fonts/Lato-Light.ttf") format("truetype"),
		url("../fonts/Lato-Light.woff") format("woff");
		font-style:normal;
		font-weight:normal;
    	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: "Lato-LightItalic";
	src:url("../fonts/Lato-LightItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Lato-LightItalic.otf") format("opentype"),
		url("../fonts/Lato-LightItalic.ttf") format("truetype"),
		url("../fonts/Lato-LightItalic.woff") format("woff");
		font-style:normal;
		font-weight:normal;
    	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: "Lato-Medium";
	src:url("../fonts/Lato-Medium.eot?#iefix") format("embedded-opentype"), 
		url("../fonts/Lato-Medium.otf") format("opentype"),
		url("../fonts/Lato-Medium.ttf") format("truetype"),
		url("../fonts/Lato-Medium.woff") format("woff");
		font-style:normal;
		font-weight:normal;
    	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: "Lato-MediumItalic";
	src:url("../fonts/Lato-MediumItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Lato-MediumItalic.otf") format("opentype"),
		url("../fonts/Lato-MediumItalic.ttf") format("truetype"),
		url("../fonts/Lato-MediumItalic.woff") format("woff");
		font-style:normal;
		font-weight:normal;
    	text-rendering:optimizeLegibility;
}

@font-face {
	font-family: "Lato-Bold";
	src:url("../fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), 
		url("../fonts/Lato-Bold.ttf") format("opentype"),
		url("../fonts/Lato-Bold.ttf") format("truetype"),
		url("../fonts/Lato-Bold.woff") format("woff");
		font-style:normal;
		font-weight:normal;
    	text-rendering:optimizeLegibility;
}


/* GLOBAL */
 
* {
	padding:0;
	margin:0;
	line-height:1em;
}

html {
	min-width:100%;
	height:100%;
	font-family: "Lato-Regular", sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body {
	min-width:100%;
	height:100%;
	font-size: 100.01%;
	overflow-y:scroll;
	background:#18395f;
	background:#fff;
}


header,
section,
footer,
aside,
nav,
main,
article,
figure {
    display: block;
} 

/* GLOBAL > typography */

h1, h2, h3, h4, h5 {
	font-family: "Lato-Light", sans-serif;
	font-weight:normal;
	line-height:1em;
	letter-spacing:0.01em;
	color:#fff;
}

h1 {
	font-size:2em;
}

h2 {
	font-size:2.4em;
	line-height:1.2em;
	padding-bottom:0.6em;
	text-transform:uppercase;
	
}

h3 {
	font-family: "Lato-Medium", sans-serif;
	font-size:1.6em;
	line-height:1.1em;
	padding-bottom:0.6em;
}

h4 {
	font-size:1.6em;
	line-height:1.1em;
	padding-bottom:0.6em;
}

h5 {
	font-size:1.3em;
	line-height:1.1em;
	padding-bottom:0.5em;
}

h6 {}

p, address {
	font-family: "Lato-Regular", sans-serif;
	font-size:1em;
	line-height:1.4em;
	padding-bottom:0.75em;
	color:#333;
	color:#fff;
	
	/*
	-moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	*/
}

.cc-message {
	font-size:1em !important;
	font-family: "Lato-Regular", sans-serif !important;
	line-height:1.4em !important;
}

.index h1,
.index h2,
.index h3,
.index h4,
.index h5,
.index p,
section .index li,
section .index td, 
section .index th {
	color:#333;
}

#footer p,
#footer address {
	color:#333;
}

#footer a {
	color:#81b0db;
	font-family: "Lato-Medium", sans-serif;
	border-bottom:1px dotted #81b0db;
	text-decoration:none;
}

#footer a:hover {
	color:#ccc;
	border-bottom:1px dotted #ccc;
}

.highlight p {
	color:#1e5282;
	padding-bottom:0;
}

ul {
	padding-bottom:0.75em;
}

section li {
	font-family: "Lato-Regular", sans-serif;
	font-size:1em;
	line-height:1.4em;
	color:#fff;
	padding-left:1.8em;
	list-style:none;
}

section ul.llh li {
	padding-bottom:0;
}

section li:before {
	content:"►";
	font-family: "Lato-Bold", sans-serif;
	font-weight:800;
	display:inline-block;
	color:#9dcfef;
	font-size:0.8em;
	position:relative;
	margin-left:-1.8em;
	margin-right:0.8em;
	top:-0.1em;
}

section li p,
section li h3,
section li h4,
section li h5 {
	display:inline;
}

dl {}

dt {}

dd {}

table {
	font-size:1em;
	border-collapse:collapse;
	border:0 none;
	width:100%;
}

tr {
}

th {
	vertical-align:top;
	text-align:left;
	border-bottom:2px solid #fff;
}

td {
	border:0 none;
	vertical-align:top;
}

section td, section th {
	font-size:1.1em;
	color:#fff;
	padding:0.2em 0.4em 0.1em 0;
}

address {
	font-style:normal;
	text-indent:0;
}

.two-columns {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.three-columns {
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
	-webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.two-columns p,
.three-columns p {
	-webkit-column-break-inside: avoid;
    -moz-column-break-inside:avoid;
    -moz-page-break-inside:avoid;
    page-break-inside:avoid;
    break-inside:avoid-column;
}

/* GLOBAL > inline elements */

a {
	text-decoration:none;
	overflow:hidden; /* for correct word-wrap */
    outline:none;
	
	color:#ccc;
	border-bottom:1px dotted #ccc;
}

a:hover {
	color:#18395f;
	border-bottom:1px dotted #18395f;
}

.index a, 
a.cc-link {
	color:#81b0db;
	font-family: "Lato-Medium", sans-serif;
	border-bottom:1px dotted #81b0db;
}

.index a:hover, a.cc-link:hover {
	color:#ccc;
	border-bottom:1px dotted #ccc;
}

a.cc-link:hover {
	color:#ccc !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	font-family: "Lato-Light", sans-serif;
	color:#fff;	
	border:0 none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color:#ccc;
	border:0 none;
}

strong {
	font-family: "Lato-Bold", sans-serif;
	font-weight:bold;
}

small {
	font-size:0.8em;
}

figure {
	margin-top:18px;
	margin-bottom:18px;
	margin-left:auto;
	margin-right:auto;
}

figure.graph {
	width:75%;
}

figure img {
	display:block;
}

i {
	font-family: "Lato-Italic", sans-serif;
	font-style:normal;
}

/* GLOBAL > additional typography */

.clear {
	clear:both;
}

span.clear {
	clear:both;
	display:block;
	height:0;
	font-size:0;
}

.clearfix:after,
section:after,
.section:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.nowrap {
	white-space:nowrap;
}

.si {
	white-space:nowrap;
	word-spacing:-0.15em;
}

span.info {
	cursor:help;
}

span.justifier {
	display:inline-block;
	padding-left:100%;
	height:0;
	font-size:0;
}

.encrypt {
	white-space:nowrap;
}

.encrypt em {
	display:inline-block;
	overflow:hidden;
	vertical-align:text-bottom;
	width:1px;
	margin-right:-1px;
}

.pagetop {
	position:fixed;
	bottom:16px;
	right:16px;
	border-radius:50%;
	background:#1d3259;
	text-align:center;
	display:none;
	overflow:hidden;
}

.pagetop a {
	font-family: "Lato-bold", sans-serif;
	display:block;
	width:40px;
	height:40px;
	background: url(../elements/bg_to-top.png) no-repeat center center;
}

.pagetop span {
	display:none;
}

/* GENERAL LAYOUT */

header, main, footer, section {
	width:100%;
	min-height:1px;
	overflow:hidden;
}

#header,
#footer,
.section {
	width:996px;
	margin:0 auto;
	position:relative;
}

.spacer {
	clear:both;
	height:120px;
}

.anchor {
	position:absolute;
	height:1px;
	margin-top:-120px;

}

header#top {
	background-color:#fff;
	width:100%;
	top:0;
	position:fixed;
	z-index:2000;
	-webkit-transform: translateZ(0); /* Fix Chrome Scroll Bug */
}

header#top::before,
footer::before {
	display:block;
	content:" ";
	border-bottom: 12px solid #18395f;
	border-right: 5px solid transparent;
	width:35%;
}

header#top::after,
footer::after {
	position:relative;
	display:block;
	float:right;
	content:" ";
	border-bottom: 12px solid #81b0db;
	border-left: 5px solid transparent;
	width:35%;
}


#header {
	/* min-height:100px; */
}

h1#logo {
	margin:0 auto 10px auto;
	font-size:1em;
	line-height:1em;
	padding:0;
	width:200px;
	text-align:center;
}

#logo img {
	width:100%;
}

#logo span {
	display:none;
}

h1#logo  {
	font-size:1em;
	line-height:1em;
	padding:0;
}

#logo h1 a:hover {
	text-transform:none !important;
	border-bottom:0 !important;
}

#brand {
	margin:8px auto;
	display:none;
	width:150px;
}

#brand img {
	width:100%;
}

main {
}

#slideshow {
	position:relative;
	width:100%;
	height:600px;
	overflow:hidden;
	transition: all 0.2s ease;
	background:#000;
}

#slideshow > div {
	height:100%;
	width:100%;
	position:absolute;
	overflow:hidden;
}

#slideshow img {
	position:absolute;
	display:block;
	height:100%;
	width:100%;
	object-fit:cover;
}

/* Internet Explorer 10+, Microsoft Edge Browser */
_:-ms-lang(x), #slideshow img {display:none;}
_:-ms-lang(x), #slideshow > div { background-size:cover !important; background-position:50% 50% !important;}


#slideshow .caption {
	position:absolute;
	text-align:center;
	padding:1%;
	top:35%;
	left:10%;
}

#slideshow .caption h3 {
	font-family: "Lato-Light", sans-serif;
	display:inline-block;
	text-transform:uppercase;
	font-size:2.8em;
	padding:0.2em 0.6em 0 0.6em;
	margin-bottom:0.1em;
	border-bottom:2px solid #fff;

}

#slideshow .caption p {
	font-family: "Lato-Light", sans-serif;
	text-transform:uppercase;
	font-size:1.3em;
}


#caption2 h3 {
	text-shadow: 0px 0px 8px #220000;
}

#caption2 p {
	text-shadow: 0px 0px 4px #220000;
}

#caption3 h3 {
	text-shadow: 0px 0px 12px #002878;
}

#caption3 p {
	text-shadow: 0px 0px 6px #002878;
}


section {
	/* background:#fff; */
	
	background: -webkit-radial-gradient(#81b0db 0%,#18395f 100%); 
	background: -moz-radial-gradient(#81b0db 0%, #18395f 100%);
	background: -o-radial-gradient(#81b0db 0%, #18395f 100%);
	background: radial-gradient(#81b0db 0%, #18395f 100%);
	
	padding:40px 0;
}

.section {
	padding:80px 0;
}


.section header {
	position:relative;
	background:none;
}

.referenzen {
	width:100%;
}

.referenzen > div {
	position:relative;
	text-align:center;
	line-height:1em;
	width:100%;
}

.referenzen > div:before {
	content:"";
	display:block;
	padding-top:50%;
}

.referenzen img {
	max-width:90%;
	max-height:75%;
	width:auto !important;
	position:absolute;
    left:-100%;
    right:-100%;
    top:-100%;
    bottom:-100%;
    margin:auto;
}

#profileimg {
	width:30%;
	float:right;
	margin-left:36px;
	margin-bottom:36px;
}

.intersection {
	height:120px;
	clear:both;
}

.parallax {
	width:100%;
	padding:0;
	
}

.parallax > div {
	display:table;
	margin:0 auto;
	height:100%;
}

.parallax div div {
	vertical-align:middle;
	height:100%;
}

footer {
}

#footer {
	padding:80px 0 80px 0;
}


/* ELEMENTS */

/* ELEMENTS > menu main */

#menu-main  {
	width:100%;
}

#menu-main-inner {
	margin:0 auto;
	
	position:relative;

}

#menu-main-nav {
	padding:0 1.20481%;
	text-align:center;
}

#menu-main-nav ul {
	display:inline-block;
	width:auto;
	position:relative;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
}

#menu-main ul li {
	list-style:none;
	margin:0;
	padding:0;
	line-height:1em;
	font-size:1em;
	display:inline-block;
	position:relative;
}

#menu-main ul li:last-child {
	border-right:0 none;
}

#menu-main li a {
	font-family: "Lato-Regular", sans-serif;
	/* text-transform:uppercase; */
	font-size:1em;
	text-decoration:none;
	color:#18395f;
	border:0 none;
	display:block;

	padding:4px 10px;
	
	border-top: 1px solid #ccc;
	
	
}

#menu-main li a:hover {
	/* border-top: 1px solid #1d3259; */
	color:#ccc;
}

html.can-touch #menu-main li a:hover {
	color:#ccc;
}

#menu-main li a.active {
	border-top: 1px solid #1d3259;
	color:#81b0db;
}

#menu-main li a.active:hover {
	
	color:#81b0db;
}

#menu-main ul li {
	font-size:1em;
}

a.menu-main-toggle,
#menu-main-nav .close {
	box-sizing:border-box;
	font-family: "Lato-bold", sans-serif;
	font-size:1em;
	color:#333;
	color:#999;
	display:none;
	padding:8px 4.20481%;
}

a.menu-main-toggle:hover,
#menu-main-nav .close:hover {
	color:#ccc;
}

a.menu-main-toggle span.icon,
#menu-main-nav .close span.icon {
	display:inline-block;
	font-weight:normal;
	position:relative;
	top:1px;
}

a.menu-main-toggle span.text,
#menu-main-nav .close span.text {
	display:inline-block;
}

a.menu-main-toggle {
	position:relative;
	z-index:2;
	display:none;
	
}

a:hover.menu-main-toggle {
}

#menu-main-nav .close span.text {
}

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

header#top {
	top:auto;
	position:relative;
}

#menu-main-nav {
	width:auto;
}

#menu-main-nav {
	border-top: 1px solid #ccc;
	margin:0 10%;
}

a.menu-main-toggle {
	display:block;
	width:100%;
	border:0 none;
	z-index:5;
}

#menu-main-nav ul {
	margin:0;
}

body:not(:target) #menu-main-nav ul {
	max-height:0;
  	line-height:0;
	overflow:hidden;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-o-transition-property: line-height, max-height;
  	-o-transition-duration: 0.4s, 0.4s;
	-webkit-transition-property: line-height, max-height;
  	-webkit-transition-duration: 0.4s, 0.4s;
	-moz-transition-property: line-height, max-height;
  	-moz-transition-duration: 0.4s, 0.4s;
	transition-property: line-height, max-height;
  	transition-duration: 0.4s, 0.4s;
	width:100%;
}


body:not(:target) #top:target #menu-main-nav ul {
	max-height:40em;
	z-index:2;
}

body:not(:target) #menu-main-nav li {
	list-style:none;
	display:block;
	float:none;
	width:100%;
}

body:not(:target) #top:target #menu-main-nav .close {
	display:block;
}

body:not(:target) #menu-main-nav .close {
	display:none;
}

body:not(:target) a.toggle-menu-main {
	display:block;
	border:0 none;
	z-index:5;
}

body:not(:target) #top:target a.menu-main-toggle {
	display:none;
}

#menu-main-nav li a {
	box-sizing:border-box;
	width:100%;
	border-top:1px solid #ccc;
	padding:8px 4.20481%;
}

#menu-main-nav li:first-child a {
}

#menu-main-nav li:last-child a {
}

body:not(:target) #top:target #menu-main-nav .close {
	display:block;
	top:0;
	left:0;
	z-index:6;
}

body:not(:target) #menu-main-nav .close {
	display:none;
}

}

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

}

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

}


/* ELEMENTS > sticky header */

header h1#logo,
header #brand,
header#top.sticky::before,
header#top.sticky::after,
#header,
header #menu-main-nav ul {
	transition: all 0.3s ease;
}

@media only screen and (min-width: 740px) {

header.sticky {
}

header#top.sticky::before {
	border-bottom: 3px solid #18395f;
	width:100%;
}

header#top.sticky::after {
	border-bottom: 3px solid #81b0db;
	width:100%;
}

header.sticky #logo {
}

header.sticky h1#logo {
	display:none;
}

header.sticky #brand {
	display:block;
}

header.sticky #menu-main {
}

header.sticky #menu-main-nav ul {
	margin:0 0 0 0;
}

header.sticky #menu-main li a {
}

header.sticky #header {
}

}

/* ELEMENTS Boxes */

.white {
	background:#fff;
}

.box-full .box-inner {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
	margin:0 1.5% 0.75em 1.5%;
	box-sizing:border-box;
	-webkit-column-break-inside: avoid;
    -moz-column-break-inside:avoid;
    -moz-page-break-inside:avoid;
    page-break-inside:avoid;
    break-inside:avoid-column;
}

section header,
.box-full,
.box-twothird,
.box-half,
.box-third,
.box-fourth,
.box-sixth {
	margin-left:1.20481%;
	margin-right:1.20481%;
	margin-top:1.20481%;
	margin-bottom:1.606425%;
	float:left;
}

section header:after,
.box-full:after,
.box-twothird:after,
.box-half:after,
.box-third:after,
.box-fourth:after,
.box-sixth:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

section header,
.box-full {
	width:97.590361%;
}

.box-twothird {
	width:64.2570281%;

}

.box-half {
	width:47.59036%;
}

.box-third {
	width:30.92369%;
}

.box-fourth {
	width:22.590361%;
}

.box-sixth {
	width:14.257028%;
}

.box-full img,
.box-twothird img,
.box-half img,
.box-third img,
.box-fourth img,
.box-sixth img {
	width:100%;
}

.box-half.right,
.box-twothird.right,
.box-threefourth.right,
.box-third.right,
.box-fourth.right {
	float:right;
}

.box-inner-half,
.box-inner-twothird,
.box-inner-third,
.box-inner-fourth,
.box-inner-eighth,
.box-inner-sixth,
.box-inner-twosixth {
	display:block;
	float:left;
}

.box-full .box-inner-half,
.box-full .box-inner-third,
.box-full .box-inner-twothird {
	margin-right:3.75%
}

.box-full .box-inner-half {
	width:48.125%;
}

.box-full .box-inner-third {
	width:30.83333333333333%;
}

.box-full .box-inner-twothird {
	width:65.41666666666666%;
}

.box-third .box-inner-sixth {
	width:43.91891891891892%;
}

.box-third .box-inner-sixth {
	margin-right:12.16216216216216%;
}

.box-threefourth .box-inner-fourth {
	width:29.957805907173%;
}

.box-threefourth .box-inner-eighth {
	width:12.44725738396624%;
}

.box-threefourth .box-inner-fourth,
.box-threefourth .box-inner-eighth {
	margin-right:5.06329113924051%;
}

.box-twothird .box-inner-third,
.box-twothird .box-inner-fourth,
.box-twothird .box-inner-sixth {
	margin-right:5.73248407643312%;
}

.box-twothird .box-inner-third {
	width:47.13375796178344%;
}

.box-twothird .box-inner-fourth {
	width:33.9171974522293%;
}

.box-twothird .box-inner-sixth {
	width:20.70063694267516%;
}

.box-half .box-inner-fourth,
.box-half .box-inner-third,
.box-half .box-inner-twosixth,
.box-half .box-inner-sixth,
.box-half .box-inner-eighth {
	margin-right:7.79220779220779%;
}

.box-half .box-inner-fourth {
	width:46.1038961038961%;
}

.box-half .box-inner-sixth {
	width:28.13852813852814%;
}

.box-half .box-inner-twosixth {
	width:64.06926406926407%;
}

.box-half .box-inner-eighth {
	width:19.15584415584416%;
}

.box-inner-half.last,
.box-inner-third.last,
.box-inner-fourth.last,
.box-inner-sixth.last,
.box-inner-twosixth.last,
.box-inner-eighth.last {
	margin-right:0;
}

.index {
	padding:24px 24px 36px 24px;
	background:#f4f4f4;
}

.index::before {
	position:relative;
	display:block;
	content:" ";
	border-bottom: 8px solid #18395f;
	border-right: 5px solid transparent;
	width:50%;
	top:-24px;
	left:-24px;
}

.index::after {
	position:relative;
	display:block;
	float:right;
	content:" ";
	border-bottom: 8px solid #81b0db;
	border-left: 5px solid transparent;
	width:50%;
	bottom:-28px;
	right:-24px;
}

.highlight {
	margin-top:-3.8961%;
	margin-bottom:7.7922%;
	padding:3.8961%;
	background:#e5f4fc;
}

/* ELEMENTS > contact form */

#contactform {
}

p.contact-desc {
	text-align:left;
	margin-bottom:2em;
}

p.error {
	color:red;
	margin-bottom:2em;
}

.form-table {
	display:table;
	width:100%;
}

.form-row {
	display:table-row;
}

.form-row p {
	display:table-cell;
	padding-bottom:6px;
	text-align:left;
}

.form-row p:first-child {
}

.form-row p:last-child {
}

#contactform input,
#contactform textarea {
	width:92%;
	border:0 none;
	padding:6px 4%;
	margin-bottom:1em;
	background:#fff;
	font-family: "Lato-Regular", sans-serif;
	font-size:1.1em;
	line-height:1.2em;
	border:1px solid #18395f;
}

#message-row {
	padding-top:9px;
}

#contactform textarea {
	margin-top:6px;
	width:96%;
	padding:6px 2%;
}

.captcha-label {
	padding-bottom:9px;
}

#captcha-form {
}

#captcha-form p {
	vertical-align:top;
}

#captcha-form img {
	max-width:240px;
}

#captcha-form p span {
	cursor:pointer;
	display:block;
	font-size:0.7em;
	line-height:1.2em;
	max-width:240px;
}

#captcha-form p:first-child {
	padding-right:12px;
}

#captcha-form p:last-child {
	min-width:50%;
}

#contactform .submit {
	padding-top:12px;
	text-align:right;
}

#contactform input.button {
	width:50%;
	cursor:pointer;
	color:#fff;
	background:#81b0db;
	border:1px solid #fff;
}

#contactform input.button:hover {
	color:#fff;
	background:#18395f;
	border:1px solid #fff;
}


/* RESPONSIVE ELEMENTS */

@media only screen and (min-width: 1400px) {

#header,
#menu-main-inner,
#footer,
.section {
	width:1200px;
}

h1#logo {
	width:220px;
}

#brand {
	width:165px;
}

#slideshow .caption h3 {
	font-size:3.2em;

}

#slideshow .caption p {
	font-size:1.5em;
}

h1 {
	font-size:2.2em;
}

h2 {
	font-size:2.64em;
}

h3 {
	font-size:1.76em;
}

h4 {
	font-size:1.76em;
}

h5 {
	font-size:1.4m;
}

h6 {}

p, address,
section li,
section td, section th {
	font-size:1.1em;
}

#menu-main li a {
	font-size:1.1em;
}

.parallax {
	min-height:540px;
}

section {
	padding:60px 0;
}

.section {
	padding:120px 0;
}

#membership .box-half {
	width:22.590361%;
	width:30.92369%;
}


}

@media only screen and (min-width: 1020px) and (max-width: 1400px) {

#header,
#menu-main-inner,
#footer,
.section {
	width:996px;
}

#slideshow {
	height:520px;
}

.parallax {
	min-height:420px;
}

}

@media only screen and (min-width: 900px) and (max-width: 1020px) {

#header,
#menu-main-inner,
#footer,
.section {
	width:860px;
}

#slideshow {
	height:460px;
}

#slideshow .caption h3 {
	font-size:2.4em;
}

#slideshow .caption p {
	font-size:1.1em;
}

.parallax {
	min-height:360px;
}

}

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

#header,
#footer,
#menu-main,
.section {
	width:94%;
	padding-left:3%;
	padding-right:3%;
}

#slideshow {
	height:400px;
}

#slideshow .caption h3 {
	font-size:2.2em;
}

#slideshow .caption p {
	font-size:1em;
}

.parallax {
	min-height:300px;
}

#activities .box-third,
#aktivitaeten .box-third,
.box-fourth {
	width:47.59036%;
}

.two-columns, .three-columns {
	-webkit-column-count auto;
    -moz-column-count: auto;
    column-count: auto;
	-webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
}

}

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

#menu-main {	
	width:100%;
	padding:0;
}

#menu-main-nav {
	padding:0;
}

#slideshow {
	height:320px;
}

.spacer {
	display:none;
}

#slideshow .caption {
	top:25%;
	left:5%;
}

.box-full .box-inner-half,
.box-full .box-inner-twothird,
.box-full.resp-full .box-inner-third {
	width:100%;
	margin:0;
}

.box-half .box-inner-fourth {
	margin-bottom:0.75em;
}

h2 {
	font-size:2em;
}

h3 {
	font-size:1.4em;
}

h4 {
	font-size:1.4em;
}

h5 {
	font-size:1.2em;
}
	
}

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


header {
	position:static;
	background:#fff;
	height:auto;
}


.spacer {
	display:none;
}

#slideshow {
	height:280px;
}

#slideshow .caption {
	width:100%;
	top:10%;
	left:0;
}

/* Internet Explorer 10+, Microsoft Edge Browser */
_:-ms-lang(x), #slideshow img {} 

#slideshow .caption h3 {
	font-size:2em;
}

#slideshow .caption p {
	font-size:1em;
}

.section {
	padding:40px 0;
}

.index {
	padding:16px 16px 24px 16px;
	background:#f4f4f4;
}

.index::before {
	top:-16px;
	left:-16px;
}

.index::after {
	position:relative;
	display:block;
	float:right;
	content:" ";
	border-bottom: 8px solid #81b0db;
	border-left: 5px solid transparent;
	width:50%;
	bottom:-16px;
	right:-16px;
}

.parallax {
	min-height:240px;
}

.box-full,
.box-threefourth,
.box-twothird,
.box-half,
.box-third.resp-full,
.box-fourth.resp-full {
	width:97.590361%;
	display:block;
}

.box-third,
.box-sixth {
	width:30.92369%;
}

.two-columns, .three-columns {
	-webkit-column-count auto;
    -moz-column-count: auto;
    column-count: auto;
	-webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
}

}

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

#activities .box-third,
#aktivitaeten .box-third,
.box-third,
.box-twothird {
	width:97.590361%;
	display:block;
}

#slideshow {
	height:240px;
}


}


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

#slideshow {
	height:200px;
}

#slideshow .caption h3 {
	font-family: "Lato-Regular", sans-serif;
	font-size:1.6em;
}

#slideshow .caption p {
	font-family: "Lato-Regular", sans-serif;
}

#footer,
.section {
	width:92%;
	padding-left:4%;
	padding-right:4%;
}

.box-full,
.box-half,
.box-third,
.box-fourth,
.box-twothird {
	width:97.590361%;
	display:block;
}

.box-sixth {
	width:46.3855421686747%;
}

.box-inner-twosixth {
	width:100%;
	margin-right:0;
}

.box-half .box-inner-fourth,
.box-threefourth .box-inner-fourth {
	width:46.3855421686747%;
	margin:1.80722891566265%;
}

.box-half.resp-full .box-inner-fourth,
.box-full .box-inner-third {
	width:100%;
	margin:1.80722891566265% 0;
}

.box-twothird .box-inner-sixth {
	width:46.3855421686747%;
	margin:1.80722891566265%;
}

.two-columns, .three-columns {
	-webkit-column-count auto;
    -moz-column-count: auto;
    column-count: auto;
	-webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
}

.parallax {
	min-height:160px;
}

}