@charset "utf-8";
/* CSS Document */

@font-face { font-family: 'Lato'; src: url('../fonts/Lato/Lato-Regular.ttf') format('opentype'); }

html { scroll-behavior: smooth;}
body { color: #333; font-size: medium; font-family: 'Lato', "sans-serif";line-height:inherit;}
h1 { margin-bottom: 40px;}

a:hover {cursor: pointer;}


.col-4 {width: 33%; float: left;}
.col-6 {width: 50%; float: left;}
.col-8 {width: 66%; float: left;    padding-left: 40px;}

/* HEADER */

.bilder {margin-top: 0px;line-height: 12px;}
.bilder h2 {visibility: hidden;display: none;}
.logo {position: absolute; top: 0px; left: 50%; margin-left: -455px; -webkit-box-shadow: 3px 3px 5px 2px #676767; box-shadow: 3px 3px 5px 2px #676767;padding: 10px;background: rgba(256,256,256,0.7);}
.logo img {width: 250px;    height: auto;}

.call p {position: fixed; right: 0px; background-color: #e2000b; border: 1px solid #4b555a; border-bottom-left-radius: 0px; border-top-left-radius: 0px; padding:5px 10px; color:#fff;}
.call p span {margin: 6px 20px 6px 6px; font-size: 24px; }
.call p:first-child { top: 240px;right: -184px;}
.call p:nth-child(2) { top: 300px;right: -205px;}
.call p:nth-child(3) { top: 220px;right: -74px;}
.call p:first-child:hover { right: 0px;}
.call p:nth-child(2):hover { right: 0px;}
.call p:nth-child(3):hover { right: 0px;}
.call a { color:#fff !important;}

.navigation {border: 0; background-color:#e2000b; }
.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 {   font-variant: small-caps;    color: #fff;  font-size: large;}
.navbar-default .navbar-nav>li>a:hover { color:#bbb; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:transparent; color:#bbb; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {background-color: #ccc;}
.navbar-nav .open .dropdown-menu {background-color: #fff;}
.navbar-default .navbar-nav>li:last-child a {  } /*75151e*/

/* CONTENT color: #94005f;*/

.container, .bilder {clear: both;}
.bilder img {width: 100%; height: auto;}
.inhalt a, .call a {color: #004e9e; text-decoration: underline;}
.inhalt { margin: 80px auto;}
.inhalt .frame-layout-0 {clear: both;max-width: 900px; margin: 0 auto;}

.inhalt h1, .inhalt h2, .inhalt h3, .inhalt h4, .inhalt b, .inhalt strong { line-height:inherit; }
.inhalt h1 {font-variant: small-caps;}
.inhalt h2, .inhalt h3 {font-variant: small-caps; font-size: x-large;margin-top: 35px;}
.inhalt a {color:#004e9e;}

.inhalt p {    margin: 0 0 20px;    line-height: 1.7;}
.inhalt .ce-gallery figure { -webkit-box-shadow: 3px 3px 5px 2px #676767; box-shadow: 3px 3px 5px 2px #676767; margin:5px 10px 10px;}

.inhalt .frame-layout-1 {clear: both;background-color: #eeeeee;    padding: 30px 20px;    margin: 60px 0;}
.inhalt .frame-layout-2 {clear: both;background-color: #eeeeee;    padding: 0px 20px;    margin: 0px 0;}
.inhalt .frame-layout-2 .kacheln h3 {padding-left: 18px;}
.inhalt .frame-layout-2 .kacheln ul {margin-bottom:34px;}

.inhalt .kacheln {margin: 50px auto; max-width: 1200px;}
.inhalt .kacheln-zwei {margin: 50px auto; max-width: 930px;}
.inhalt .kacheln .col-sm-4, .inhalt .kacheln .col-md-4 {width: 30%; margin-right: 3%; border: 2px solid #e2000b;-webkit-box-shadow: 3px 3px 5px 2px #BCBCBC; box-shadow: 3px 3px 5px 2px #BCBCBC;     background-color: #ffffff; padding:0;}
.inhalt .kacheln h2 {font-size: 20px;padding:0 12px;}
.inhalt .kacheln p {padding:0 12px;}
.inhalt .kacheln img {width: 100%;    height: auto;}
.inhalt .kacheln .ce-gallery figure { -webkit-box-shadow: 0; box-shadow: 0; margin:0;}

.inhalt .ce-gallery figure { -webkit-box-shadow: 3px 3px 5px 2px #676767; box-shadow: 3px 3px 5px 2px #676767; margin:5px 10px 10px;}


/* Accordeon */
.tinyaccordion {padding-left:0px;}
.tx-tinyaccordion-pi1, .c-accordion-item { max-width:900px; margin: auto;}
.acc-li, .c-accordion-item {width: 100%;}
.acc-li h2, .c-accordion-item h2 { margin-top:10px; padding: 2px 24px; font-size: large;font-variant: small-caps;}

ul.tinyaccordion>li, .c-accordion-title {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%) !important;
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:15px;
	margin:4px 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
  padding: .72em;
  font-variant: small-caps;
}
.c-accordion-title {padding: .72em !important;}
.c-accordion-title::after {padding-right:.72em;}
.c-accordion-content li {line-height: 1.7;}
.c-accordion-content {padding: 0 16px;}

ul.tinyaccordion li:hover, .c-accordion-title:hover {	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%) !important; 	background-color:#e9e9e9;}
ul.tinyaccordion li:active {	position:relative;	top:1px;}
.acc-section { background-color:#ffffff !important; padding:0px 24px;}  
.acc-section div.frame-layout-0 { padding-top: 20px;}
ul.tinyaccordion li li, ul.tinyaccordion li li:hover { background: none !important; background-color: transparent; border:none; cursor:auto;     line-height: 25px;}ul.tinyaccordion ul {padding: 20px;}

/* Slider */
.slick-prev {z-index: 10;}
.slick-dotted.slick-slider {  margin-bottom: 0px;}

/* FOOTER */
footer { font-size: small;border-top: 2px solid #e2000b;-webkit-box-shadow: 3px 3px 5px 2px #BCBCBC; box-shadow: 3px 3px 5px 2px #BCBCBC;  }
.foot {max-width: 900px; margin: 0px auto; padding: 20px;}
.foot h2, .foot h3 {font-size: 20px;}
.foot a {color: #333;text-decoration: underline;}

@media screen and (max-width: 1199px) {
   .logo img {    width: 200px;    height: auto;}
}

@media screen and (max-width: 991px) {
	.logo {left: auto;    margin-left: 20px;}
	.navbar-default .navbar-nav>li>a { font-size: medium;}

	.frame-type-text, .tx-tinyaccordion-pi1, .frame-type-list {padding: 0 20px;}
	.acc-section {padding: 0px;}
  .inhalt .kacheln .col-md-4 {width: 100%;margin-bottom: 15px;}
}

 @media screen and (max-width: 767px) {
.navbar-default .navbar-toggle .icon-bar {  background-color: #fff;}
   
   .logo img {    width: 100px;    height: auto;}
	 .call p {border-bottom-left-radius: 4px;    border-top-left-radius: 4px;    padding: 2px 2px;}
	 .call p span {font-size: 18px;}
	 .call p:first-child { top: 40px;}
	 .call p:nth-child(2) { top: 80px;}
	 .call p:nth-child(3) { top: 120px;}

   .inhalt h2 {padding:0 10px;}
   .inhalt .ce-gallery {width: 100%;}
	 .inhalt .kacheln .col-sm-4, .col-4, .inhalt .kacheln .col-md-4 {width: 100%;margin-bottom: 15px;}
	 .col-6 {width: 100%;}
.tx-tinyaccordion-pi1 {    padding: 0 0px;}
  .frame-layout-0 .ce-bodytext {width: 100%; padding: 0 10px;}


 }

