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

@font-face { font-family: 'Lato'; src: url('../fonts/Lato/Lato-Regular.ttf') format('opentype'); }
@font-face { font-family: 'Quicksand'; src: url('../fonts/Quicksand-VariableFont_wght.ttf') format('opentype'); }


html { scroll-behavior: smooth;}
body { color: #333; font-size: medium; font-family: 'Quicksand', "sans-serif";}
h1 { margin-bottom: 40px; font-family: 'Lato', "sans-serif";letter-spacing: 3px;}
h2 { margin-top: 60px;font-size: x-large;}


/* HEADER */
.header {}
.bilder {margin-top: 0px;}
.logo {height: 200px;text-align: center;max-width: 1200px; margin: auto;background-size: cover;}
.logo img {max-width: 100%;height: auto;}
.logo .ce-bodytext { margin-top:-200px; padding-bottom: 100px;}

.navigation {border: 0; background-color:#cd071e;}
.navigation ul { }
.navigation li { }
.navbar {    border-radius: 0px; border: 0;    margin-bottom: 0px;}
.navbar-default {    background-color:transparent;    max-width: 1000px;    margin: auto;}
.navbar-default .navbar-nav>li>a {   color: #fff;  font-size: large;}
.navbar-default .navbar-nav>li>a:hover {    color:#aaa;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:transparent; color:#aaa;}

/* CONTENT */

.container, .bilder {clear: both;}
.bilder img {width: 100%; height: auto;}

.inhalt { margin: 80px auto;}
.inhalt .frame-layout-0 {clear: both;max-width: 900px; margin: 0 auto;}

.inhalt h1, .inhalt h2, .inhalt h3  {color: #cd071e;font-style: italic;font-variant: small-caps;}
.inhalt b, .inhalt strong, legend  {color: #cd071e;}
.inhalt p {    margin: 0 0 20px;    line-height: 1.7;}
.inhalt a, .foot a {color:#333; text-decoration:underline;}


.inhalt .frame-layout-1 {clear: both;background-color: #ccc;    padding: 30px 20px;    margin: 60px 0;}

.inhalt .kacheln {margin: 50px auto; max-width: 1200px;}
.inhalt .kacheln .col-md-4 {width: 30%; margin-right: 1.5%;margin-left: 1.5%; border: 1px solid #4b555a;-webkit-box-shadow: 3px 3px 5px 2px #BCBCBC; box-shadow: 3px 3px 5px 2px #BCBCBC; background-color:#ffffff; min-height: 260px;}
.inhalt .kacheln h2 {font-size: 20px;padding:0 12px;margin-top: 20px;}
.inhalt .kacheln p {padding:0 12px;}
.inhalt .kacheln img {width: 100%;    height: auto;}
.inhalt .col-3 img {max-width:100%; height:auto;}

.ce-intext.ce-right .ce-gallery {
  margin-left: 30px;
  border: 1px solid #4b555a;
  -webkit-box-shadow: 3px 3px 5px 2px #BCBCBC;
  box-shadow: 3px 3px 5px 2px #BCBCBC;
  margin-right: 10px;
}

/* FOOTER */
footer { border-top: 1px solid #4b555a;font-size: small; }
.foot {max-width: 900px; margin: 0px auto; padding: 20px;}



@media screen and (max-width: 991px) {
.logo {height: 140px;}
.logo .ce-bodytext { margin-top:-140px; padding-bottom: 100px;}
.header-1 {font-size:40px;}
.header-2 { font-size:large;}
  
	.navbar-default .navbar-nav>li>a { font-size: medium;}
  .inhalt .frame-layout-0 {margin: 0 10px;}
  .inhalt .kacheln .col-md-4 {    width: 90%;    margin-bottom: 20px;}
  
	.frame-type-text, .tx-tinyaccordion-pi1, .frame-type-list {padding: 0 20px;}
	.acc-section {padding: 0px;}
}

 @media screen and (max-width: 767px) {
   .logo .ce-bodytext { margin-top:-90px;}
.header-1 {    font-size: 30px;letter-spacing: 0px;}
.header-2 { font-size:medium; margin-top:30px;}
   .ce-right .ce-gallery {    float: none;}
   
.tx-tinyaccordion-pi1 {    padding: 0 0px;}
	 

 }