/* css  */

@import url("font-awesome/css/font-awesome.css");

/* 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-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v36-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* 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-v36-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v36-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* style  */

h1 {
    line-height: 1.1;
    margin-bottom: .5em;
}

h1,h2 {
	text-align:left
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans',sans-serif;
	font-weight:700
}
h1, h2, h3, h4, h5 {
	color:#5C4730;
}
.claim h3 {
	font-size:0.8em;
	margin-top:0.3em;
	margin-bottom:0.3em;
	color: rgba(212,198,163,1);
	font-weight:400
}
.btn-primary {
background: none;
border:#61CDB3 1px solid;
color:#61CDB3;
}
.btn-primary:hover {
background: #5C4730;
border-color: #5C4730
}
.referenzen h3 {
	margin-top:7px;
	font-size:1em;
	color: #5c4730;
	font-weight:400;
	font-family:'Open Sans',sans-serif;
	font-weight:700
}
.hl-large {
	margin-left:0;
	margin-right: 0;
}
h1.hl-large {
	font-size: 2em
}

h2.hl-large {
	font-size: 1.25em
}

.hl-large::after  {
	margin: 0.5em 0;
	width: 8%;
	height: 4px;
	/*background: #4d4d4d;*/
	background: #61CDB3;
}

[id=main] a, [id=main] div, [id=main] em, [id=main] input, [id=main] label, [id=main] li, [id=main] ol, [id=main] p, [id=main] select, [id=main] span, [id=main] strong, [id=main] td, [id=main] th, [id=main] textarea, [id=main] u, [id=main] ul {
	font-family:Georgia,"Times New Roman",serif;
	font-weight:400
}

.custom {
	-webkit-font-smoothing: antialiased
}

.rs-column {
	margin-top: 0em
}

.rs-column.-large-first-row {
	margin-top: 0em
}

@media (min-width:901px) {
.rs-column.-large-col-3-1 {
    width:31%;
    margin-top:0 !important;
    margin-right:2%;
	}
}

@media (min-width:550px) {
	h1 {
		font-size:2em;
		text-align:left;
		line-height: 1.1;
	}
}
@media (min-width:550px) {
	body {
		font-size:16px
	}
}

@media (min-width:769px) {
	body {
		font-size:18px
	}
}

h4 {
	font-style:italic;
	font-weight:400
}

a {
	color:#61CDB3
}

a:focus,a:hover {
	color:#61CDB3
}

/*bg-colors*/

.bg-icedCoffee {
background-color: #B18F6A;
}

.bg-icedCoffee.light-2 {
background-color: #c8b197;
}

/* header,footer,main  */

[id=header]>.inside, [id=streifen]>.inside {
		width:90%;
		max-width:1024px;
		padding: 0 15px
	}

[id=main] .mod_article > .inside {
    padding: 2.0em 15px;
}
.nav--pager,[id=main] .mod_article--wide>.inside {
	max-width:1024px
}


.unordered-lists .ce_text {
	margin-top: 0em
}


.intro .ce_headline+.ce_text {
	font-weight:400
}

/*navigation*/

.nav--main {
	margin-top:0px;
	font-size:1em;
	font-weight:400;
}
.nav--main ul {
	margin-bottom:0px;
}
.nav--main li {
    height:30px;
    float:left;
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
}
.nav--main li:hover {
    color:#000;
}
.nav--main a,
.nav--main strong {
    display:block !important;
    margin:0;
    padding:0 12px;
    border-right:1px solid #fff;
    font-weight:700 !important;
    color:#fff;
    text-align:left;
    text-transform:uppercase;
	font-size:0.8em;
}
.nav--main a:hover {
    text-decoration:none;
    color:#5c4730;
}
.nav--main ul a,.nav--main ul a:hover {
	border-right:1px solid #fff;
}
.nav--main .first a, .nav--main .first home {
	border-left: 1px solid #fff;
}
.nav--main ul li:hover > ul {
	display: block;
}
.nav--main ul li a {
	position: relative;
	min-height: inherit;
	line-height: inherit;
}
.nav--main ul ul {
	width: auto;
	display: none;
	white-space: nowrap;
	border-radius: 0;
	padding: 0;
	margin-left: 0;
	background: #fff;
	border-top: 2px solid rgb(193,193,193);
	box-shadow: 1px 8px 15px rgba(0,0,0,0.1);
	margin-top: -2px;
}

.nav--main ul ul a, .nav--main ul ul a:hover, .nav--main ul ul strong {
	border-right: 0px solid #fff;
}
.nav--main .level_1 .active {
    color:#5c4730;
}
.nav--main .level_1 .trail {
    color:#5c4730;
}
.nav--main .level_2 {
    top:100px;
    position:absolute;
    margin-top:10px;
    padding:3px 0 0;
    background-color:#c4b899;
    border-top:2px solid #fff;
    border-bottom:0px solid #fff;
}
.nav--main .level_2 li {
    float:none;
    padding:5px 0;
    border:0px;
}
.nav--main .level_2 .first a, .nav--main .first .level_2 a, .nav--main .level_2 .first span {
	border-left: 0px solid #fff;
}		
		
/*navigation custom*/
		
.nav--custom {
	margin-top:0em;
	width:90%;
	padding: 0 15px;
	font-size:1em;
	font-weight:400;
	height:30px;
    max-width:1024px;
    margin-right:auto;
    margin-left:auto;
    text-transform:uppercase;
}
.nav--custom ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
.nav--custom li {
	float:left;
    list-style-type:none;
}
.nav--custom:after,.nav--sub:before {
	content:" ";
	display:table
}
.nav--custom a,.nav--custom li {
	display:inline-block
}
.nav--custom a, .nav--custom span {
	border:none;
	display: inline-block;
	font-size:0.8em;
	font-weight:700;
	line-height: 1em;
	margin:0 -.25em;
	padding: 0px 12px;
	text-decoration:none;
	border-right-width:0;
	border-left: 1px solid #fff;
	color:#fff;
}
.nav--custom a:hover {
    color:#5c4730;
}
.nav--custom .level_1 .active {
    color:#5c4730;
}
.nav--custom .last a {
	border-right: 1px solid #fff;
}
.nav--custom .first a {
	border-bottom-left-radius: 0em;
	border-top-left-radius: 0em;
}
.nav--custom .active a {
	color:#fff;
	background:#ff5636
}

/*@media (min-width:769px) {
	.nav--custom a {
		font-size:1.125em
	}
}*/


/*navigation sub*/

/*.nav--sub {
	margin-top:0em;
	width:90%;
	padding: 0 15px;
	font-size:1em;
	font-weight:400;
}
.nav--sub a, .nav--sub span {
	border:none;
	padding: 0px 12px;
	display: inline-block;
	font-size:0.8em;
	border-left: 1px solid #fff;
	font-weight:700;
	line-height: 1em;
}

.nav--sub .last a {
	border-bottom-right-radius: 0em;
	border-top-right-radius: 0em;
	border-right: 1px solid #fff;
}

.nav--sub .first a {
	border-bottom-left-radius: 0em;
	border-top-left-radius: 0em;
}*/

.mod_navigation.sub li {
	padding: 0 0
}
/*ende*/
/*menubutton*/
 
.menubutton {
    position:absolute;
    right:5px;
    top:20px;
    z-index: 400;
    font-size:2.2em;
 }
.menubutton a{
    color: #fff;
    }
.menubutton a:hover{
    color: #5C4730;
    text-decoration: none
    } 

/* mm menu mobil */
 
.mm-listitem_selected strong {
    color: rgb(97, 205, 179);
}    
.mm-listitem_opened strong {
    padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
    padding-left: 20px;
} 

/* mm menu mobil */

/*unordered lists*/
.ce_text li:before,.unordered-lists .ce_text li:before {
	display:inline-block;
	font-family:'FontAwesome';
	font-weight:400;
	text-transform:none;
	line-height:1;
	content:'\f054';
	width:.5em;
	font-style:normal;
	speak:none;
	font-variant:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}


/*media queries anpassung 790 auf 1024*/

@media screen and (min-width: 1024px) {
.menubutton { 
	display: none
 }
 
.nav--main { 
	margin-top: 80px
 }
 
}