/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* caveat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/caveat-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@charset "utf-8";
/* CSS Document */

.arrow {
	border: 5px solid #444;
	font-size:0;line-height:0;height:0;padding:0;margin:0;
}
.arrow.down {
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.arrow.up {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-left-color:   transparent;
}
.arrow.left {
	border-top-color:    transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
.arrow.right {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-bottom-color: transparent;
}

.accordion-navigation > a:after {
  content: "⇣";
  float: right;
}

.accordion-navigation.active > a:after {
  content: "⇡"; 
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background-color: #fff !important;
	border-color: #FF9853;
	border-style: solid;
	border-width: 1px;
	color: #666;
}

.accordion .accordion-navigation > a, .accordion dd > a {
      background-color: #fff !important;
	  border-color: #EFEFEF;
	  border-style:solid;
	  border-width:1px;
	color: #A64200;
      display: block;
      font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
      font-size: 1.3rem;
      padding: 1rem; }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
		  	color: #FF6600;
        background-color: none; }
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0.9375rem; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        background: none;
        display: block; }



.accordion .accordion-navigation>.content, .accordion dd>.content {
	display: block;
	max-height:0;
	padding: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: max-height 200ms ease-out;
	-moz-transition: max-height 200ms ease-out;
	-ms-transition: max-height 200ms ease-out;
	-o-transition: max-height 200ms ease-out;
	transition: max-height 200ms ease-out;
}


.accordion .accordion-navigation>.content.active, .accordion dd>.content.active {
	display: block;
	max-height:2500px;
	visibility: visible;
	padding: 10px;
	-webkit-transition: max-height 800ms ease-in;
	-moz-transition: max-height 800ms ease-in;
	-ms-transition: max-height 800ms ease-in;
	-o-transition: max-height 800ms ease-in;
	transition: max-height 800ms ease-in;
}


.f-dropdown {
	max-width: 230px !important; 
}
  
* {
	  font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	  color:#666;
}

body {
    overflow-y: scroll;
	background-image:url(../img/bg.png);
	background-repeat:repeat-x;
	background-position:0 325px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

h2 {
    font-size: 1.6875rem;
	color:#555;
	font-weight:300;
}

h3 {
    font-size: 1.5rem;
	color:#555;	
	font-weight:300;
}

h4 {
	padding-top:1rem;
    font-size: 1.3rem;
	color:#666;	
}

a {
	color: #A64200;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
	text-decoration: underline;
}

a:focus {
	color: #FF6600;	
	text-decoration: none;
}



.navbar {
	background-color:#FFF9D5;
	height:325px;
	text-align:right;
	padding-top:40px;
	letter-spacing:0.05em;
	font-weight:300;
	line-height:1.1em;
}

.headline {
	padding-left:80px;
	padding-top:200px;
}


.navbar ul {
    list-style-type: none;
	margin-right:30px;
}

.navbar li {
	padding-right:30px;
}

.navbar li.active {
    background-image: url("../img/active.gif");
    background-position: right top;
    background-repeat: no-repeat;
    color: #737373;
}

.navbar a {
	text-decoration:none;
	color:#666;
}

.navbar a:hover {
	text-decoration:underline;
}

.reference ul {
    list-style-type: none;
}

.reference li {
	padding-left:30px;
	margin-left:10px;
}

.reference li.active {
    background-image: url("../img/active.gif");
    background-position: left top;
    background-repeat: no-repeat;
    color: #737373;
}

.content ul {
	margin-bottom:0.8em;
}

.container {

}

.leftsidebar {
	min-height:100%;
}

.contentbox {
	padding-top:80px;
	padding-left:80px;
}

.smalltext{
	font-size:0.9rem;
}

p.smalltext{
	margin-top:0 !important;
	padding-top:0 !important;
}


.subnav-l {
	background-color:#ECE9D8;
	height:60px;
}

.subnav-r {
	background-color:#ECECEC;
	height:60px;
	padding-top:18px;
}

.footer-l {
	background-color: #fff9d5;	
	height:100px;
}

.columns.imgsidebar{
    padding-left: 0;
    padding-right: 0;
	background-color:rgba(255, 249, 213, 1);
	min-height:800px;	
}

.section .columns.leftsidebar{
	background-color:rgba(255, 249, 213, 0.25);
	min-height:450px;
}

:not(#sidecont-0).section   .columns.imgsidebar.leftsidebar h3 {
	font-family: "Caveat", cursive;
	font-size:240%;
	color:#666;
}

.row {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
}

.contactaddress {
	margin:0;
}

[class*="block-grid-"] {
  display: block;
  padding: 0 !important; 
  margin: 0 !important; 
}
  
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: "";
    display: table; 
}

[class*="block-grid-"]:after {
    clear: both; 
}

[class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding:0 !important; 
}


.section {
    background-image: url(../img/bg.png);
    background-repeat: repeat-x;
    background-position: 0 0;
}

.section .leftsidebar {
	padding: 1em;
	padding-top:5em;
	hyphens: auto;
}

.colorcircle {
	display:inline-block;
	width:60px;
	height:60px;
	border-radius:100%;
	margin:7px;
}

img.paketbild {
    margin-right: 15px;
    margin-bottom: 15px;
	max-width:260px;
}

.navbar li:last-child {
    margin-top: 15px;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.navbar ul {
	margin-right:10px;
	line-height:1.9;
	font-size:0.95em !important;
}
	
.smalltext{
	font-size:0.8rem;
}
} 


@media only screen and (max-width: 40em) {
body {
	background-image:none;
}
	
.navbar {
	background-color:#FFF9D5;
	height:auto;
	text-align:center;
	padding-top:20px;
	padding-left:0px;
	padding-right:0px;
	letter-spacing:0.05em;
	font-weight:400;
	line-height:1.1em;
}
.headline {
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
	padding-bottom:20px;
	float:none;
	text-align:center;
}

.contentbox {
	padding-top:30px;
	padding-bottom:30px;
	padding-left:40px;
}

.leftsidebar {
	min-height:100%;
}

.subnav-l {
	background-color:#ECE9D8;
	height:auto;
	padding-left:40px;
	padding-top:40px;
}

.subnav-r {
	padding-left:40px;
}

.navbar ul {
    list-style-type: none;
	margin-right:0px;
	margin-left:0px;
}

.navbar li {
	padding-right:0px;
	padding-top:15px;
	padding-bottom:15px;
}

.navbar li.active {
	background-color: #FFDD0E;
	background-image: none;
	font-weight:700;	
	color: #fff;
}

.navbar a {
	text-decoration:none;
	color:#666;
}

.navbar a:hover {
	text-decoration:underline;
}

.columns.imgsidebar{
	min-height:inherit;
}
}