/*FARBPALETTE DieFarbeBlau 2021
=================================

// Blue
#183b6b
*/

@import "assets/css/all.css"; 
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {
	background:#FFF !important;
    color: #4a4a49;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
  	font-size:100%;

}
#header, #content {
    padding-left:45px;
	padding-right:45px;
}
a, a:visited {
   
}
a:hover, a:focus {
	color:#4a4a49;
  background-color:transparent;
  transition: color 300ms ease 0s;  
}
a {
	font-family: 'Roboto', sans-serif;
	color:#333;
  	text-decoration:underline;
}
.textwidget a > h5{
	text-decoration:none !important;
}
p{
	font-size:1.25rem;
 	font-family: 'Roboto', sans-serif;
  	font-weight:300;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto', sans-serif;
	text-transform:none;
  	line-height: 1.4;
  	margin-bottom: 0.5rem;
	margin-top: 0;
	}
.single-title{
  	text-align:left !important;
	font-size:1.8rem;
  	padding-bottom:2rem;
}
.start-title{
	text-align:center;
	color:#4a4a49;
}
.start-sub-title{
	font-family: 'Roboto', sans-serif;
	text-align:center;
	color:#4a4a49;
	margin-bottom:4rem;
}
.address-wrapp{
	border:1px solid #f3f3f3;
	padding:1.5rem;
}

ul.address-list{
	list-style-type:none;
	margin-left:0;
}
.center-wrapp{
	text-align:center;
	
}

.unique-container img{
	position: relative;
	margin-left: auto;
   	margin-right: auto;
   	top: -80%;
	
	
}
.img-wrapper{
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.img-wrapper img{
	max-width: 100%;
  	height: auto;
}
.content-image p{
	margin-bottom:0;
	
}
.section_title{	
	margin-bottom:3rem;
}
.section_sub_title{
	color:#b71919;
	text-transform:uppercase;
	margin-bottom:0;
	font-size:.9rem;
	font-weight:700;

}
#bottom{
	display:none;
}
/*.entry-content h2{
	display: flex;
align-items: baseline;
margin-top: 5rem;
	color:#d4e735;
}
.entry-content h2:after{
flex: 1 1 auto;
content: "";
display: inline-block;
border-bottom: 6px solid #d4e735;
margin-left: .1em;}

*/
/* #sidebar1 h4{
	display: flex;
	align-items: baseline;
	color:#444;
}
#sidebar1 h4:after{
flex: 1 1 auto;
content: "";
display: inline-block;
border-bottom: 3px solid #444;
margin-left: .3em;
}
*/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }
.widget ul li > a {
	text-decoration:none;
	padding:.8rem .5rem;
	display:block;
    list-style: none; 
	transition: all .2s;
}
#bottom .widget ul li > a {
	text-decoration:none;
	padding:0 .5rem;
	display:block;
    list-style: none; 
	transition: all .2s;
	border:none;
}
  .widget ul li > a:hover {
	 text-decoration:none;
	  padding:.8rem 1.25rem;
    list-style: none; 
}
.info-offcanvas-block{
	background:#b71919;
	height:200px;
	width:100%;
	position:relative;
}
.info-offcanvas-block h2{
	color:#FFF;
	top:138px;
	left:10px;
	position:absolute;
	font-size:3.5rem;
	font-weight:700;
}
.info-offcanvas-content{
	padding:1rem;
	
}
.info-offcanvas-content p{
	font-size:1rem;
	
}
ul#dok{
	list-style-type:none;
	
}
ul#dok > li > a{
	border-bottom:none;
	padding: .8rem .5rem;
	text-decoration:none;
}

ul#dok > li > a:before{
	content:"\f1c1";
	font-family:"FontAwesome";
	font-size:1.45rem;
	color:#444;
	padding-right:.5rem;
}
ul#dok > li > a:hover, ul#dok > li > a:hover:before{
	color:#b71919;
}
.download{}

.download:before{
	content:"\f1c1";
	font-family:"FontAwesome";
	font-size:1.45rem;
	color:#444;
	padding-right:.5rem;
	
	
}
.widget ul li > a.download{
	border-bottom:none;
	padding: .8rem .5rem;
}
.widget ul li > a.download:hover{
	padding: .8rem .5rem;
}
div.slider-wrapper:empty{
	display:none;
}
#offcanvas-content a{
	color:#FFF;
}

.social-list {
  list-style: none;       /* Punkte entfernen */
  margin: 0;
  padding: 1rem;
  display: flex;          /* horizontal anordnen */
justify-content: center;
  	align-items: center;
  gap: .5rem;              /* Abstand zwischen Items */
	font-size:2rem;
}

.social-list a {
  text-decoration: none;
  color: #333;
  padding: .5rem .75rem;
  border-radius: .5rem;
	
}

.social-list a:hover {
  background: #f2f2f2;
}
.icon {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
/*=========================================
 * Splide Slider Class
 * =======================================*/
.splide__slide img {
	width : 100%;
	height: 100%;
	object-fit:cover;
	z-index:10;
	
}
.splide, .splide__slide {
    position: relative;
    outline: none;
    height: 900px;
    width: 100%;
	z-index:10;
	overflow:hidden;
}
.slider-caption{
	z-index:100;
	background:rgba(0,0,0,.4);
	position:absolute;
	bottom:100px;
	height:auto;
	min-width:200px;
	left:100px;
	color:#FFF;
	font-size:3.5rem;
	padding:1rem;
}
.slider-caption-link{
	z-index:100;
	position:absolute;
	bottom:50px;
	height:auto;
	min-width:200px;
	left:100px;
}
/*=========================================
 * Hamburger to Cross
 * =======================================*/
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }
/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r[aria-expanded="true"] .hamburger-inner{
  background-color: transparent !important;
  transform: rotateY(-180deg); }/* thats the Trick */
  .hamburger--3dx-r[aria-expanded="true"] .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r[aria-expanded="true"] .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }


/*=========================================
 * boxes Start
 * =======================================*/
.bg-red{
	background:#d01225;
	
}
.bg-midgr{
	background:#d4d5d4;
}
.bg-darkgr{
	background:#999d96;
}
.dark-blue{
	background:#164194;
}
.box-wrapper{
	min-height:300px;
	padding:2rem;
}
.box-wrapper h3, .box-wrapper p{
	color:#FFF;
}
.box-icon{
	text-align:center;
}
.box-content{
	text-align:center;
}
/*=========================================
 * Call to Action
 * =======================================*/
.cta-wrapper{
	color:#444;
	background:#d0edf3;
}
.cta-wrapper p{
	font-size:1.45rem;
}
.cta-wrapper .button, .button-slider{	
    background-color: transparent;
    color: #FFF;
	font-weight:600;
	text-transform:uppercase;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1;
    margin:1rem 0;
    padding: 0.85em 3.5em;
    text-align: center;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    vertical-align: middle;
  	text-decoration:none;
	border:2px solid #FFF;
	margin-bottom:1rem;
}
.cta-wrapper .button:hover{	
	background:#fff;
	color:#164194;
}
.cta-wrapper h2{}


/*=========================================
 * Header Info
 * =======================================*/

.button-spenden {
    background-color: transparent;
    color: #991c1a;
	font-weight:600;
	text-transform:uppercase;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1;
    margin: 0 0 1rem;
    padding: 0.85em 3.5em;
    text-align: center;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    vertical-align: middle;
  	text-decoration:none;
	border:2px solid #ddd;
	margin-bottom:1rem;
}
.button, input[type="reset"], input[type="submit"], input[type="submit"], .excerpt-read-more {
    background-color: #183b6b;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1;
    margin: 0 0 1rem;
    padding: 0.85em 1.5em;
    text-align: center;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    vertical-align: middle;
  	text-decoration:none;
	border:2px solid #FFF;
}

.button:focus, .button:hover {
    background-color: #FFF;
    color: #333;
}
.button-cat, .excerpt-read-more {
    background-color: #FFF;
    border-radius: 4px;
    color: #b71919;
    cursor: pointer;
    display: inline-block;
    font-size: 1.25rem;
	font-weight:700;
    line-height: 1;
    margin: 0 0 1rem;
    padding: 0.85em 1.5em;
    text-align: center;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    vertical-align: middle;
  	text-decoration:none;
	box-shadow: 0 4px 8px #6f6f6f;
}
.button-cat:after{
	font-family:"FontAwesome";
	color:#b71919;
	content:"\f061";
	padding-left:.5rem;
}
.button-cat:hover:after{
	color:#FFF;
}
.button-cat:focus, .button-cat:hover {
    background-color: #b71919;
    color: #FFF;
}
.button-cat:after{
	font-family:"FontAwesome";
	color:#b71919;
}
.head-info-wrapper{
	display:table;
	width:100%;
}
.head-info-inner{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	padding: 4rem 2rem;
}
.info-wrapp{
	display:table;
	overflow:hidden;
	width:100%;	
}
.info-icon{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	width:40px;
	padding-right:2rem;
}
.info-icon i{
	font-size:4rem;
	color:#ddd;
}
.info-content{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}
.info-content a{
	text-decoration:none;
	color:#333;
	font-size:1.1rem;
	
}
span.info-title{
	text-transform:uppercase;
	color:#333;
	font-weight:600;
}

span.info-subtitle{}
/*=========================================
 * Foundation = Off-canvas width
 * =======================================*/
#off-canvas-info.off-canvas{
	padding:0 2rem;
}
#off-canvas-info .widget{
	margin-bottom:2rem;
}
.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    width: 350px;
    -webkit-transform: translateX(350px);
    -ms-transform: translateX(350px);
    transform: translateX(350px);
}
.off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(-350px);
    -ms-transform: translateX(-350px);
    transform: translateX(-350px);
}
/*=========================================
 * Foundation = Tabs
 * =======================================*/
.tabs-title {
    float: left;
}
.tabs-title > a {
	text-decoration:none;
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #4a4a49;
	font-size:1rem;
	
}
.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
    background: #f6f6f6;
    color: #4a4a49;
	font-weight:600;
}
/*=========================================
 *	Foundation = Accordion Title
 * =======================================*/

.accordion {
    margin-left: 0;
    background: transparent;
    list-style-type: none;
}
/* Accordion in Section*/
#acc-section .accordion-title{
	position: relative;
    display: block;
    padding: 1rem 1rem;
	border:1px solid #39FFFF;
	border-left:none;
	border-right:none;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 0;
    font-size: 1.35rem;
    line-height: 1;
    color: #FFF;
	background-color: transparent;
	text-transform:uppercase;
	font-family:'Fjalla One';
}
#acc-section.accordion-content {
    display: none;
    padding: 1rem;
    border:none;
        border-bottom-color: rgb(230, 230, 230);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    border-bottom: 0;
    background-color:transparent !important;
    color: #FFF;
}
#acc-section.accordion {
    margin-left: 0;
    background: transparent;
    list-style-type: none;
}
#acc-section .accordion-title:before{
	font-family:"FontAwesome";
    color: #fff;
	font-size:1.25rem;
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -.8rem;
	content:"\f078";
}
#acc-section .accordion-title:hover:before{
    color: #FFF;

}
#acc-section .is-active > .accordion-title::before {
    content:"\f077";
	color:#39FFFF;
}

#acc-section .accordion-title:focus, .accordion-title:hover {
    background-color: transparent;
	color:#39FFFF;
}
:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #555;
}
:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #555;
    border-radius: 0;
}
.accordion-title::before {
	font-weight:300;
	font-size:1rem;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: '+';
}
.accordion-item:first-child > :first-child {
    border-radius: 0;
    border: none;
}
.accordion-title {
    position: relative;
    display: block;
    padding: 1rem 1rem;
	border:1px solid #555;
	border-left:none;
	border-right:none;
    border-bottom-color: rgb(0, 0, 0);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 0;
    font-size: 1.25rem;
	font-weight:700;
    line-height: 1;
    color: #555;
	background-color:transparent;
	text-transform:normal;
	font-family:"Roboto" sans-serif;
}

.accordion-title:hover:before{
    color: #555;
}
.accordion-title:focus, .accordion-title:hover {
    background-color: transparent;
	color:#555;
}
a.accordion-title {
	text-decoration:none;
}
.accordion-content {
    display: none;
    padding: 1rem;
    border:none;
    border-bottom-color: rgb(230, 230, 230);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 0;
    background-color:transparent;
    color: #555;
	font-size:1rem;
}
.accordion-content p{
	font-size:1rem;
}
/*=========================================
 * Search Form + Close Button fx
 * =======================================*/
.close::before, .close::after {
    background: #FFF;
}
.close {
    z-index: 99;
    vertical-align: middle;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
/*  Close icon style */
.close {
	position: absolute;
	right: 0;
	top: 24px;
	width: 32px;
	height: 48px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #8db4db;
	padding-top: 16px;
}
.close:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.close:hover:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close:hover:after { 
 	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close:before, .close:after {
	position: absolute;
	left: 15px;
	top:15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #2e4a95;
     transition: all 0.14s ease 0s;
    -webkit-transition: all 0.14s ease 0s;
    -moz-transition: all 0.14s ease 0s;
    -ms-transition: all 0.14s ease 0s;
    -o-transition: all 0.14s ease 0s;
}
.close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*-- searchfield -- */

.search-box{
	position: relative;
	padding-top: 18px;
	padding-bottom: 15px;
	padding-left:.5rem;
	display: inline-block;
	
}
/*.search-box:before{
  content : "";
  position: absolute;
  left    : 0;
  z-index: 10;
  top  : 18px;
  width  : 2px;
  height   : 50%; 
  background: #444;
	
	
}*/
.nav-search-icon{
	text-align:right;
}
button#searchsubmit {margin: 0px 0px 0px 0px; position: absolute; display: block;
    font-size: 14px; width: 27px; height: 27px; line-height: 1; text-align: center; top: 20%; right: 5px; color: #8db4db;}
#my-search-form{background-color:#FFF;}
.search-button {   cursor: pointer; }
.search-button i{ margin:0; color:#444 !important; font-size:1.25rem; }
.my-search-form input[type="search"] {
    color: #333;
}
#my-search-form i{margin: -15px 0px 0px 0px; position: absolute; display: block;
    font-size: 27px; width: 27px;height: 27px; line-height: 1; text-align: center; top: 50%; left: 5px; color: #2e4a95;}
.my-search-form {
    position: absolute;
    z-index: 90;
    left: 0px;
    right: 0px;
    display: none;
    height: 70px;
    top: 220px;
}
.my-search-form form{ margin:0 15px; padding-left: 60px; position: relative; }
.my-search-form input[type="text"] { width: 100%; margin: 0px; padding: 25px 0px; 
	font-size: 27px; background-color: transparent; font-weight: bold; border:none; box-shadow:none; }
.my-search-form input[type="submit"]{ display: none; }
.my-search-form .icon-search { margin: -15px 0px 0px 0px; position: absolute; display: block;
    font-size: 27px; width: 27px;height: 27px; line-height: 1; text-align: center; top: 50%; left: 5px; }

#search-text input[type="search"].my-search-form::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
#search-text input[type="search"]::-moz-placeholder { /* Firefox 19+ */
  color:  #333;
}
#search-text input[type="search"]:-ms-input-placeholder { /* IE 10+ */
  color:  #333;
}
#search-text  input[type="search"]:-moz-placeholder { /* Firefox 18- */
  color:  #333;
}
#search-text input:focus::-webkit-input-placeholder { color:transparent; }
#search-text input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
#search-text input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
#search-text input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
.my-search-form [type="search"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 4.4375rem;
    padding: .5rem;
    border: none;
    margin: 0;
    font-family: inherit;
    font-size: 2rem;
    color: #e9431d;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/*=========================================
 * Image Caption with border transition
 * =======================================*/

/*=========================================
 * Image Caption with border transition
 * =======================================*/

/* Common style */
.grid {
	height:auto;
	width: 100%;
	object-fit:cover;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin:0;
	height:400px;
	width: 100%;
	background: transparent;
	text-align: center;
	cursor: pointer;

}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 1.5em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h4 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h4 span {
	font-weight: 800;
}

.grid figure h4,
.grid figure p, .grid figure h4 > a {
	margin: 0;
	color:#FFF !important;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #eb6b29	;
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h4 {
	padding-top:20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h4,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
	background: #183b6b;
}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	object-fit:cover;
}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	object-fit:cover;
}
#netzwerk figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(25% + 20px);
	width: calc(25% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	object-fit:cover;
}
figure.effect-sarah:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h4 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
	font-size:1.3rem;
}

figure.effect-sarah h4::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h4::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-sarah p > a{
	color:#FFF;
	text-decoration:none;
}
figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p  {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*=========================================
 * Portfolio
 * =======================================*/
.portfolio-item{
	float:left;
  width:25%;
 height:auto;
  padding:.7rem;
  background:#FFF;
}

.portfolio-thumb{
	overflow: hidden;
	position:relative;
}

.portfolio-thumb img:hover{
opacity: .2;	
}
.portfolio-thumb img:hover{
  -webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
.portfolio-thumb img{
	width:100%;
  -webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
-ms-transition: all 0.15s;
-o-transition: all 0.15s;
	height:250px;
	object-fit:cover;
}
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height;
     -moz-transition-property: height;
      -ms-transition-property: height;
       -o-transition-property: height;
          transition-property: height;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*=========================================
 * Row for Fullwidth Site
 * =======================================*/
.content-image-wrapper {
	width: 100%;
}
.content-image img{
	object-fit: cover;
	width: 100%;
	height: 650px;
}
.content-wrapper {
    display: table;
    height: 100%;
}
.content-inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 2rem 4rem;
}
/*=========================================
 * card
 * =======================================*/
.card-wrapper{
	width:96%;
	min-height:400px;
	background:#FFF;
	padding:0 2rem;
}
.card-image{}
.card-image img{
	object-fit:cover;
	width:100%;
}
.card-content{
	padding:1rem;
}

#content, #main, #copy-footer, #inner-content, .off-canvas-wrapper, #header{
	background:#FFF !important;
}
#main.columns, .entry-content .columns{
	padding:0;
}
.entry-content{
	margin-bottom:4rem;
	font-size:1.25rem;
}
#blog-article.entry-content p, #blog-article.entry-content h4{
  padding:1rem;
}

.bg-white{
	background:#FFF;
}
.thumbnail-wrapper{
	max-height:350px;
  overflow:hidden;
  
}
.count{
	
}
.count:after{
  content:"|";
  padding-right:1rem;
}



.button-cta:focus, .button-white:cta {
    background-color: #EE7219;
    color: #fefefe;
}
#content{
   position:relative;

}
.address-indent{
	text-indent:25px;
}
.inset-shadow:hover {
    -webkit-box-shadow: inset 0px 0px 0px 15px #f6f6f6;
    -moz-box-shadow: inset 0px 0px 0px 15px #f6f6f6;
    box-shadow: inset 0px 0px 0px 15px #f6f6f6;
}
.service-box {
  	width:100%;
    height:100%;
  	background:#FFF;
    padding: 97px 66px 85px 66px;
    margin-bottom: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  	text-align:center;
}
.service-box i {
	color:#98b7ba;
  font-size:3.5rem;
}
.box-icon{
  
}
.circle {
    background-color:#FFF ;
    overflow: hidden;
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 1;
    width: 64px;
    height: 64px;
    line-height:64px;
    font-size:2.5rem;
    -webkit-border-radius: 64px;
    -moz-border-radius: 64px;
    border-radius: 64px;
    margin-right: 6px;
}
.title-wrapper-left{
	padding:0 0 0 0;
  min-height:350px;
}
.big-info h1{
  font-weight:600;
}
.big-info p{
	font-family:"Vollkorn";
  font-size:1.6rem;
  color:#999;
  padding-top:3rem;
}
.toggle {float:right;margin-right:30%;cursor:pointer;}
/*=========================================
 * Topadd slide out
 * =======================================*/
#siteWrapper {
	position: relative;
	overflow-y: hidden;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	background: #EE7219	;	
}
#siteCanvas {
	width: 100%;
	position:relative;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	padding:0;
}
#siteMenu {
	width: 100%;
	height: 50px;	
	position: absolute;
	top: -200px;
	right: 0;
	background: #EE7219;
	color: white;
	border-left: 1px solid white;
	z-index: 5000;
	padding-top: 5%;
	font-size: 1.2em;
}
#siteWrapper.showNav #siteCanvas {
	-webkit-transform: translateY(50px);
	transform: translateY(50px);	
}
/*=========================================
 * Layout width of 75rem = 1200px
 * =======================================*/


.wrapp-75{
	max-width:87.5rem;
  margin:0 auto;
}

/*=========================================
 * Wordpress Pagination
 * =======================================*/
.page-navigation{}
ul.pagination{}
.pagination li{}
.pagination a, .pagination button{}
.pagination .current {
    padding: .1875rem .625rem;
    background: #333;
    color: #f6f6f6;
    cursor: default;
}
/*=========================================
 * ContactForm 7 input Style
 * =======================================*/
/*.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus{
	background:#FFF;
  transition: all .2s;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],.wpcf7 input[type="tel"],
.wpcf7 textarea{
	background: #ddd;
  display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
padding: .5rem;
margin: 0;
font-family: inherit;
font-size: 1rem;
color: #0a0a0a;
box-shadow: none !important;
border-radius: 0;
transition: box-shadow .5s,border-color .25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
  border:none !important;
}

.wpcf7-form textarea{
  border:none !important;
  box-shadow: none !important;
	background: #ddd;
	height: 236px;
}

.wpcf7-form.style2 input.wpcf7-not-valid,
.wpcf7-form.style2 textarea.wpcf7-not-valid{
	margin-bottom: 10px;
}

.wpcf7-form .wpcf7-submit{
	border-radius: 0;
	height: 50px;
	padding:0 50px 0 49px;
	margin-bottom: 0;
	position: relative;
}

.wpcf7-form .wpcf7-submit:after{
	content: '\e608'; 
	font-family: 'core_icomoon';
	background: none;
	width: auto;
	height: auto;
	font-style: normal;
	font-size: 14px;
	color: #000;
	position: absolute;
	top: 7px;
	left: 0;
}

.wpcf7-form.style2 .wpcf7-not-valid-tip{
	text-align: left;
    margin-bottom: 20px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
		background:#ddd;
  	padding:2rem;
  	border:none;
}
div.wpcf7-response-output {
    margin: 1em 0.5em 1em;
    padding: 1em 1em;
    border: none;
}
input[type="submit"]:hover{
	background-color:#333;
  color:#FFF;
}*/
/*=========================================
 * Breadcrumbs NavXT
 * =======================================*/
.breadcrumb-wrapper{
    height:80px;
    text-align:center !important;
	}
.breadcrumbs{	
    display: table;
    list-style: outside none none;
    margin-left: 0;
    overflow: hidden;
    padding: .3rem 1rem;
    margin:0 auto;
    font-style:italic;
    text-transform:uppercase;
    font-size:.9rem;
	position: relative;
	left: 0;
	color:#444;
	}
	.breadcrumbs > *{
		float:none;
		color:#444;
		text-transform:none;
		
		}
	.breadcrumbs a{
		color:#444;
    text-transform:uppercase;
		}
		.breadcrumbs a:active a:hover a:visited{
		color:#444;
		}
.trenner {
    padding: 0 0.8rem;
}
a.home{
	text-transform:lowercase;
	text-decoration:none;
	font-weight:300;
}
/*=========================================
 * unique header image
 * =======================================*/

.site-title{
	color:#444;
	font-weight:300;
	font-size:3.75rem;
	padding:1rem 0 1rem 2.5rem;
	line-height:1;
	letter-spacing:-3px;
	z-index:10;
	position:relative;
	text-align:left;
	text-transform:none;
}

.site-sub-title{
  	font-family: 'Montserrat', serif;
  	font-size:1.45rem !important;
	padding:0 0 1rem 1.5rem;
	color:#444;
	line-height:1.25;
	text-transform:none;
	padding-top:.5rem;
	text-align:left;
}
.slider-wrapper{
	width: 100%;
	position: relative;
	overflow: hidden;
}

.header-image{
	
}

.unique-container {
    position: relative;
    z-index: 1;
    height: 100px;
	background:#fff;
	
}
#title-wrapper {
	width: 100%;
	z-index: 9;
	height: auto;
	position: absolute;
	top: 0;
	
}
.title-inner{
	position:relative;
	top:50px;
	
}
#header{
    left: 0;
    position: relative;
    top: 0;
    transition: transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, background-color 0.5s ease 0s;
    width: 100%;
    z-index: 11;

}
.logo-top a:hover{
	background-color:none;
}
.logo-top{
	list-style-type: none;
	margin: 0;
	width: 250px;
	padding-top: 1rem;
}
a.btn-slider{
	color:#FFF;
  	text-decoration:none;
}
a:hover.btn-slider{
	color:#333;
  	text-decoration:none;
}
/*.bg-white{
	background:#FFF;
}*/

#projekt-descrb h3{
	font-size:1.45rem !important;
  	font-weight:500;
}
#projekt-descrb h2{
	font-size:1.75rem !important;
  	font-weight:normal;
}
.category-blog{
	display:block;
}
.icon-wrap{
	text-align:center;
  	padding:50px;
}
.icon-wrap i{
	font-size:5rem;
  	color:#333;
}
.dscrb-wrap{
	text-align:center;
}
.line-projekte{
    background-color: #e2e2e2;
    height: 1px;
    margin: 0 auto 35px;
    width: 100%;
}

/*=========================================
 * Search Form Sidebar
 * =======================================*/
#sidebar-search{
	background-color:transparent;
	border-bottom:1px solid #555;
}
.sidebar-search-form{ padding-right: 22px; position: relative; padding-right: 32px;}
.sidebar-search-form input[type="search"]{ 
  	border:0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 15px;
    margin: 0;
    font-family: inherit;
    font-size: 11px;
    color: #a2a2a2;
    background-color: transparent;
    box-shadow: none;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
  	height:2.75rem;
}

button#searchsubmit {
	margin: 0px 0px 0px 0px; 
  position: absolute; display: block;
  font-size: 17px; 
  width: 27px; 
  height: 27px; 
  line-height: 1; 
  text-align: center; 
  top: 5px; 
  right: 5px; 
  color: #a2a2a2;
}

table tbody tr:nth-child(2n) {
    background-color: #FFF;
}
table tbody tr {
    border-bottom:1px solid #f0f0f0;
}
table tbody{
	border:none;
}
table{
  margin-bottom:3rem;
}
table thead{
  background:transparent;
  border:none;
}
#top-address{
  background:rgba(0,0,0,0);
	border-bottom:1px solid #FFF;
  z-index:20;
}
#top-address.is-stuck{
display:none;
}
#bottom-address{
}
#video{
	background-color:#fbfbfb;
}
#about{
	padding:5rem 5rem;
  background-color:#f3f3f3; 
}

.line-light{
		background-color: #f5f5f5;
    height: 2px;
    margin: 0 auto 35px;
    width: 5%;
}
.line-dark{
		background-color: #333;
    height: 2px;
    margin: 0 auto 35px;
    width: 5%;
}
.left{
  float:left;
}
.right{
  float:right;
}
.spacer{
	padding-bottom:4rem;
}
.sub-title{
  font-family: 'Raleway', sans-serif;
	text-align:center;
  font-weight:300;
  font-size:1.1rem;
  margin-bottom:25px;
}
.sub-title-start{
  font-family: 'Raleway', sans-serif;
	text-align:center;
  font-weight:500;
  font-size:1.35rem;
  margin-bottom:25px;
  margin-top:0;
  padding:0;
}
ul.personal-list{
	list-style:none;
  margin-left:0;
}
ul.personal-list li{
	font-size:1.125rem;
}
ul.personal-list i{
}
ul.personal-list li:before{
	content:"\f00c";
	font-family: FontAwesome;
  font-size:1.5rem;
  padding-right:10px
}
/*== Service pixel ==*/
.pixel {
  position: relative;
  width: 100%;
  border-radius:4px;
}

.pixel:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.pixel-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pixel-icon i{
	color:#FFF;
  font-size:10rem;
}
.pixel-content {
	text-align:center;
  margin-bottom:1rem;
  padding:1rem;
}
.pixel-content h2{
	font-size:1.155rem;
}
/*=========================================
 * Social Icons
 * =======================================*/
#off-canvas ul.social-right{
	text-align:center;
  	float:none;

}
#off-canvas .line-dark{
    background-color: #333;
    height: 2px;
    margin: 0 auto 35px;
    width: 15%;
}
#off-canvas ul.social-right i{
	font-size:1.25rem;
  	margin:0;
}
#off-canvas ul.social-right i:first-child{
	font-size:1.25rem;
	margin-left:20px;
  
}
ul.social-right{
	float:right;
	margin:0 1.5rem 0 0;
	padding:.2rem 0;
}
ul.social-right li{
	display:inline-block;
	font-size:.8rem;
}
ul.social-right li > a{
	position: relative;
	z-index: 1;
	font-size: 14px;
	color: #FFF;
	background-color: #d01225;
	width: 30px;
	height: 30px;
	margin-left: 2px;
	line-height: 30px;
	text-align: center;
	display: inline-block;	
}
ul.social-right i {
  	color:#fff;
 }
ul.social{
  float:left;
  margin:0rem 0 0 1.5rem;
  padding:0.2rem 0;
}
ul.social li{
	display:inline-block;
	font-size:.8rem;
}
ul.social li > a{
	position: relative;
	z-index: 1;
	font-size: 14px;
	color: #c3c3c3;
	background-color: #e3e3e3;
	width: 30px;
	height: 30px;
	margin-left: 2px;
	line-height: 30px;
	text-align: center;
	display: inline-block;	
}
ul.social i {
  color:#fff;
}
ul.social-footer{
  text-align:center;
  margin:0rem 0 0 0;
  padding:0.5rem 0;
}
ul.social-footer li{
	display:inline-block;
  margin-right:1.5rem;
}
ul.social-footer li > a{
	font-size:1rem;
  transition: all .2s;
}
ul.social-footer li > a:hover{
	font-size:1rem;
}
ul.social-footer i {
	font-size:1.5rem;
  color:#333;
  transition: all .2s;
}
ul.social-footer i:hover {
	font-size:1.5rem;
  color:#999;
}
.top-spaced{
	padding-top:6rem;
}
.bottom-spaced{
	padding-bottom:6rem;
}

ul#social-bar {
  float:none;
  text-align:center;  
}
#social-bar i{
font-size:1.125rem;
  color:#333;
  padding:0.5rem;
}
/*=========================================
 * Display Posts Shortcode
 * =======================================*/


ul.display-posts-listing .title{
	line-height: 1.6;
	margin-top: 0;
	color: #333 !important;
	font-weight: 700 !important;
	display:table-cell;
	font-size:1.6rem;
	padding:0 0 0 .8rem;
}
 ul#termine.display-posts-listing .title{
	line-height: 1.6;
	margin-top: 0;
	color: #333 !important;
	font-weight: 700 !important;
	display:table-cell;
	font-size:1.6rem;
	padding:0 0 0 .8rem;
	float:left;
	 width:150px;
}
ul.display-posts-listing{
  	margin-left:0 !important;
}


ul.display-posts-listing a, ul.display-posts-listing a:hover, ul.display-posts-listing a:visited{
	text-decoration:none;
}

ul.display-posts-listing .date{
  	display:table;
	font-size:.8rem;
	color:#b71919;
	padding-top:1rem;
	padding-left:2rem;
}
ul.display-posts-listing .date:before{
  	content:"\f073";
	font-size:.8rem;
	font-family:"FontAwesome";
	padding-right:.5rem;
	color:#b71919;
}
ul#blog-post.display-posts-listing img{
	padding:0 !important;
	display:table-cell;
	max-width:100% !important;
	width:350px;
	height:250px;
	object-fit:cover;
	object-position: 0 25%;
	float:left;

}
ul#blog-post.display-posts-listing .title{
	line-height: 1.6;
	margin-top: 0;
	color: #333 !important;
	font-weight: 700 !important;
	display:table-cell;
	font-size:1.6rem;
	padding:0 2rem;
}
ul#blog-post.display-posts-listing li.listing-item{
	box-shadow:none;
	background:#FFF;
	padding:0;
	border-bottom:1px solid #ccc;
}
ul#blog-post.display-posts-listing li.listing-item .content{
	display:none;
}
ul#blog-post.display-posts-listing .listing-item a.image{
	display:inline;
	overflow: hidden;
	object-fit: cover;
	max-width: 100%;
	min-width: 100%;
}
ul.display-posts-listing img{
	padding:0 !important;
	display:table-cell;
	max-width:150px;
	min-height:150px;
	object-fit:cover;
	object-position: 0 25%;
	float:left;
}

/*ul.display-posts-listing li{
	min-height:250px;
	width:50%;
	float:left;

}*/
ul.display-posts-listing li.listing-item{
	box-shadow: 0 8px 12px #6f6f6f;
	background:#FFF;
	padding:.5rem;
	min-height:275px;
}

ul.display-posts-listing li.listing-item .content{
display:none;

}

ul.display-posts-listing .listing-item a.image{
	overflow: hidden;
	object-fit: cover;
	max-width: 100%;
	min-width: 100%;
}

/*ul.display-posts-listing li{
	width:40%;
	min-height:250px;
	display:block;
}*/

ul.display-posts-listing .listing-item{
	margin-bottom:2rem;
	list-style-type:none !important;

}
ul.display-posts-listing .excerpt-dash{
  	display:none;
}
ul.display-posts-listing .excerpt{
  	color:#333;
	font-weight:300;
	display:table;
	padding:.8rem;
	padding-left:2rem;
	min-height:200px;
}
ul.display-posts-listing .excerpt-more{
 	display:none;
}
/*ul.display-posts-listing .excerpt a{
   background-color:#004994;
    border-radius:0;
    color: #fff;
    cursor: pointer;
    display:block;
    font-size: 0.75rem;
    line-height: 1;
    padding: .8rem;
    text-align: center;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
  	text-decoration:none;
 	-webkit-box-shadow: 0 4px 11px rgba(0,0,0,.15);
	box-shadow: 0 4px 11px rgba(0,0,0,.15);
	margin-top:.5rem;
	width:125px;
	
}*/
ul.display-posts-listing .excerpt i{
	float:right;
	padding-left:10px;
	
}
/*=========================================
 * The excerpt
 * =======================================*/
.excerpt-read-more:hover {
  color: #fff;
  text-decoration: none;
  background-color: #333;
}

.logo-bottom img{
  padding-bottom:40px;
	width:300px;
	}
.logo-head img{
	width:300px;
	}
img.centered {
  display: block;
  margin: 0 auto;
}
.centered{
  display: block;
  margin: 0 auto;
}
.slider-container{
	padding-top:0;
  z-index: 10;
  margin: 0 auto;
  overflow:hidden;
}
.top-wrapper{
	width:100%;
	background: #f6f6f6;
}
#top-add{
  	color:#929292;
	background:#f6f6f6;
	height:40px;
}
.top-bar, .top-bar-right{
	background-color:#FFF;
	padding:1rem 0;
	
}
.top-bar ul{
	background-color:#FFF;
}
/*=========================================
 * Main Menu Sticky
 * =======================================*/
#top-bar-menu.is-stuck.top-add {
	display:none;
}
#top-address.is-stuck  ul.social{
	display:none;
}
#top-bar-menu{
  	transition: padding 0.25s ease 0s;
	padding:0;
	background:transparent;
}
#top-bar-menu.is-stuck{
  padding:0;
  transition: transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  transition: padding 0.25s ease 0s;
  transition: background-color 200ms ease 0s;
}

#top-bar-menu.is-stuck .menu > li > a{

	}

#top-bar-menu.is-stuck .menu > li > a:hover{

	}
#top-bar-menu.is-stuck ul.submenu > li > a{

	}
#top-bar-menu.is-stuck ul.submenu > li > a:hover{

	}
#top-bar-menu.is-stuck .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {

}
.sticky-container, .sticky-container .is-stuck{

}
#top-bar-menu.is-stuck ul.social i {
  color:#fff;
  transition: color 300ms ease 0s;
}


/*#logo-light {display: none;}
#logo-dark {display: inline;}
.is-stuck #logo-light {display:inline;}
.is-stuck #logo-dark {display:none;}
*/

/*== gallery style ==*/
#gallery-item {
		padding:2rem 0;
}
#gallery-item a{
    background: #fff url("icon-lupe.png") no-repeat scroll 50% 50%;
  	background-size: 64px 64px;
}
#gallery-item img{
		padding:5px;
  border:1px solid #f3f3f3;
}
#gallery-item a img {
    backface-visibility: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease 0s;
}
#gallery-item a > img:hover {
    opacity: 0.4;
}

/*=========================================
 * Main Menu
 * =======================================*/
  @media only screen and (max-width: 40em) {

    .menu-text {

      display: none !important; } }



@media only screen and (min-width: 40em) {

  .top-bar .menu:last-child {

    border-left: none }



  .top-bar .menu:first-child {

    border-left: none; }



  .top-bar .menu li:not(:last-child) {

    border-right: none } }

.dropdown.menu .submenu {

  border: none; }



.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {

  border-color: #fff transparent transparent; }



.is-drilldown-submenu-parent > a::after {

  border-color: transparent transparent transparent #fff; }



.js-drilldown-back::before {

  border-color: transparent #fff transparent transparent; }

.menu img {
	float:left;
}
.menu {
    list-style-type: none;
    margin: 0;
}
.menu > li { 
	vertical-align: middle;
	text-transform:none;
}
.menu > li > a{
	background:#FFF;
	font-family:'Roboto', sans-serif;
	font-size:1rem;
	color: #555;
	padding: 1.5rem 1.25rem;
	padding-bottom:2px;
	text-decoration:none;
	white-space: nowrap;
	font-weight:400;
	transition: all .2s;
	text-transform:normal;
	}

.menu > li > a:hover{
	background:#FFF;
	color:#555;
 /* box-shadow: 0 -4px 0 0 #1162a3 inset;*/
	}

.menu .active > a{
	background:#FFF;
	color:#555;
  /*box-shadow: 0 -4px 0 0 #1162a3 inset;*/
	}
[data-whatinput="mouse"] .menu > li {
    outline: 0 none;
}
.menu > li:not(.menu-text) > a { 
    line-height: 1;
    padding: 1.5rem 1.25rem;
}
.menu input, .menu a, .menu button {
    margin-bottom: 0;
}
.menu > li > a > img, .menu > li > a > i {
    vertical-align: middle;
}
.menu > li > a > span {
    vertical-align: middle;
}
.menu > li > a > img, .menu > li > a > i {
    display: inline-block;
    margin-right: 0.25rem;
}
.menu > li {
}
.menu.vertical > li {
    display: block;
}
/*-- if offcanvas has submenu it sets the text in the middle again*/
.has-submenu-toggle > a {
    margin-right: 40px;
}
@media screen and (min-width: 40em) {
.menu.medium-horizontal > li {
    display: table-cell;
}
.menu.medium-vertical > li > a {
    display: block !important;
  	width:100%;
}
}
@media screen and (min-width: 64em) {
.menu.large-horizontal > li {
    display: table-cell;
}
.menu.large-vertical > li {
    display: block;
}
}
.menu.simple a {
    margin-right: 1rem;
    padding: 0;
}
.menu.align-right > li {
    float: right;
}
.menu.expanded {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.menu.expanded > li:first-child:last-child {
    width: 100%;
}
.menu.icon-top > li > a {
    text-align: center;
}
.menu.icon-top > li > a > img, .menu.icon-top > li > a > i {
    display: block;
    margin: 0 auto 0.25rem;
}
.menu.nested {
    margin-left: 1rem;
}
.menu-text {
    color: inherit;
    font-weight: bold;
    line-height: 1;
    padding: 0.7rem 1rem;
}
.menu-text a:hover{
  	border:none !important;
}
.no-js [data-responsive-menu] ul {
    display: none;
}
.menu-icon{
	margin-top:20px;
  margin-left:15px;

}

/*=========================================
 * Off Canvas Menu
 * =======================================*/

.off-canvas-logo{
	padding:2rem;
}
.off-canvas {
  bottom: 0;
}
.off-canvas{
	background:#183b6b;
	color:#FFF;
}

#off-canvas .menu > li {
	text-align:left;
}
#off-canvas .menu > li > a{
	color:#FFF;
	font-size:1.45rem;
	background:transparent;
}
#off-canvas .menu > li > a:hover{
	color:#FFF;
	background:transparent;
}
#off-canvas ul.social{
	display:none;
}
#off-canvas ul.submenu {
  background-color:transparent;
  box-shadow: none !important;
  border-style: none !important;
  border-width: none !important;
  border-color: none !important;
  font-size:1rem;
  padding-top:0px;

}
#off-canvas ul.submenu:after {
	border:none;
}
#off-canvas ul.submenu li{
  box-shadow:none;
  border:none !important;
}
#off-canvas ul.submenu li > a {	
	text-align:left;
	background:transparent;
	font-size:1rem;
}
#off-canvas ul.submenu li > a:hover {
	background-color:transparent;
  	color:#FFF;
}
#off-canvas ul.submenu .active > a {
	
}
#off-canvas ul.menu .active > a {
	color:#FFF;
	background:transparent;
}
#off-canvas ul.submenu {
  background-color:transparent;
  box-shadow: none !important;
  border-style: none !important;
  border-width: none !important;
  border-color: none !important;
  font-size:1rem;
  padding-top:0px;
}
#off-canvas ul.submenu:after {
	border:none;
}
#off-canvas ul.submenu li{
  box-shadow:none;
  border:none !important;
}
#off-canvas ul.submenu li > a {
	text-align:left;

}

#off-canvas ul.submenu::before {
	display:none;
}
#off-canvas ul.submenu .active > a {
	
}
#off-canvas ul.menu .active > a {
	
}
li.has-submenu-toggle > a{
	margin-left:0;
}
/*-- Icon in OffCanvas --*/
button.submenu-toggle[aria-expanded="false"]::after {
 	display: block;
	border: none !important;
	top: 50%;
	margin: auto;
  	content:"\f106";
	font-family: FontAwesome;
  	color:#b71919;
}
button.submenu-toggle[aria-expanded="true"]::after {
 	display: block;
	border: none !important;
	top: 50%;
	margin: auto;
  content:"\f106";
	font-family: FontAwesome;
  color:#b71919;
}
.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 40px;
    height: 64px;
 	background:transparent;
}
.submenu-toggle::after {
    display: block;
  	height:auto;
  	width:auto;
    border: none !important;
    margin: auto;
}
.submenu-toggle-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: none !important;
}
/*-- The Hamburger fo Info-Canvas*/
.hamburger{
	padding: 1rem 0 1rem 1rem;
}
.menu-info:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #444;
    -webkit-box-shadow: 0 9px 0 #444,0 18px 0 #444;
    box-shadow: 0 9px 0 #444,0 18px 0 #444;
    content: '';
}
.menu-info:hover::after {
    background: #666;
    -webkit-box-shadow: 0 9px 0 #666,0 18px 0 #666;
    box-shadow: 0 9px 0 #666,0 18px 0 #666;
}
.menu-info:before {
    position: absolute;
    top: 22px;
    left: 0;
    display: block;
    width: 100%;
	color:#444;
    content: 'INFO';
	font-size:.7rem;
}
.menu-info:hover:before {
	color:#666;

}
.menu-info{
    border: none;
    width: 32px;
    height: 32px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    top: 0;
}

/**/
/*-- The Hamburger*/

.menu-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background: #164194;
    -webkit-box-shadow: 0 9px 0 #164194,0 18px 0 #164194;
    box-shadow: 0 9px 0 #164194,0 18px 0 #164194;
    content: '';
}
.menu-icon:hover::after {
    background: #c5d0e4;
    -webkit-box-shadow: 0 9px 0 #c5d0e4,0 18px 0 #c5d0e4;
    box-shadow: 0 9px 0 #c5d0e4,0 18px 0 #c5d0e4;
}
.menu-icon:before {
    position: absolute;
    top: 23px;
    left: 0;
    display: block;
    width: 100%;
	color:#164194;
    content: 'MENU';
	font-size:.4rem;
}
.menu-icon:hover:before {
	color:#c5d0e4;

}
.menu-icon {
    border: none;
    width: 36px;
    height: 36px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    top: 0;
}

/**/
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    color: #444;
  	font-size:1.125rem;
    content:"\f107";
    font-family: FontAwesome;
    margin: 0;
    padding-right: 0;
  	text-decoration:none;
  	right:17px;
  	margin-top:0;
  	top:37%;
 	  border:none !important; /*-- Put away the arrow of F6 --*/
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:hover:after {
    color: #555;
  	font-size:1.125rem;
    content:"\f107";
    font-family: FontAwesome;
    margin: 0;
    padding-right: 0;
  	text-decoration:none;
  	right:17px;
  	margin-top:0;
  	top:37%;
  	border:none !important;
}
.dropdown.menu.medium-horizontal  > li.is-dropdown-submenu-parent.is-active > a:after, .dropdown.menu.medium-horizontal  > li.is-dropdown-submenu-parent.active > a:after {
    color: #555;
}
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    left: 0;
    right: auto;
    top: 100%;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:hover {
	background:#FFF;
	color:#555;
}
/*-- background des Hauptlinks bei hover submenu --*/
.dropdown.menu .is-active > a {
    background: #FFF;
    color: #555;
}
.dropdown.menu  > a:hover {
    background:#FFF;
    color: #555;
}
/**/
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    display: block;
 	content:"\f106";
	font-family: FontAwesome;
  	color:#f6f6f6;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 1rem;
}


ul.submenu  {
	font-size:1rem;
	background:#183b6b;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}
ul.submenu:before{
	content: "";
	position: absolute;
	left: 20%;
	top: -7px;
	width: 0;
	height: 0;
	border-bottom: 7px solid #183b6b;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}
ul.submenu li {
  	text-transform:none !important;
	color: #f6f6f6;
	}
ul.submenu li > a{
  	background-color:transparent;
  	font-size:.9rem;
  	padding:1rem 1.25rem;
  	text-align:left;
 	color: #FFF;
  	text-decoration:none;
  	transition:all 0.25s ease;
	}
ul.submenu > li:not(.menu-text) > a { 
    line-height: 1;
    padding: 1rem 1.25rem;
}
ul.submenu .active > a{
  	box-shadow:none;
  	color: #FFF;
  	text-decoration:none;
	background:#183b6b;
	}
ul.submenu li > a:hover{
	padding:1rem 1.75rem;
  	color:#FFF;
  	background:#183b6b;
}
ul.submenu li > a:hover:before{
    color: #FFF;
    content:"+";
    font-family: "Roboto" sans-serif;
    margin: 0;
    padding-right: 10px;
  	text-decoration:none;
	transition: left .2s ease-in-out;
	}
ul.submenu .active > a:before{
    color: #FFF;
    content:"+";
    font-family: "Roboto" sans-serif;
    margin: 0;
    padding-right: 10px;
	}
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    left: 0;
    right: auto;
    top: 100%;
}

/*=========================================
 * Sidebar Menu
 * =======================================*/
#sidebar1 .menu {
    list-style-type: none;
    margin: 0;
  	display:block;
	
}
#sidebar1 .menu > li {
    vertical-align: middle;
}
#sidebar1 .menu  > li > a {
    border-left: medium none;
    color: #333;
    font-size: 0.9rem;
    padding: 1rem 0.3rem;
    text-transform: none;
	font-weight:400;
	transition: all .2s;
}
#sidebar1 .menu  > li > a:hover {
    border-bottom: medium none;
    box-shadow: none;
  	color:#00519e;
	padding-left: 1rem;
	padding-right: 1rem;
	background-color: #f5f5f5;
}

#sidebar1 .menu > li > a:hover::before {
    color: #333333;
    content: "";
    font-family: FontAwesome;
    margin: 0;
    padding-right: 10px;
}

/*#sidebar1 .menu > li > a:hover {
    border-bottom: medium none;
    box-shadow: none;
  text-decoration:none;
}*/
#sidebar1 .menu  .active > a {
    background: #f5f5f5;
    box-shadow: none;
    color: #00519e;
	font-weight:700;
	padding-left:1rem;
}
#sidebar1 .sub-menu {
    list-style-type: none;
    margin-bottom: .3rem;
    padding-left: 15px;
}
#sidebar1 .sub-menu > li {
    display: block;
    padding: 0.215rem;
    vertical-align: middle;
}
#sidebar1 .sub-menu > li > a {
    border-bottom: medium none;
    border-left: medium none;
    color: #333;
    font-size: .8rem;
    padding: 0.515rem;
    text-transform: none;
}

#sidebar1 li:first-child {
    padding-top: 0;
}
#sidebar1 .menu > li:first-child {
    border-top: 1px solid #e0e0e0;
    margin: 10px 0 0;
    
}
#sidebar1 .menu > li {
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    
}

/*#sidebar1 .sub-menu > li > a:hover::before {
    color: #333333;
    content: "";
    font-family: FontAwesome;
    margin: 0;
    padding-right: 10px;
}*/
#sidebar1 .sub-menu > li > a:hover {
    border-bottom: medium none;
    box-shadow: none;
}
#sidebar1 .sub-menu .active > a {
    background: #f3f3f3 none repeat scroll 0 0;
    box-shadow: none;
    color: #333;
}
#sidebar1 .widget{
	margin-bottom:3rem;
}
/*=========================================
 * Bottom Menu
 * =======================================*/
#bottom .menu {
    list-style-type: none;
    margin: 0;
	display: block;
}
#bottom .menu > li {
    
    vertical-align: middle;
}
#bottom .menu > li > a {
    border-left: medium none;
    color: #666;
    font-size: 1rem;
    padding:0;
    text-transform: none;
	font-weight:400;
	transition: all .2s;
	border-right:none;
}
#bottom .menu > li > a:hover {
    border-bottom: medium none;
    box-shadow: none;
  	color:#333;
	background-color: transparent;
	font-weight:700;
}
#bottom .menu > li > a:hover::before {
    color: #333333;
    content: "";
    font-family: FontAwesome;
    margin: 0;
    padding-right: 10px;
}
#bottom .menu > li > a:before {
    color: #333333;
    content: "";
    font-family: FontAwesome;
    margin: 0;
    padding-right: 10px;
}
/*#sidebar1 .menu > li > a:hover {
    border-bottom: medium none;
    box-shadow: none;
  text-decoration:none;
}*/
#bottom .menu .active > a {
    background: transparent;
    box-shadow: none;
    color: #333;
	font-weight:700;
	
}
#bottom .sub-menu {
    list-style-type: none;
    margin: 0;
    padding-left: 15px;
}
#bottom .sub-menu > li {
    display: block;
    padding: 0.215rem;
    vertical-align: middle;
}
#bottom .sub-menu > li > a {
    border-bottom: medium none;
    border-left: medium none;
    color: #333;
    font-size: 1rem;
    padding: 0.215rem;
    text-transform: none;
}

/*#bottom li:first-child {
    padding-top: 0;
}
#bottom .menu > li:first-child {
    border-top: 1px solid #e0e0e0;
    margin: 10px 0 0;
    
}
#bottom .menu > li {
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    
}
*/
/*#bottom .sub-menu > li > a:hover::before {
    color: #333333;
    content: "";
    font-family: FontAwesome;
    margin: 0;
    padding-right: 10px;
}*/
#bottom .sub-menu > li > a:hover {
    border-bottom: medium none;
    box-shadow: none;
}
#bottom .sub-menu .active > a {
    background: #f3f3f3 none repeat scroll 0 0;
    box-shadow: none;
    color: #333;
}
/*=========================================
 * Top Menu
 * =======================================*/

#top-add ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
#top-add .menu {
	  float:left;
}
#top-add .menu  > li > a {
	font-size:0.8rem;
 	color: #929292;
  	text-decoration:none;
  	padding:1rem 0;
  	transition: all .2s;
	font-weight:300;
}
#top-add .menu .active > a {
	font-size:0.8rem;
 	color: #929292;
  	text-decoration:none;
	background:transparent;
}
#top-add .menu  > li > a:hover {
	font-size:0.8rem;
 	color: #333;
	background:transparent;
}
#top-add .menu  > li > a:before {
	content:"/";
 	color: #333;
  text-decoration:none;
  padding:0 0.5rem;

}
#top-add .menu  > li:first-child > a:before {
	content:"";
  text-decoration:none;
  
}
/*=========================================
 * Footer Menu
 * =======================================*/

#inner-footer ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
#inner-footer ul{
	  float:right;
}
#inner-footer ul > li > a {
	font-size:0.8rem;
 	color: #fff;
  	text-decoration:none;
  	padding:1rem 0;
  	transition: all .2s;
	font-weight:300;
	border-right:none;
	background:transparent;
}
#inner-footer .menu > li:first-child > a {
    border-left: none;
}
#inner-footer .menu .active > a {
	font-size:0.8rem;
 	color: #fff;
  	text-decoration:none;
	background:transparent;
}
#inner-footer ul > li > a:hover {
	font-size:0.8rem;
 	color: #fff;
	background:transparent;
}
#inner-footer ul > li > a:before {
	content:"/";
 	color: #fff;
  text-decoration:none;
  padding:0 0.5rem;

}
#inner-footer ul > li:first-child > a:before {
	content:"";
  text-decoration:none;
  
}
.icon-wrapper{
  height:400px;
	display: flex;
  justify-content: center; /* center ul horizontally */
  align-items: center; /* center ul vertically (if necessary) */ 
}

#content{
	
	}

.big-icons span{
  text-align:center;
}
.footer-logo-wrapp{
	width:250px;
	text-align:center;
	margin-bottom:1.5rem;
}
.bottom-logo{
	width:72%;
  	margin-bottom:0;
}
#bottom .widget-title{
	color:#ffff;
    text-align:left;
	padding-top:;
	}
#bottom .widget{
	color:#fff;
	margin-bottom:.5rem;
	}
#bottom ul{
  text-align: inline;
	list-style:none;
	margin-left:0;
}
#bottom li, #bottom li a{
  font-size:1rem;
  color:#ffff;
  text-decoration:none; 
  padding-left:0;
  line-height:1.6;
}
.widget-title {
    text-transform: none;
}
.head-address li a {
    color: #123109;
	padding-top:8px;
}
.head-social {
    padding: 10px 20px 0 0;
}
.head-social ul {
}
.head-social li {
    color: #fff;
    display: inline;
    margin-top: 8px;
    padding-right: 10px;
}
.head-address li a {
    color: #123109;
	float:right;
}
.textwidget{
	padding:0;
}
#colophon {
    background: #FFF none repeat scroll 0 0;
    color: #2b2b2b;
    padding: 0.5em 0 2em;
}
#colophon a {
    color: #2b2b2b;
}

#title-line{
	box-shadow: 2px 0 0 0 #333 inset;
}
.site-branding {
    padding: 0;
	height:150px;
}
.site-title a {
    color: #212121;
}
.site-description {
    color: #fff;
    font-size: 1.2rem;
    margin: 0;
}
.entry-title, .page-title, .entry-header {
  text-align:center;
}
.entry-title a, .page-title a {
    color: #535252;
}
.entry-summary {
    margin: 1em 0 0;
}
.entry-meta {
    margin-bottom: 1rem;
}
.lineup{
	height:2px;
	width:25%;
	background-color:#222222;
	margin:0 auto 25px;
	}
#primary, #secondary {
    margin: 2.5em 0;
}
#bottom-cell-1{
	padding:0 3rem;
	border-right:1px solid #dbdbdb;
	min-height:335px;
}
#bottom-cell-2{
	padding:0 3rem;
	border-right:1px solid #dbdbdb;
}
#bottom-cell-3{
	padding:0 3rem;
	border-right:1px solid #dbdbdb;
}
#bottom-cell-4{
	padding:0 3rem;
	
}
#bottom.textwidget{color:#FFF;}
.widget-title, .widgettitle, #reply-title, .single-title {
	font-size: 1.45rem;
	font-weight: 700;
	margin-bottom: 0;
	letter-spacing:-1px;
}
#bottom.widget{
	margin-bottom:.5rem;
}
.vcard {
    border: 0 none;
    display: inline;
    margin: 0;
    padding: 0;
}
.vcard .fn {
    font-size: 1rem;
    font-weight: normal;
}
code {
    color: royalblue;
}

.footer{
  	margin-top:0;
    background-color:#FFF;
}

/**/

.social-bottom-wrapper {
		display: flex;
    justify-content: center; /* center ul horizontally */
    align-items: center; /* center ul vertically (if necessary) */ 
  	padding-top:.5rem;
}
.social-bottom-wrapper i{
		font-size:1.125rem;
}
.copyright{
  font-size:1rem;
  padding:1rem 0;
	color:#333;
}
.bttxtcenter{
	text-align:center;
}

.back-to-top {
	background-color: #111;
	bottom: 5rem;
	color: #FFF;
	display: none;
	font-size: 1.7rem;
	position: fixed;
	right: 1rem;
	text-decoration: none;
	width: 64px;
	height: 64px;
	border-radius: 3px;
	text-align: center;
	padding-top: 6px;
}
.back-to-top i{
	vertical-align:middle;
}
.back-to-top:hover {
    color:#FFF;
	background-color:#111;
}
.back-to-top:hover,.back-to-top:focus,.back-to-top:active,.back-to-top:visited {
    color: #FFF;
	background-color:#111;
}
.back-to-top:focus {
    outline: 0 none;
}
.bottomwrapper, #bottom{
display:none;
}
/*.bottomwrapper {
    background-color: #FFF;
    padding: 2rem;
    width: 100%;
	height:auto;
}*/
.bottomwrapper a, .bottomwrapper p {
    color: #111;
}
.bottomwrapper i {
   font-size:2.8rem;
   color:#FFF;
}
.mapp-layout {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.big-icon{
	font-size:12rem;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
	#header, #content {
    padding-left:10px;
	padding-right:10px;
}
	#inner-footer ul {
    float: left;
}
.portfolio-item{
	float:left;
  width:50%;
 height:300px;
  padding:.7rem;
  background:#FFF;
}
	figure.effect-sarah{
    text-align: left;
	margin-bottom:2rem;
}
	.top-spaced {
    padding-top: 1rem;
}
		.bottom-spaced {
    padding-top: 1rem;
}
	#header{
    padding-left: 0;
    padding-right: 0;
		height:200px
}

		#off-info{
		display:none;
	}
	/*=========================================
 * Mobile Menu + Logo
 * =======================================*/
	#top-bar-menu{
	background: #FFF;
	height:150px;
	}
	.logo-top{
	display:none;
		
	}	
	#menu-mobile{
	position:absolute;
	right:2rem;
	top:3rem;
		
	}
	#logo-mobile img{
	padding-left:1rem;
	padding-top:1rem;
	width:225px;		
	}
	#logo-mobile img {
    padding-left: .6rem;
    width: 150px;
}
	/*=========================================
 * Splide slider class
 * =======================================*/	
	.splide, .splide__slide {
    position: relative;
    outline: none;
    height: 250px !important;
    width: 100%;
    z-index: 10;
    overflow: hidden;
}
.slider-caption{
	z-index:100;
	background:rgba(0,0,0,.4);
	position:absolute;
	bottom:50px;
	height:auto;
	min-width:200px;
	left:50px;
	color:#FFF;
	font-size:1.5rem;
	padding:1rem;
}
	.site-title {
    font-size: 1.75rem;
		padding:1rem 0 1rem .5rem !important;
}
	.content-inner {
    padding: 2rem 1rem;
}
	.bottomwrapper {
    padding: 2rem;
}
	#aktuelles ul{
	margin:0;
	padding:0 .6rem 0 .6rem;
	
}
	#block-1{
		padding:0;	
	}
	.box-wrapper{
		margin-bottom:2rem;
		
	}
	.content-image img {
    width: 100%;
    height: auto;
}
	.head-info-inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 1rem 1rem;
}
	#info-block-1{
		display:none;
	}
	#info-block-2{
		display:none;
	}
	.site-title{
		padding-left:2rem;
	}

	#top-bar-menu{
	background: #FFF;
		height:150px;
	}


  button.submenu-toggle[aria-expanded="false"]::after {
 	display: block;
	border: none !important;
	top: 50%;
	margin: auto;
  content:"\f106";
	font-family: FontAwesome;
  color:#f6f6f6;
}
button.submenu-toggle[aria-expanded="true"]::after {
 	display: block;
	border: none !important;
	top: 50%;
	margin: auto;
  content:"\f106";
	font-family: FontAwesome;
  color:#f6f6f6;
}
  
  .portfolio-item{
	  float:left;
    
}

  .logo-top{
  width:250px;
  }
  img#logo-dark {
  width:75%;
  }
  html{
  padding:0;
  }

 /* #logo-dark{
  display:inline;}
  #logo-light{
  display:none;
  } */
  .slider-container{
	padding-top:0;
  }

  .sticky-container{
  height:130px;
  background-color:rgba(255,255,255,0.8);
	border-bottom:1px solid #f2f2f2;
  transition: transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, background-color 0.5s ease 0s;
  transition: height 0.25s ease 0s;
  }
	#aktuelles ul.display-posts-listing li {
    min-height: 575px;
    width:100%;
    float: left;
    margin-right: 1rem;
    background: #FFF;
}
}


/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	/*=========================================
 * Splide slider class
 * =======================================*/	
	.splide, .splide__slide {
    position: relative;
    outline: none;
    height: 450px !important;
    width: 100%;
    z-index: 10;
    overflow: hidden;
}
.slider-caption{
	z-index:100;
	background:rgba(0,0,0,.4);
	position:absolute;
	bottom:75px;
	height:auto;
	min-width:200px;
	left:75px;
	color:#FFF;
	font-size:2.5rem;
	padding:1rem;
}
	
	#off-info{
		display:none;
	}
		/*=========================================
 * Mobile Menu + Logo
 * =======================================*/
	#top-bar-menu{
	background: #FFF;
	height:150px;
	}
	.logo-top{
	display:none;
		
	}	
	#menu-mobile{
	position:absolute;
	right:2rem;
	top:3rem;
		
	}
	
	#logo-mobile img{
	position:absolute;
	left:0;
	top:1rem;
	}
	
	#logo-mobile img{
	padding-left:2rem;
	padding-top:2rem;
	width:225px;		
	}

	.box-wrapper{
	margin-bottom:2rem;
		
	}
	#aktuelles ul.display-posts-listing li {
    min-height: 575px;
    width:100%;
    float: left;
    margin-right: 1rem;
    background: #FFF;
}
	span.info-subtitle a {
		font-size:1rem;
}
		.head-info-inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 1rem 1rem;
}
	.site-title{
		padding-left:2rem;
	}



	#info-block-1{
		display:none;
	}
	#info-block-2{
		display:none;
	}
	#top-bar-menu{
	background: #FFF;
		height:150px;
	}


	
}

/* ipad and up */
@media screen and (min-width: 1024px) and (max-width: 1640px) {
	
	.menu > li > a{
	background:#FFF;
	font-family:"Open Sans", sans-serif;
	font-size:.95rem;
	color: #555;
	padding: 1.5rem 1.5rem;
	padding-bottom:2px;
	text-decoration:none;
	white-space: nowrap;
	font-weight:400;
	transition: all .2s;
	}
}
/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}