html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, a, seidltable, td, form, img, li { 
	margin: 0; 
	padding: 0;
    font-weight:inherit;
}

html, body { 
	font-size: 15px;
  font-family: 'Kumbh Sans';
  font-style: normal;
  font-weight: 300;
}

body { 
  margin:0;
  padding:0;
	width:100%;
	overflow-x: hidden;
}

/* INDIVIDUAL DESIGN -------------------------------- */

/*
    position:absolute;
    top:0px; left:0px; bottom:0px; right:0px;
    z-index:1

    opacity: 0.97;
    filter: Alpha(opacity=97); 

	-ms-transform: rotate(-0deg); 
    -webkit-transform: rotate(-0deg); 
    transform: rotate(-0deg);

    -ms-transform: translate(-50%,-50%); 
    -webkit-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);

    -ms-transform: translateY(-50%); 
    -webkit-transform: translateY(-50%); 
    transform: translateY(-50%);

    -ms-transform: translateX(-50%); 
    -webkit-transform: translateX(-50%); 
    transform: translateX(-50%);

    -webkit-filter: grayscale(100%);  
    filter: grayscale(100%);

    -webkit-filter: blur(8px) grayscale(100%);  
    filter: blur(8px) grayscale(100%);

	-moz-transition: all 0.65s ease;
	-webkit-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.65s ease;

	background: -webkit-linear-gradient(170deg, #232628, #232628); 
	background: -o-linear-gradient(170deg, #232628, #232628); 
	background: -moz-linear-gradient(170deg, #232628, #232628); 
	background: linear-gradient(170deg, #232628, #232628);  
	
	background-image: linear-gradient(-140deg, rgba(0,0,0,0), rgba(0,0,0,0.8));
	background-image: radial-gradient(rgba(255,255,255,1.0) 1%, rgba(0,0,0,1.0) 100%);

  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 800;

  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;

*/


.page-wrapper {
	max-width:1280px !important;
	margin: auto;
}
.page-wrapper-inner {
	max-width:980px !important;
	margin: auto;
}
.abslink {
    position:absolute;
    top:0px; left:0px; bottom:0px; right:0px;
    z-index:1    
}

.outer-logo {
	position: sticky;
	top: 0;
	z-index: 99;
}



.outer-slider {
	position:relative;
	z-index: 1;
}
.slider-streifen-1 {
	position:absolute;
	z-index: 1;
	top:0px;right:0px;left:60%;bottom:40%;
	background-image: linear-gradient(-140deg, rgba(34,139,206,0), rgba(34,139,206,0.8));
	clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.slider-streifen-2 {
	position:absolute;
	z-index: 1;
	top:75%;right:75%;left:0px;bottom:0px;
	background-image: linear-gradient(-140deg, rgba(34,139,206,0), rgba(34,139,206,0.8));
	clip-path: polygon(0 100%, 0 0, 100% 100%);
}
.outer-slider h1, .outer-slider h2 {
	display:table;
	background-color:#fff;
	margin-bottom:8px;
	padding:5px 15px;
	color:#23658f;
	text-shadow: none !important;
}
.caption-halbebreite {
	width:50%;
}
.outer-slider hr { overflow: visible; /* For IE */ padding: 0; border: none; border-top: 1px solid #fff; color: #fff; text-align: center; margin-top:15px; margin-bottom:15px; opacity: 0.2; }

.slidertrenner {
	margin-top:15px;
	height: 5px;
	background-image: linear-gradient(-140deg, rgba(34,139,206,1), rgba(35,101,143,1), rgba(34,139,206,1), rgba(34,139,206,1), rgba(35,101,143,1), rgba(35,101,143,1), rgba(35,101,143,1));
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.hcenter h4 {
	display:table;
	margin:auto;
	padding-left:10px;
	padding-right:10px;
	position:relative;
}
.hcenter h4:after {
	position:absolute;
	content:"";
	z-index: 2;
	left:0px;
	margin-left:-60px;
	bottom:15px;
	width:50px;
	height:2px;
	background-color:#23658F;
}

.hcenter h4:before {
	position:absolute;
	content:"";
	z-index: 2;
	right:0px;
	margin-right:-60px;
	bottom:15px;
	width:50px;
	height:2px;
	background-color:#23658F;
}
.border-l {
	border-left: 5px solid #23658F;
}
.outer-services .page-wrapper {
	position: relative;
	z-index: 2;
	margin-top:30px;
}
.outer-begruessung .page-wrapper {
	position: relative;
	z-index: 3;
}
.services-inner {
	width:75%;
	margin:-60px auto auto auto;
	padding-bottom:15px;
}
.services-icon {
	padding-top:100%;
	background-color:#ffffff;
	border:1px solid #e3e6e8;
	background-position: center;
	background-size:50%;
	background-repeat:no-repeat;
	border-radius: 50%;
}
.services-iconhuelle {
	width:100px;
	margin:auto;
}
.outer-begruessung {
	padding-top:45px;
	padding-bottom:45px;
}
.begruessung-zahl {
	position:absolute;
	bottom:60px;
	left:0px;
	min-width:150px;
	min-height: 150px;
	padding:30px;
}
.projekt-teaser-text {
	padding:30px;
}
.projekte-link {
    position:absolute;
    top:0px; left:0px; bottom:0px; right:0px;
    z-index:3	
}
.projekte .carousel-cell:hover .bild4zu3 {
    -webkit-filter: grayscale(100%);  
    filter: grayscale(100%);
	
	-moz-transition: all 0.65s ease;
	-webkit-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.65s ease;	
}
.projekt-linkicon {
	position:absolute;
	top:30%;
	left:50%;
	width:120px;
	height: 120px;
    -ms-transform: translate(-50%,-50%); 
    -webkit-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%);
    -webkit-filter: grayscale(0%) !important;  
    filter: grayscale(0%) !important;	
	background:#23658f url(../../../images/gestaltung/icon-link-weiss.png) center no-repeat;
	border-radius:50%;
	opacity: 0;
	-moz-transition: all 0.65s ease;
	-webkit-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.65s ease;		
}

.projekte .carousel-cell:hover .projekt-linkicon {
	opacity: 1;
	-moz-transition: all 0.65s ease;
	-webkit-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.65s ease;		
}
.counter-icon {
	width:65px;
	height:65px;
	float:left;
	margin-right:10px;
	background-position:center;
	background-repeat: no-repeat;
	background-size: contain;
}
.outer-counter {
	position:relative;
	z-index: 1;
	background:#434f55 url(../../../images/gestaltung/bg-counter.jpg) right center no-repeat;
	background-size: cover;
}
.outer-cta .page-wrapper {
    margin-top:-100px;
	position:relative;
	z-index: 2;
}
.outer-footer {
	padding-top:60px;
	padding-bottom:60px;
}
.copy-row {
	border-top: 1px solid #228bce;
}
.footer h3 {
	margin-bottom:15px;
}


















.copy-row {
    padding-bottom:30px;
}

/* INHALT STYLING*/
.inhalt h1 {
	  font-family: 'Fira Sans';
	  font-style: normal;
	  font-weight: 500;
    letter-spacing: 0.02em;
	font-size:3.9em;
	}
.inhalt h2, .counter-wert {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
    letter-spacing: 0.02em;
	font-size:2.8em;
	}
.inhalt h3 {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
    letter-spacing: 0.02em;
	font-size:1.4em;
	}
.inhalt h4 {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
	font-size:1.3em;
	}
.inhalt h5 {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
    letter-spacing: 0.02em;
	font-size:1em;
	}
.inhalt h6 {
	font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
	font-size:1.1em;
}
/* INHALT STYLING ENDE */




.scrolldown {
	position:absolute;
	bottom:10px;
	left:10px;
	width:60px;
	height:60px;
	background: url(../../../images/gestaltung/icon-scrolldown.svg) center center no-repeat;
	background-size:contain;
	cursor: pointer;
	
	-moz-transition: all 0.65s ease;
	-webkit-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.65s ease;	
}
.scrolldown:hover {
	bottom:10px;
	left:10px;
	width:70px;
	height:70px;
	
	-moz-transition: all 0.65s ease;
	-webkit-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.65s ease;	
}

/* Fade */
.fade-in,
.fade-up,
.fade-left,
.fade-right {
    opacity: 0; /* Unsichtbar */
    transform: translateY(20px); /* Startposition */
    transition: transform 0.6s ease, opacity 0.6s ease;
	transition-delay: 0.9s; /* Verzögerung von 0,5 Sekunden */
}

.fade-in.visible,
.fade-up.visible,
.fade-left.visible,
.fade-right.visible {
    opacity: 1;
    transform: translateY(0); /* Zielposition */
	transition-delay: 0s; /* Verzögerung von 0,5 Sekunden */
}

/* Fade Ende */


/*Cookie*/
.cc-revoke.cc-right {
  right: 0px;
    left:auto;
}
div.cc-revoke {
  font-size: 0.65em;
}
/*Cookie ende*/


/* GLOBAL DESIGNS */

.seidl-rechts {
	padding-top:25px;
	padding-bottom:25px;
}
.vertical-align {
    display: flex;
    align-items: center;
}
.vertical-align-bleibt {
    display: flex;
    align-items: center;
}
.vertical-align-sm {
    display: flex;
    align-items: center;
}
.sigProThumb {
    list-style:none !important;
}
ul.sigProArtistic {
    background: none;
    clear: both;
    list-style: outside none none;
    margin: 8px auto !important;
    overflow: hidden;
    padding: 8px 0 !important;
}
ul.sigProArtistic li.sigProThumb a.sigProLink {
    background: none;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    color: #333;
}
ul.sigProArtistic li.sigProThumb a:hover.sigProLink {
    background: none;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent; 
    color: #333;
}
ul.sigProArtistic li.sigProThumb a.sigProLink, ul.sigProArtistic li.sigProThumb a.sigProLink:hover {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0 8px 8px;
    position: relative;
}
.pulse {
  display: block;
  box-shadow: 0 0 0 rgba(255,255,255, 0.99);
  animation: pulse 1.5s infinite;
}    


@-webkit-keyframes pulse {
  0% {   -webkit-box-shadow: 0 0 0 0 rgba(0,87,148, 0.99);  }
  70% {      -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);  }
  100% {      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);  }
}
@keyframes pulse {
  0% {    -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.99); box-shadow: 0 0 0 0 rgba(0,0,0, 0.99);  }
  70% {      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0); box-shadow: 0 0 0 10px rgba(255,255,255, 0);  }
  100% {      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}  
.pulseweiss {
  display: block;
  box-shadow: 0 0 0 rgba(255,255,255, 0.99);
  animation: pulsewhite 1.5s infinite;
}
@-webkit-keyframes pulsewhite {
  0% {   -webkit-box-shadow: 0 0 0 0 rgba(255,255, 0.99);  }
  70% {      -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);  }
  100% {      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);  }
}
@keyframes pulsewhite {
  0% {    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.99); box-shadow: 0 0 0 0 rgba(255,255,255, 0.99);  }
  70% {      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0); box-shadow: 0 0 0 10px rgba(255,255,255, 0);  }
  100% {      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
} 
.clear {
	clear:both;
}

/* FORMULAR */	

.seidlformsection .row {
	padding:30px !important;
	border:1px solid #E3E6E8 !important;
	margin-bottom:30px;
}
.form-control {
  border: 1px solid #E3E6E8;
  border-radius: 0px;
	box-shadow: inherit !important;
}
.formplate .fp-toggler {
  background-color: #949a9d !important;
}
.formplate .fp-toggler.checked {
  background-color: #23658f !important;
}



.btn-primary {
    background-color: #23658F !important;
    border-color: #23658F !important;
    color: #ffffff !important;
    border-radius:0px !important;
}
.pull-right {
    float: inherit !important;
}
/* FORMULAR ENDE */

/* Tabs & Akkordeon */
 [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
    color:#fff !important;
  }
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="open"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"][data-rlta-state="opening"] {
  background-color: #23658f;
  border-radius: 0px;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]), [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]):hover, [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]), [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]):hover {
  border-color: inherit;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
  border: 0px;
  border-radius: 0px;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] {
  background: inherit;
  border: 0px;
  border-radius: 0px;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="button"] {
  background-color: #23658f;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:hover,
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:hover {
  background-color:#0c507c !important;
	color:#fff !important;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:focus,
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:hover {
  background-color:#0c507c;
	
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open],
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening] {
  background-color:#0c507c;
	color:#fff !important;
	
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:focus,
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=open]:hover,
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:focus,
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button][data-rlta-state=opening]:hover {
  background-color:#0c507c;
	color:#fff !important;
	
}
/* Tabs & Akkordeon ENDE */


/* SLIDER */


.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
    background: transparent;
}
.camera_thumbs_cont {
	margin-top:-80px;
}
.camera_thumbs_cont img {
	border:2px solid #ffffff !important;
}
.camera_prevThumbs {
	display:none;
}
.camera_nextThumbs {
	display:none;
}
.camera_thumbs_cont > div ul {
	float:left !important;
}
 .camera_target {
	 /*
	 -webkit-filter: grayscale(100%) !important; /* Chrome, Safari, Opera */
  /*   filter: grayscale(100%) !important;  */
	 }
.camera_prev {
   /**/ left: 0px;
    right:inherit; 
}
.camera_next {
   /* */ left: 41px;
    right:inherit;
}
.camera_prev > span {
    background: url(../../../images/gestaltung/camera_skins.png) no-repeat 0 0;
}
.camera_next > span {
    background: url(../../../images/gestaltung/camera_skins.png) no-repeat -40px 0;
}	 
/*CHOCOLATE SKIN*/
.camera_chocolate_skin .camera_prevThumbs div {
	background-position: -160px -481px;
}
.camera_chocolate_skin .camera_nextThumbs div {
	background-position: -190px -481px;
}
.camera_chocolate_skin .camera_prev > span {
	background-position: 0 -481px;
}
.camera_chocolate_skin .camera_next > span {
	background-position: -40px -481px;
}
.camera_chocolate_skin .camera_commands > .camera_play {
	background-position: -80px -481px;
}
.camera_chocolate_skin .camera_commands > .camera_stop {
	background-position: -120px -481px	;
}
.camera_wrap .camera_pag .camera_pag_ul {
    height: auto !important;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: left;
}	
.camera_pag_ul {
	}
.camera_wrap .camera_pag .camera_pag_ul li {
    background: #ffffff none repeat scroll 0 0;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: #232628 none repeat scroll 0 0;
}
 .camera_caption > div {
    background:none !important;
}
.camera_commands {
	display:none !important;
	}


.camera_caption {
    bottom: 18% !important;

    display: block;
    position: absolute;
    width: 100%;
    z-index: 1000;
	text-align:left;	 
	color:#ffffff;
	
}

.camerainner {
	width:50%;
}
 /* SLIDER ENDE*/

/* NEWS */
.imageintro {
    position: relative;
    padding-top:50%;

}
.imageintrorahmen {
}
.seidl-blogouter {
    width:48%;
    margin-right:2%;
    float:left;    
}
.seidl-blogouter .readmore {
    margin-top:15px;    
}
.newsflash-title {
    font-size:1.4em;
    padding-top:15px;
}
.readmore {
    text-decoration: none;
    border:2px solid #23658f;
    text-align:center;
    width:100%;
    display:table;
    padding:8px 0px 8px 0px;
    color:#23658f;
    margin-top:20px;
    text-transform: uppercase;
    font-weight: 600;
}
.readmore {
    clear:both;
}
.publishdatum {
    font-weight: 400;
    position:relative;
    width:100%;
    padding-bottom:8px;
}
.publishdatum:after {
    content: "";
    position:absolute;
    bottom:0px;
    left:50%;
    width:60px;
    margin-left:-30px;
    height: 2px;
    background:#e2ddd9;
}
.seidl-blogouter .item-image {
	max-width:100% !important;
	padding:0px 30px 15px 0px !important;
	}

.pagination ul {
    list-style:none !important;
    padding-left: 0px !important;
}
.pagination ul li {
    display:inline-block;
    background:#23658f;
    padding:5px 15px 5px 15px;
    color:#ffffff;
}
.pagination ul li a {
    text-decoration: none;
    color:#ffffff;
}
.pagination ul li a:hover {
    text-decoration: none;
    color:#efefef;
}
.pagination-start, .pagination-end {
    display:none !important;
}
.cat-children {
        display:none !important; 
    } 

/* NEWS ENDE*/

/* NeWSLETTER */
.acym_module_form input {
  max-width: 100%;
  padding-top:6px;
	padding-bottom:5px;
	border:1px solid #fff;
	color:#fff !important;
	margin-right:10px;
	background-color:transparent !important;
}
.acysubbuttons input[type="button"] {
	padding-top:6px !important;
	padding-bottom:6px !important;
	background-color:#fff !important;
	color:#23658F !important;
	border:1px solid #fff !important;
}
.onefield .acym__field__error__block {
  background-color: #0c507c !important;
}
/* NeWSLETTER */

/*OWL*/
/*! Flickity v2.0.2
http://flickity.metafizzy.co
---------------------------------------------- */
.outer-projekte {
	width:100% !important;
    overflow-x:hidden !important;
    padding-bottom:60px;
}
.projekte .carousel-cell {
  width: 22%; /* full width */
  margin-right: 3%;
}
.projekte .flickity-slider {
	width:100% !important;

}
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow:hidden;
  position: relative;
  height: 100%;
}

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 0px;
  background: #23658f !important;
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover {  }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 1.0;
}

.flickity-prev-next-button.previous { left: 0px; }
.flickity-prev-next-button.next { right: 0px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.0;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #fff;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -35px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #23658f;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
.flickity-prev-next-button:disabled { display: none !important; }

/*OWL*/	

.cc-revoke.cc-bottom {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

/* MENÜ */
.maximenuck img {
	margin-top:-8px !important;
	background:#23658f;
	padding:8px;
	border-radius: 50%;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.maximenuck img:hover {
	margin-top:-8px !important;
	background:#0c507c;
	padding:8px;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
div#maximenuck128 ul.maximenuck {
    background:none;
    border: 1px solid transparent;
    border-radius: 0px;
    box-shadow: none;
    clear: both;
    display: block;
    filter: none;
    float: none !important;
    height: auto;
    list-style: outside none none;
    margin: 0 auto;
    opacity: 1 !important;
    overflow: visible !important;
    padding: 0px !important;
    position: relative;
    text-align: right !important;
    visibility: visible !important;
    z-index: 999;
}
div#maximenuck128 ul.maximenuck li.maximenuck.level1 { 
    border: 1px solid transparent;
    box-shadow: none;
    cursor: pointer;
    display: inline-block !important;
    filter: none;
    float: none !important;
    list-style: outside none none;
    margin: 9px 0px 0px 0px !important;
    padding: 0px 45px 2px 0px;
    position: static;
    text-align: left;
    vertical-align: middle;
}
div#maximenuck128 ul.maximenuck li.maximenuck.level1:last-child { 
    padding: 0px 0px 2px 0px;
}
div#maximenuck128 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck128 ul.maximenuck li.maximenuck.level1.active {
    background:none ;
    border: 1px solid transparent;
    border-radius: 0px;
}

div#maximenuck128 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck128 ul.maximenuck li.maximenuck.level1 > span.separator {
    background: none;
    border: medium none;
    box-shadow: none;
    color: #434f55;
    display: block;
    filter: none;
    float: none !important;
    font-size: 1.2em;
    min-height: 34px;
    outline: medium none;
    padding: 0;
    position: relative;
    text-decoration: none;
    text-shadow: none !important;
    white-space: normal;
}
div#maximenuck128.maximenuckh ul.maximenuck li.level1.parent > a::after, div#maximenuck128.maximenuckh ul.maximenuck li.level1.parent > span.separator::after {
    border-color: #434f55 transparent transparent;
    border-style: solid;
    border-width: 7px 6px 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -4px;
    top: 7px;
    width: 0;
}
div#maximenuck128.maximenuckh ul.maximenuck li.level1.parent:hover > a::after, div#maximenuck128.maximenuckh ul.maximenuck li.level1.parent:hover > span.separator::after, div#maximenuck128.maximenuckh ul.maximenuck li.level1.parent.active > a::after, div#maximenuck128.maximenuckh ul.maximenuck li.level1.parent.active > span.separator::after {
    border-top-color: #434f55;
}
.titreck {
	text-transform:uppercase;
	font-size:0.95em;
	letter-spacing:0em;
	text-shadow:inherit;
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;	
	}
.titreck:hover {
	border-bottom: 3px solid #23658f;
	color:#000000 !important;
}

.maximenuck .current .titreck {
	border-bottom: 3px solid #23658f;
}

div#maximenuck128 div.floatck {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#ffffff;
    background: #ffffff;
    border-image: none;
    border-radius: 0px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    cursor: auto;
    display: none;
    filter: none;
    margin: -1px 0 0 -10px;
    padding: 5px 5px 0;
    position: absolute;
    text-align: left;
    width: inherit;
    z-index: 9999;
}	

div#maximenuck128 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck128 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck128 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck128 ul.maximenuck li.maximenuck.level1.active > span.separator {
    color: #434f55;
    text-shadow: 0px 0px 3px #ffffff;
}

div#maximenuck128 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck128 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck128 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a, div#maximenuck128 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck128 ul.maximenuck2 li:hover > a, div#maximenuck128 ul.maximenuck2 li:hover > h2 a, div#maximenuck128 ul.maximenuck2 li:hover > h3 a, div#maximenuck128 ul.maximenuck2 li.active > a {
    color: #434f55;
    text-shadow: 0px 0px 3px #ffffff;
}
div#maximenuck128 ul.maximenuck li.maximenuck ul.maximenuck2 li a, div#maximenuck128 ul.maximenuck2 li a {
    color: #434f55;
    text-shadow: 0px 0px 3px #ffffff;
}
div#maximenuck128 span.descck {
    display: block;
    float: none !important;
    font-size: 11px;
    height: 13px;
    line-height: 13px;
	font-style: italic;
    text-decoration: none;
    text-transform: none;
}
div#maximenuck128 ul.maximenuck li.maximenuck ul.maximenuck2 a, div#maximenuck128 ul.maximenuck2 a {
  font-size: 1em !important;
}
div#maximenuck128 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck128 ul.maximenuck2 li.maximenuck {
  font-size: 1em !important;
}
/* MENÜ ENDE */

.fancyboxCounter {
	display: none !important;	
}



/* MENÜ MOBILE */
.mobilemenuck-bar {
	background-color:transparent !important;
	}
.mobilemenuck-bar-title {
	background-color:transparent !important;
	display:none !important;
	}
.mobilemenuck-bar-button {
	color:#246590 !important;
	background-color:transparent !important;
	position:relative;
	float: right;
	padding-top:0px !important;
	}
.mobilemenuck {
  background: #232628 !important;
  
  
  color: #FFFFFF !important;
  font-weight: inherit !important;
  font-size: 1.0em !important;
}
.mobilemenuck-title {
  background: #232628 !important;
  font-size: 1em !important;
}
.mobilemenuck-item > .level1 {
  background: inherit !important;
  border-radius: 0px !important;
  color: #FFFFFF !important;
}
.mobilemenuck-item > .level1 a {
  color: #FFFFFF !important;
}
.mobilemenuck a {
  font-weight: inherit !important;
}
/* MOBILE MENÜ ENDE */


.sonderbutton {
	color:#ffffff !important;
	text-decoration:none;
	background: #232628 !important;
	border-radius:0px;
	padding:5px 10px 5px 10px !important;
	margin-top:-15px !important;
	}
.sonderbutton:hover {
	color:#ffffff !important;
	text-decoration:none;
	background: #434f55 !important;
	border-radius:0px;
	padding:5px 10px 5px 10px !important;
	margin-top:-15px !important;
	}

.ulnormal ul {
	padding-left:15px;
	list-style:circle;
	}
.ulkeinedots ul {
	padding-left:20px;
	list-style:none !important;
	}
.ulhorizontal ul {
	padding-left:0px;
	list-style:none;
	}
.ulhorizontal li {
	padding-left:15px;
	list-style:none;
	display:inline-block;
	}
.ulhorizontal li:first-child {
	padding-left:0px;
	list-style:none;
	display:inline-block;
	}
.ulhorizontal li:last-child {
	padding-right:0px;
	list-style:none;
	display:inline-block;
	}
.ularrow ul {
	padding-left:15px;
	list-style-image: url(../../../images/gestaltung/icon-pfeil-aufzaehlung.png);
	}
.ularrow li {
	padding-left:0px;
	list-style-image: url(../../../images/gestaltung/icon-pfeil-aufzaehlung.png);
	}
.uldownload ul {
	
	padding-left:35px;
	list-style-image: url(../../../images/gestaltung/icon-liste-download.png);
	}
.uldownload li {
	padding-left:0px;
	padding-top:7px; 
	padding-bottom:7px; 
	border-bottom: 1px dotted #ccc;
	list-style-image: url(../../../images/gestaltung/icon-liste-download.png);
	}

.ulmenuehorizontal li {
    list-style:none;
    display:inline-block;
    padding:3px 25px 3px 0px;
}
.ulmenuehorizontal li a {
    text-decoration:none;
    color:#23658f
}
.ulmenuehorizontal li a:hover {
    text-decoration:none;
    color:#23658f
}
.ulmenuevertical li, .ulmenuevertikal li {
    list-style:none;
    display:block;
    padding:7px 0px 7px 0px;
    border-bottom:1px dotted #23658f;
}
.ulmenuevertical li:last-child, .ulmenuevertikal li:last-child {
    border-bottom:0px;
}
.ulmenuevertical li a {

}
.ulmenuevertical li a:hover {

}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.parallaxbild {
	position:relative;
	z-index: 1;
	background-size:100% auto;
	background-attachment: fixed;
	padding-top:90px;
	padding-bottom:90px;
	
}
.parallaxbild-overlay {
	position: absolute;
	top:0px; left:0px; right:0px; bottom:0px;
	z-index: 0;
	background-image: radial-gradient(rgba(35,101,143,0.9) 1%, rgba(35,101,143,0.9) 100%);
}

.link-farbehell-normal a {
	color:#228bce;
	text-decoration: none;
	}	
.link-farbehell-normal a:hover {
	color:#23658f;
	text-decoration: none;
	}	
.link-farbemittel-normal a {
	color:#23658f;
	text-decoration: none;
	}	
.link-farbemittel-normal a:hover {
	color:#0c507c;
	text-decoration: none;
	}	
.link-farbedunkel-normal a {
	color:#0c507c;
	text-decoration: none;
	}	
.link-farbedunkel-normal a:hover {
	color:#23658f;
	text-decoration: none;
	}
.link-graulight-normal a {
	color:#e3e6e8;
	text-decoration: none;
	}	
.link-graulight-normal a:hover {
	color:#434f55;
	text-decoration: none;
	}
.link-grauhell-normal a {
	color:#949a9d;
	text-decoration: none;
	}	
.link-grauhell-normal a:hover {
	color:#434f55;
	text-decoration: none;
	}
.link-graumittel-normal a {
	color:#434f55;
	text-decoration: none;
	}	
.link-graumittel-normal a:hover {
	color:#232628;
	text-decoration: none;
	}
.link-graudunkel-normal a {
	color:#232628;
	text-decoration: none;
	}	
.link-graudunkel-normal a:hover {
	color:#000000;
	text-decoration: none;
	}
.link-schwarz-normal a {
	color:#000000;
	text-decoration: none;
	}
.link-schwarz-normal a:hover {
	color:#595854;
	text-decoration: none;
	}
.link-weiss-normal a {
	color:#ffffff;
	text-decoration: none;
	}
.link-weiss-normal a:hover {
	color:#cccccc;
	text-decoration: none;
	}

		
.link-weiss-frame a {
	color:#ffffff;
	text-decoration:none;
	border:2px solid #ffffff;
	border-radius:0px;
	padding:10px 35px 10px 35px;
	line-height:4.2em;
	text-transform:uppercase;
    white-space: nowrap !important;
	}
.link-weiss-frame a:hover {
	color:#cccccc;
	text-decoration:none;
	border:2px solid #cccccc;
	border-radius:0px;
	padding:10px 35px 10px 35px;
	line-height:4.2em;
	text-transform:uppercase;
    white-space: nowrap !important;    
	}		
.link-schwarz-frame a {
	color:#000000;
	text-decoration:none;
	border:2px solid #000000;
	border-radius:0px;
	padding:10px 35px 10px 35px;
	line-height:4.2em;
	text-transform:uppercase;
    white-space: nowrap !important;    
	}
.link-schwarz-frame a:hover {
	color:#232628;
	text-decoration:none;
	border:2px solid #232628;
	border-radius:0px;
	padding:10px 35px 10px 35px;
	line-height:4.2em;
	text-transform:uppercase;
    white-space: nowrap !important;    
	}
.link-farbemittel-frame a {
	color:#23658f;
	text-decoration:none;
	border:2px solid #23658f;
	border-radius:0px;
	padding:10px 35px 10px 35px;
	line-height:4.2em;
	text-transform:uppercase;
    white-space: nowrap !important;
	}
.link-farbemittel-frame a:hover {
	color:#0c507c;
	text-decoration:none;
	border:2px solid #0c507c;
	border-radius:0px;
	padding:10px 35px 10px 35px;
	line-height:4.2em;
	text-transform:uppercase;
    white-space: nowrap !important;    
	}


.link-schwarz-button a {
	color:#ffffff !important;
	text-decoration:none;
	background: #000000;   
	border-radius:0px;
	padding:12px 37px 12px 37px;
	line-height:4.2em;
	text-transform:uppercase;
	font-size:1.0em;
    white-space: nowrap !important;    
	}
.link-schwarz-button a:hover {
	color:#ffffff !important;
	text-decoration:none;
	background: #232628;
	border-radius:0px;
	padding:12px 37px 12px 37px;
	line-height:4.2em;
	text-transform:uppercase;
	font-size:1.0em;
    white-space: nowrap !important;    
	}
				


.link-farbemittel-button a, .btn-primary {
	color:#ffffff !important;
	text-decoration:none;
	background: #23658f;   
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 500;
	padding:12px 37px 12px 45px;
	font-size:1.0em;
	margin-top:25px;
	margin-bottom:25px;
    white-space: nowrap !important;    
	position:relative;
	text-shadow:none !important;
	-moz-transition: all 0.65s ease;
	-webkit-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.65s ease;	
	}
.link-farbemittel-button a:after, .btn-primary:after {
	content:"";
	position:absolute;
	z-index: 1;
	left:10px;
	top:50%;
	width:24px; 
	height: 24px;
	margin-top:-12px;
	background:url(../../../images/gestaltung/plus.png) center center no-repeat;
	}
.link-farbemittel-button a:hover, .btn-primary:hover {
	color:#ffffff !important;
	text-decoration:none;
	background: #228bce;   
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 500;
	padding:12px 37px 12px 45px;
	font-size:1.0em;
	margin-bottom:25px;
	margin-top:25px;
	
    white-space: nowrap !important;    
	position:relative;
	-moz-transition: all 0.65s ease;
	-webkit-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.65s ease;	
	}


.link-weiss-button a {
	color:#23658f !important;
	text-decoration:none;
	background: #ffffff;   
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 500;
	padding:12px 37px 12px 45px;
	font-size:1.0em;
	margin-top:25px;
	margin-bottom:25px;
    white-space: nowrap !important;    
	position:relative;
	text-shadow:none !important;
	-moz-transition: all 0.65s ease;
	-webkit-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.65s ease;	
	}
.link-weiss-button a:after {
	content:"";
	position:absolute;
	z-index: 1;
	left:10px;
	top:50%;
	width:24px; 
	height: 24px;
	margin-top:-12px;
	background:url(../../../images/gestaltung/plus.png) center center no-repeat;
	}
.link-weiss-button a:hover {
	color:#228bce !important;
	text-decoration:none;
	background: #ffffff;   
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 500;
	padding:12px 37px 12px 45px;
	font-size:1.0em;
	margin-bottom:25px;
	margin-top:25px;
	
    white-space: nowrap !important;    
	position:relative;
	-moz-transition: all 0.65s ease;
	-webkit-transition: all 0.65s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.65s ease;	
	}



.farbehell {
	color:#228bce;
	}
.farbemittel {
	color:#23658f;
	}
.farbedunkel {
	color:#0c507c;
	}
.graulight {
	color:#e3e6e8;
	}	
.grauhell {
	color:#949a9d;
	}
.graumittel {
	color:#434f55;
	}
.graudunkel {
	color:#232628;
	}
.schwarz {
	color:#000000;
	}
.weiss {
	color:#ffffff;
	}


.bg-farbehell {
	background:#228bce;
	}
.bg-farbemittel {
	background:#23658f;
	}
.bg-farbedunkel {
	background:#0c507c;
	}
.bg-graulight {
	background:#e3e6e8;
	}	
.bg-grauhell {
	background:#949a9d;
	}
.bg-graumittel {
	background:#434f55;
	}
.bg-graudunkel {
	background:#232628;
	}
.bg-graudunkelst {
	background:#444444;
	}
.bg-schwarz {
	background:#000000;
	}
.bg-weiss {
	background:#ffffff;
	}
.text-shadow, .textshadow {
    text-shadow:0px 0px 30px #000000;
}
.box-shadow, .boxshadow {
    box-shadow:0px 0px 30px #000000;
}
.box-shadow-hell, .boxshadowhell, .boxshadow-hell {
    box-shadow:0px 0px 30px #434f55;
}
.drop-shadow, .dropshadow {
    -webkit-filter: drop-shadow( 0px 0px 30px rgba(0, 0, 0, .5));
    filter: drop-shadow( 0px 0px 30px rgba(0, 0, 0, .5));    
}

.bild1zu1 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:100%;
}
.bild1zu2 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:150%;
}
.bild2zu1 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:50%;
}
.bild3zu1 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:33.3333%;
}
.bild3zu2 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:66.6666%;
}
.bild4zu1 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:25%;
}
.bild4zu3 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:75%;
}
.bild5zu2 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:20%;
}
.bild16zu9 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:56.25%;
}
.bild9zu16 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:177.78%;
}
.bild1zu2 {
    position:relative;
    background-color:#efefef;
    background-size:cover;
    background-position: center center;
    padding-top:150%;
}
.bg-verlauf {
	background: -webkit-linear-gradient(0deg, #e3e6e8, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(0deg, #e3e6e8, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(0deg, #e3e6e8, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, #e3e6e8, #ffffff); /* Standard syntax */  
	}
.bg-verlauf-verkehrt {
	background: -webkit-linear-gradient(180deg, #e3e6e8, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(180deg, #e3e6e8, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(180deg, #e3e6e8, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(180deg, #e3e6e8, #ffffff); /* Standard syntax */  
	}
.bg-trans-weiss {
	background-image: linear-gradient(-140deg, rgba(255,255,255,0.4), rgba(255,255,255,0.4));
	}	
.bg-trans-schwarz {
	background-image: linear-gradient(-140deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4));
	}

.bg-boxshadow {
	-webkit-box-shadow: inset 1px 4px 9px -6px #000000;
	-moz-box-shadow: inset 1px 4px 9px -6px #000000;
	box-shadow: inset 1px 4px 9px -6px #000000;
}
.bg-toppics {
	background:url(../../../images/gestaltung/bg-toppics.jpg) center center;
	background-size: cover;
	background-attachment: fixed;
	}
.bg-footer {
	background:#0c507c url(../../../images/gestaltung/bg-footer.jpg) no-repeat left center;
	background-size: auto 100%;
	}
.bg-streifen {
	background-color:#efefef;
	position:relative;
	z-index: 1;
	}
.bg-streifen:after {
	content:"";
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:50%;
	background-image: linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0.6));
	clip-path: polygon(0 0, 40% 0, 100% 100%, 60% 100%);
	}
.bg-streifen-2 {
	background-image: linear-gradient(-90deg, rgba(255,255,255,0.99), rgba(227,230,232,0.99));
	position:relative;
	z-index: 1;
	}
.bg-streifen-2:after {
	content:"";
	position:absolute;
	top:0px;
	bottom:0px;
	right:50%;
	left:0px;
	background-image: linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0.6));
	clip-path: polygon(60% 0, 100% 0, 40% 100%, 0 100%);
	}

.medium {
    font-weight:400;
}
.bold, .strong {
    font-weight:700;
}
.opacity {
    opacity: 0.5;
    filter: Alpha(opacity=50);     
}
.zentriert {
    margin:auto;
}
.center {
	text-align:center;
	}
.textrechts, .text-rechts {
	text-align:right;
	}
.textrechts-bleibt, .text-rechts-bleibt {
	text-align:right;
	}
.justify {
    text-align:justify;
}
.uppercase {
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.klein {
	font-size:0.85em;
	}
.kleiner {
    font-size:0.75em;
}
.gross {
	font-size:1.25em;
	}
.grosser {
    font-size:1.5em;
}
.bildrund img {
	border-radius:50%;
	border:7px solid #ffffff;
	-ms-transform: rotate(-0deg); /* IE 9 */
    -webkit-transform: rotate(-0deg); /* Chrome, Safari, Opera */
    transform: rotate(-0deg);
	-o-transition:1.0s;
	-ms-transition:1.0s;
	-moz-transition:1.0s;
	-webkit-transition:1.0s;
	}
.bildrund img:hover {
	border-radius:50%;
	border:7px solid #ffffff;
	-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
	-o-transition:1.0s;
	-ms-transition:1.0s;
	-moz-transition:1.0s;
	-webkit-transition:1.0s;
	}		

.randausgleich {
    margin-left:-15px;
    margin-right:-15px;
}
.margintb {
	margin-top:30px;
	margin-bottom:30px;
	}
.margint {
	margin-top:30px;
	margin-bottom:0px;
	}
.marginb {
	margin-top:0px;
	margin-bottom:30px;
	}
.marginrl {
    margin-right:30px;
    margin-left:30px;
}
.marginr {
    margin-right:30px;
    margin-left:0px;
}
.marginl {
    margin-right:0px;
    margin-left:30px;
}
.paddingtb {
	padding-top:15px;
	padding-bottom:15px;
	}
.paddingt {
	padding-top:15px;
	padding-bottom:0px;
	}	
.paddingb {
	padding-top:0px;
	padding-bottom:15px;
	}	
.paddingrl {
	padding-right:15px;
	padding-left:15px;
	}	
.paddingr {
	padding-right:15px;
	padding-left:0px;
	}
.paddingl {
	padding-right:0px !important;
	padding-left:15px;
	}
.paddingrlno {
	padding-right:0px;
	padding-left:0px;
	}
.paddingtbno {
	padding-top:0px;
	padding-bottom:0px;
	}						
.bildresponsive img {
	max-width:100% !important;
	height:auto !important;
	}
.nodisplay {
	display:none !important;
	}
.nodisplay-sm {
	display:block !important;
	}
.nodisplay-xs {
	}
.display-xs {
	display:none !important;
	}
.display-sm {
        display:none !important;
    }
@media screen and (max-width: 1280px) {		
    
}

@media screen and (max-width: 1080px) {
div#maximenuck128 ul.maximenuck li.maximenuck.level1 { 
    margin: 15px 0px 10px 0px !important;
    padding: 0px 15px 2px 0px;
}
.projekte .carousel-cell {
  width: 40%;
  margin-right: 5%;
  margin-left: 5%;
}	
.nodisplay-sm {
	display:none !important;
	}
.display-sm {
        display:block !important;
    }
.camera_caption {
    
}	
.vertical-align-sm {
    display: inherit;
    align-items: inherit;
}  
.caption-halbebreite {
  width: 85%;
}	
.outer-cta .page-wrapper {
  margin-top: 0px;
}	
/* INHALT STYLING*/
.inhalt h1 {
	font-size:3.0em;
	}
.inhalt h2, .counter-wert {
	font-size:2.1em;
	}
.inhalt h3 {
	font-size:1.2em;
	}
.inhalt h4 {
	font-size:1.1em;
	}
.inhalt h5 {
	font-size:1em;
	}
.inhalt h6 {
	font-size:1.0em;
}
/* INHALT STYLING ENDE */	
}

@media screen and (max-width: 850px) {
.vertical-align {
    display: inherit;
    align-items: inherit;
}
.textrechts {
	text-align:center;
	}
.nodisplay-xs {
	display:none !important;
	}
.display-xs {
	display:block !important;
	}	
.row-eq-height {
  display: inherit;
}	
.services-inner {
  width: 95%;
  margin: 0px auto auto auto;
}  
	
}

@media screen and (max-width: 480px) {
.begruessung-zahl {
  bottom: 30px;
  min-width: inherit;
  min-height: inherit;
  padding: 10px;
  font-size:0.85em;
}
/* INHALT STYLING*/
.inhalt h1 {
	font-size:2.2em;
	}
.inhalt h2, .counter-wert {
	font-size:1.8em;
	}
.inhalt h3 {
	font-size:1.1em;
	}
.inhalt h4 {
	font-size:1.05em;
	}
.inhalt h5 {
	font-size:1em;
	}
.inhalt h6 {
	font-size:1.0em;
}
/* INHALT STYLING ENDE */
	
.projekte .carousel-cell {
    width: 80%;
    margin-right: 10%;
    margin-left: 10%;
  }	
	.mobile-menue {
		margin-top:30px;
	}	
}

.grecaptcha-badge { visibility: hidden; }

/* ALLGEMEIN ---------------------------------------- */
hr { overflow: visible; /* For IE */ padding: 0; border: none; border-top: 1px dotted #434f55; color: #434f55; text-align: center; margin-top:15px; margin-bottom:15px; } 
/* hr:after { content: "♥"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: #ffffff; border-radius:50%; } */

a:link { 
} 

a:visited { 
}

a:hover { 
} 

a:active { 
}

strong { 
}
/* NICHT DRUCKEN ------------------------------------- */
@media print {
 .nichtdrucken, .nicht-drucken {
 display : none !important;
 }
}






.immobilien-detail {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 0 1.5rem;
    color: #2d3436;
    line-height: 1.6;

    .s_container {
        margin-bottom: 4rem;
        
        h3 {
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f0f0f0;
            color: #1a1a1a;
        }
    }
    .heading {
        margin-bottom: 3rem;

        .link-farbedunkel-button {
            margin-bottom: 1.5rem;
            a {
                text-decoration: none;
                text-transform: uppercase;
                font-size: 0.85rem;
                font-weight: 600;
                color: #666;
                display: inline-flex;
                align-items: center;
                &:before { content: '← '; margin-right: 5px; }
                &:hover { color: #000; }
            }
        }

        h2 {
            font-size: 2.8rem;
            font-weight: 800;
            margin: 0 0 1rem 0;
            line-height: 1.1;
        }

        .info {
            display: flex;
			flex-wrap: wrap;
            gap: 2rem;
            color: #636e72;
            font-size: 1.1rem;
            
            p { margin: 0; }
            strong { color: #2d3436; }
        }
    }

    .main-info {
        .flex-row {
            display: grid;
            grid-template-columns: 1.8fr 1fr;
            gap: 2rem;
            align-items: start;

            @media (max-width: 992px) { grid-template-columns: 1fr; }
        }

        .main-image {
            img {
                width: 100%;
                box-shadow: 0 10px 30px rgba(0,0,0,0.1);
                display: block;
            }
        }

        .quick-stats {
            background: #f8f9fa;
            padding: 2rem;
            
            ul {
                list-style: none;
                padding: 0;
                margin: 0;

                li {
                    display: flex;
                    justify-content: space-between;
                    padding: 0.8rem 0;
                    border-bottom: 1px solid #e9ecef;
                    
                    &:last-child { border: none; }
                    strong { color: #000; }
                }
            }
        }
    }

    .features {
        .feature-grid {
            display: grid !important; 
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
            background: #ffffff;
            border: 1px solid #eee;
            padding: 1.5rem;
            border-radius: 8px;

            div {
                padding: 8px;
                border-bottom: 1px solid #f9f9f9;
            }
        }
    }

    .financials {
        .flex-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;

            @media (max-width: 768px) { grid-template-columns: 1fr; }
        }

        .prices, .energy {
            padding: 2rem;
            height: 100%;
        }

        .prices {
            background: #22658f;
            color: white;
            h3 { color: white; }
            p { display: flex; justify-content: space-between; margin-bottom: 0.5rem; }
            hr { border: 0; margin: 1rem 0; }
            strong { font-size: 1.3rem; color: #fff; }
        }

        .energy {
            background: #f1f2f6;
            border: 1px solid #dfe4ea;
        }
    }

    .galerie {
        .images {
            display: grid !important; 
            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
            gap: 15px !important;

            .image {
                img {
                    width: 100% !important;
                    height: 150px !important;
                    border-radius: 6px;
                    transition: transform 0.3s ease;
                    &:hover { transform: scale(1.03); }
                }
            }
        }
    }

    .grundriss, .video {
        img, video {
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }
    }
}

@media screen and (max-width: 850px) {
	.immobilien-detail {
		.s_container {
			&.main-info {
				.container-inner {
					&:first-of-type {
						order: 2;
					}
					&:last-of-type {
						order: 1;
					}
				}
			}
		}
	}

}