﻿@charset "utf-8";
/* bisher alles für alle */
html {
overflow-y: scroll;
}
body {
    margin: 0px auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
   align-items: center;
}
body, p, ul {
    font-family: 'Heebo';
    font-size: 18px;
}

h2 {
  1.3em;
}

.col {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
img {
width: 100%;
height: auto;
}

a {
   color: #000000;
}
a:hover, a:active {
  color: #eb6a3c;
}

a.reference {
display: inline;
color: #eb6a3c;
text-decoration: underline;
font-style: italic;
font-weight: bold;
}

a.more, .btn-link {
display: inline-block;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 3px;
background-color: #eb6a3c;
color: #ffffff;
text-decoration: none;
font-style: italic;
}

.btn-link:before {
font-family: Arial, Helvetica;
font-size: 1.5em;
font-style: normal;
content: "►  "
}
.btn-link:hover, .btn-link:active, .btn-link:visited, .btn-link:focus, .btn .btn-link .collapsed {
color: #ffffff;
text-decoration: none!important;
}

.card-header {
background-color: #eb6a3c;  
}

.frame-type-ce_accordion header h2 {
	/* display: none; */
}

.accordion > .card:first-of-type {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.page-container {
    margin: 0px;
}
.inhalt { 
  width: 100%;
  height: auto;
}
.schmuckbild {
 padding-top: 120px;
}
.container#inhalt {
  padding: 5%;
}
.navbar {
	position: fixed;
    height: 120px;
    width: 100%;
    z-index: 10;
    background-color: #ffffff;
    border-bottom: solid 1px #cdcdcd;
    box-shadow: 0 10px 20px 0 rgba(204,204,204,0.25);
    -webkit-box-shadow: 0 10px 20px 0 rgba(204,204,204,0.25);
    -moz-box-shadow: 0 10px 20px 0 rgba(204,204,204,0.25);
	}
.navbar > .container, .navbar > .container-fluid {
   text-align: left!important;
  align-items: unset!important;
   height: 100px;
   }
a.logo img {
	max-width: 164px;
	height: auto;
    display: inline;
	}
.navbar-menu {
  float: right;
}

.footer {
    height: 500px;
    width: 100%;
    z-index: 10;
	background-color: #d6d6d6;
}

.footer-links {
  padding-top: 50px;
  float: left;
}
.footer-links img {
  max-width: 160px;
  height: auto;
}
.footer-rechts {
  padding-top: 50px;
  float: left;
}

ul#footer-menu {
  list-style-type: none;
  padding-left: 0px;
}
ul#footer-menu li {
  display: inline;
  padding-right: 15px;
}

ul#footer-menu li a {
  color: #333333;
  text-decoration: underline;
}
ul#footer-menu li a:hover, ul#footer-menu li a:active, .footer-rechts a:hover, .footer-rechts a:active {
	color: #eb6a3c;
}
.footer-links, .footer-rechts, .footer-rechts a {
   color: #333333;
}
@media screen and (min-width: 768px) {  
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
  }
a.logo img {
	max-width: 184px;
  }
}
@media screen and (min-width: 992px) {
    .footer {
    height: 300px;
  	}
  	.footer-links {
  	float: left;
	}

  	.footer-rechts {
  	float: right;
  	padding-right: 15px;
	}
}

@media screen and (min-width: 1200px) {
  a.logo img {
	max-width: 204px;
  }
}