.a-delay {
  animation-delay: 0.5s;
}
@media only screen and (max-width:1125px) {
	.aos_flip_up_bottom, .aos_fade_up_bottom, .aos_zoom_in_bottom, aos_zoom_in_bottom_delay, .aos_zoom_in_center,
    .aos_fade-right, .aos_fade-left, .aos_fade_down, .aos_fade_up, .aos_fade-left-offset, .aos_flip-delay {
		opacity: 1 !important;
		transform: translate(0) scale(1) !important;
	}
}

.fancybox-slide--iframe .fancybox-content {
	width  : 80%;
	height : 80%;
	max-width  : 80%;
	min-height : 80%;
}

.strich {
    clear: both;
    width: 100%;
    border-radius: 3px;
    border: 2px solid rgba(0, 114, 187, 0.78);
    margin-top: 30px;
    margin-bottom: 5px;
}

.blue{
    background: rgba(0, 114, 187, 0.78);
    color: white;
    border-radius: 6px;
    font-size: 1.1em;
	}

div#load_screen{
	background: #000;
	opacity: 1;
	position: fixed;
    z-index:10;
	top: 0;
	width: 100%;
	height: 100%;
}

div#load_screen > div#loading{
	color:#FFF;
	width:120px;
	height:24px;
	margin: 300px auto;
}

/* COL-HIDE für rechte und linke Spalte, wenn nicht vorhanden -------------------------------------*/ 
.col-hide{display: none; width: 0%;padding: 0; margin-0;}
[class*="col-"] {min-height: 0;}
.images [class*="col-"] {padding: 0;} 

/* CSS-Klassen für die GLOBALE Einstellung des Templates */
/* generell / Container / Inhalte -----------------------------------------------------------------*/
/* Abstand zur NAVBAR abhängig von der Art der NAVBAR ---------------------------------------------*/

@media only screen and (max-device-width : 768px) {
	.abstand-oben {
	}
}

@media (max-width: 991px){
	#wrapper, .wrapper{ /* mindesthöhe der Seite */ 
		padding-top: 80px;
	}
}

@media (min-width: 992px){
	#wrapper, .wrapper{ /* mindesthöhe der Seite */ 
		padding-top: 110px;
	}

	.left-container{
		padding-right: 5px;
	}
	.right-container{
		padding-left: 5px;
	}
}

@media (min-width: 1370px) {
	.container {
		width: 1400px;
		margin: 0 auto;    /* Zentrierung Container*/
	}
}

@media (min-width: 1200px){
	.container_fluid {
	  margin-left: 20px;
	  margin-right: 20px;
	}
}

/* Surface Duo */
@media only screen and (max-device-width : 720px) and (orientation: landscape) {
	#wrapper, .wrapper{ /* mindesthöhe der Seite */ 
		padding-top: 80px;
	}
}
/* Asus Zemblock */
@media only screen and (max-device-width : 853px) and (orientation: portrait) {
	#wrapper, .wrapper{ /* mindesthöhe der Seite */ 
		padding-top: 80px;
	}
}
/* Ipad & Co */
@media only screen and (max-device-width : 768px) and (orientation: portrait) {
	#wrapper, .wrapper{ /* mindesthöhe der Seite */ 
		padding-top: 50px;
	}
	#slider_full_width{ /* mindesthöhe und Abstand des Slider nach unten */ 
		aspect-ratio: 16 / 6.3;
	}
}

@media only screen and (max-device-width : 768px) and (orientation: landscape){
	#wrapper, .wrapper{ /* mindesthöhe der Seite */ 
		padding-top: 80px;
	}
}

/* Seitenaufteilung  ------------------------------------------------------------------------------*/
#wrapper, .wrapper{ /* mindesthöhe der Seite */ 
	height: auto !important; 	
	min-height: 96.6% !important; 
	padding-bottom: 30px;
	background: transparent;
	background-color: rgba(255,255,255,0.9);
	b/ackground-image: repeating-linear-gradient(-27deg ,  rgba(69,96,118,0.3) 49%, rgba(12,28,42,0.3));
}

#slider_full_width{ /* mindesthöhe und Abstand des Slider nach unten */ 
	margin-bottom: 30px;
	overflow: hidden;
	

}

@media only screen and (min-width: 1025px) {
	#slider_full_width{
		margin-left: 20px;
		border-radius: 0 0 0 130px;
		box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.29);
	} 
}
/* Video vollformat aber nur max 650 hoch  -----------------------------------------------------------*/
.video-wrapper  {
    width: auto    !important;
    max-height: 650px   !important;
	overflow:hidden;
 }

/* Beispiel für Videoeinbindung im Sliderbereich
<video width="1920" height="1080" id="bgvid" poster="mp4/trailer_bild.jpg" preload="auto" muted autoplay loop >
  <source src="template/01-bs-template/video/Wheat-17285.mp4" type="video/mp4">
</video>
*/

.container {
	width: 100%;
	max-width: 1400px; /* Breite Content */
	margin: 0 auto;    /* Zentriendng */
}

@media (min-width: 1200px){
	.container_fluid {
	  margin-left: 20px;
	  margin-right: 20px;
	}
}

/* CSS-Klassen Rechte und Linke Spalte -------------------------------------------*/
.content-container, .right-container, .left-container{

	}

.right-container, .left-container{
	margin-top: 55px;
}

.right-container .carousel-control, .left-container .carousel-control{
	display:none;
}

/* Ende -- CSS-Klassen Rechte und Linke Spalte ------------------------------------*/
/* Abstände der einzelnen Sessions / Contents -------------------------------------*/
#content .content-container .row {
    d/isplay: flex;
    align-items: flex-start;
}

#content-top{
	padding-top:30px;
	padding-bottom:15px;
	}

.margin-55{
	margin-top: -55px;
	}
.margin-top-bild{
	margin-top: 89px;
	}
#content-top-full{
	padding-top:25px;
	padding-bottom:25px;
	}

#breadcrumb{
	margin-bottom: 0;
	border-radius: 0;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	b/ackground-image: linear-gradient(15deg, white 0%, #0c1c2a 50%);
}

.breadcrumb {
    padding: 10px 15px 10px 15px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

#breadcrumb .fa-circle-o {font-size: 0.80em;}

.breadcrumb a {
    padding: 2px 3px 2px 3px;
	color: #a9afb5;
}

#breadcrumb span { /* nicht verlinkter Text in Breadcrumb */
    padding: 2px 5px 2px 5px;
}

#footer{
	position: relative;
 	b/ackground-color: #424242;
	background-color: rgba(8, 53, 82, 0.98);
    b/ackground-image: linear-gradient(-25deg , #456076 24.6%, #060732 24.7%);
	b/ackground-image: repeating-linear-gradient(-25deg , #0c1c2a 24%, #456076);
	background-image:  linear-gradient(-25deg, hsl(207,26%,37%, 0.0)  24.6%, hsl(208,56%,11%, 0.3)   24.7% );
	color: #a9afb5;
}

#footer .linklist	{margin-left: 0px;}	

#footer-widgets {
	padding-top: 10px;
    padding-bottom: 10px;
}

#footer-widgets .row [class*="col-"] {
    padding: 15px 10px 15px 15px;
	min-height: 210px; 
}

#footer-widgets h3{
	font-weight:200;
	font-size: 1.2em;
	padding: 0 0 0 0;
    margin: 0 0 5px 4px;
    color: white;
}

#footer-widgets h4{
	font-size: 1.0em;
	padding: 0;
}
#footer-widgets strong {
  color: #e5d5d5;
}

#footer-widgets address .fa{
    padding-right: 5px;
}

#footer-widgets address, #footer-widgets address a {
   color: whitesmoke;
}
#footer-widgets address {
    font-size: 1.1em;
    padding: 0 0 0 5px;
    margin-bottom: 10px;
}
#footer-widgets a {
    color: #a9afb5;
    text-decoration: none;
}
#footer-widgets .address-kopf {
	font-size: 1.1em;
	color: white;
	padding-bottom: 5px;
}
#footer-widgets .address-kopf:hover{
	text-decoration: none;
	color: #ccc;
}

#footer-widgets address, dl {
     margin-bottom: 5px;
}

#footer-widgets  li{ list-style: none; color: #a9afb5}
#footer-widgets .linklist{list-style:none; color: #a9afb5; padding-left: 5px;}
#footer-widgets .list-inline { margin-left: 0; }

#footer-widgets p {
    font-size: 1.0em;
    padding: 0 0 0 5px;
    margin: 0;
    color: #a9afb5;
}

#footer-widgets .phone, #footer-widgets .email {
    color: #a9afb5;
    text-decoration: none;
}


.orange1 {
	display:inline-block;
    color: orange;
    font-size: 1.2em;
    line-height: 1.0em;
    padding: 0;
    margin: 0 -2px 0 -2px;
    letter-spacing: 0;
}

.orange2{
	color: orange;
	font-weight: 900;
	font-size: 1.4em; 
	line-height: 1.0em;
	letter-spacing: 0;
	padding: 0;
}

.table {  
	border-radius: 6px;
	overflow: hidden;
}

.table tr {
	background-color: rgba(241,249,255,0.5);
}

.table tr:nth-child(2n+1) {
	background-color: rgba(227,242,255,0.5);
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px;
    line-height: auto;
    border-top: 0 solid #ddd;
}

/* --Links Footer Widgets ---------------------------------------------------------*/
/* Pfeil vor Footer-Link */

.topbar p, .topbar > span {
    font-size: 95%;
    margin-top: 0;
    margin-bottom: 0;
}

.topbar .email:before {
    content: '\f003'; /* fa-envelope-o */	
    font: 100 1.1em/20px "FontAwesome";
    color: grey;
	padding-right: 4px;
}
.topbar .phone:before {
    content: '\f095'; /* fa-envelope-o */	
    font: 100 1.1em/20px "FontAwesome";
    color: grey;
	padding-right: 4px;
}

.email:before {
    content: '\f003'; /* fa-envelope-o */	
    font: 100 1.2em/24px "FontAwesome";
	padding-right: 5px;
}

.globe:before {
    content: '\f0ac'; /* fa-envelope-o */	
    font: 100 1.2em/24px "FontAwesome";
	padding-right: 5px;
}

.topbar .linklist {
   list-style: none;
}
.mobile:before {
    content: '\f10b'; /* fa-envelope-o */	
    font: 100 1.3em/24px "FontAwesome";
    color: black;
	padding-right: 19px;
}
.phone:before {
    content: '\f095'; /* fa-envelope-o */	
    font: 100 1.2em/24px "FontAwesome";
    color: black;
	padding-right: 5px;
}
.fax:before {
    content: '\f1ac'; /* fa-envelope-o */	
    font: 100 1.2em/24px "FontAwesome";
    color: black;
	padding-right: 10px;
}

#footer-widgets li:before {
    content: '\f105'; /* fa-envelope-o */
    font: 400 16px/24px "FontAwesome";
    color: #e6dac2;
	padding-right: 8px;
}

#footer-widgets .email:before {
    content: '\f003'; /* fa-envelope-o */	
    font: 100 1.1em/20px "FontAwesome";
    color: #a9afb5;
	padding-right: 6px;

}
#footer-widgets .mobile:before {
    content: '\f10b'; /* fa-envelope-o */	
    font: 100 1.3em/20px "FontAwesome";
    color: white;
	padding-right: 6px;
}
#footer-widgets .phone:before {
    content: '\f095'; /* fa-envelope-o */	
    font: 100 1.1em/20px "FontAwesome";
    color: #a9afb5;
	padding-right: 6px;  
}
#footer-widgets .fax:before {
    content: '\f1ac'; /* fa-envelope-o */	
    font: 100 1.2em/24px "FontAwesome";
    color: white;
	padding-right: 6px;
}
#footer-widgets li:before {
    content: '\f105'; /* fa-envelope-o */
    font: 400 16px/24px "FontAwesome";
	color: whitesmoke;
	padding-right: 6px;
}

#footer-widgets li a 		{color:   #a9afb5;}
#footer-widgets li a:hover 	{color:  white; text-decoration:none;}
#footer-widgets .list-inline li a:hover {color:  white; text-decoration:none;}


/* -- Links Footer Widgets NAV PILLS (Menü ganz unten in der Seite -----------*/
#footer-copyright{	margin-bottom: 0; border-top: 1px solid rgba(153,153,153,0.3);}
#footer-copyright a, .footer-menu a {color: #a9afb5;}


#footer-copyright p{font-size: 1.0em; margin: 0;padding: 10px 0 10px 0; color: #a9afb5;letter-spacing:  2px;}
.footer-menu   {text-align:right; }


#footer-widgets .social-footer .fa  { color: white;}

#footer-copyright .nav>li>a { position: relative; display: block; padding: 5px 8px; border: 1px solid grey; margin-top:3px;}

.topbar .nav>li>a   { position: relative;  margin: 0; padding: 1px 4px; background: grey; color: white;}
.topbar .nav-pills  { position: relative;  margin: 0;  padding: 0; }

@media all and (orientation:portrait) { 
	#footer-copyright p{font-size: 0.7em; margin: 0;padding: 10px 0 10px 0; color: #a9afb5;letter-spacing: 0; text-align: center;}
}

.fa-bed, .fa-check, .fa-id-card-o{
	color: #ff7e00;
	font-size: 1.4em;
	padding-right: 6px;
}

#content #fahrzeuge ul {
	list-style: none;	
}

#content #fahrzeuge ul li:before { /*  */
	display: inline-block;
	font-family: FontAwesome;
	content: "\f00c";
	padding-right: 6px;
	color: green;
	vertical-align: middle;
}

/* --------------------------------------------------------------------------*/ 

/* Optik & Größe Karten Google Maps  ----------------------------------------*/
.map, #map {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	height: 280px;
	background: rgba(0,0,0, 0.4);
	border-radius: 6px;
	overflow: hidden;
}

#google-map {
	width:100%;
	height:100%;
	z-index: 0;
}
	
.gm-style-iw * {
	display: block;
	width: 100%;
}

.gm-style-iw h4, .gm-style-iw p {
	margin: 0;
	padding: 0;
}

.gm-style-iw a {
	color: #4272db;
}

#google-map-wrap {   
	position: relative;   
	 width:100%;
     height:450px;
	 border-radius: 6px;
	 overflow: hidden;
}

#google-map-wrap .google-maps-adresse {
	position: absolute;   
    top: 10%;
    right: 55px;
	padding: 20px 35px 20px 25px;
	background: rgba(255, 255, 255, 0.9);
	height: auto;
	width: auto;
	z-index: 1;
	border-radius: 6px;
	box-shadow: 0 3px 11px 5px rgba(0, 0, 0, 0.1);
}

.google-maps-adresse h4{
	margin-bottom: 15px;
}
.google-maps-adresse .fa-map-marker{font-size: 1.2em;}
.google-maps-adresse p{
	padding-left: 15px;
	font-size: 1.1em;
}

.google-maps-adresse .fa{
    padding-right: 10px;
}

/* Hintergründe Artikel  -------------------------------------------------------------*/
.artikel-hg.col-sm-6.hoch {
    min-height: auto;
}

.artikel-hg, .news-teaser-right-hg, .news-hg {
	margin-bottom: 10px;
	padding: 15px 30px 10px 30px;
	border-radius: 20px 2px 20px 2px;
    background-color: rgba(204,204,204,0.4); /* #ccc */
    border: 1px solid rgba(0,0,0,0.01);
    b/ox-shadow: 0px 1px 5px rgba(0,0,0,0.2);
	backdrop-filter: blur(2px);
}

.artikel-hg-blue {
    padding: 20px 30px 10px 30px;
	border-radius: 20px 2px 20px 2px;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(0, 114, 187, 0.2);
}

.artikel-hg-red {
    color: white;
    padding: 14px 30px 0 30px;
	border-radius: 20px 2px 20px 2px;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(139, 0, 0, 0.4);
}

.artikel-rahmen ol, .artikel-hg ol{
	margin-left: 5%;
    font-size: 1.2em;
}

.artikel{
	padding: 10px 0 0 0;

}

.artikel-rahmen{
	margin-bottom: 10px;
	padding: 10px 15px 0 15px;
	border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.1);
}



@media only screen and (min-width:1023px) {
	#strasse01 {
		position: absolute;
		bottom: 0;
		right  : 5px;
		height : 100px;
		width  : 220px;
		background: url(../images/page/strasse01.png);
		background-size: 100%, 100%;
		background-size: cover !important;
		background-position: top left !important;
		background-repeat: no-repeat !important;
		opacity: 0.5;
		transition: .45s all; 
	}

	#strasse01-01 {
		position: absolute;
		bottom: 0;
		left  : -23px;
		height : 100px;
		width  : 250px;
		background: url(../images/page/strasse01-01.png);
		background-size: 100%, 100%;
		background-size: cover !important;
		background-position: top left !important;
		background-repeat: no-repeat !important;
		opacity: 0.5;
		transition: .45s all; 
	}
	#strasse02 {
		position: absolute;
		bottom: 0;
		right  : 1px;
		height : 120px;
		width  : 300px;
		background: url(../images/page/strasse02.png);
		background-size: 100%, 100%;
		background-size: cover !important;
		background-position: top left !important;
		background-repeat: no-repeat !important;
		opacity: 0.5;
		transition: .45s all; 
	}
	#strasse02-02 {
		position: absolute;
		bottom: 9px;
		right  : 10px;
		height : 120px;
		width  : 300px;
		background: url(../images/page/strasse02.png);
		background-size: 100%, 100%;
		background-size: cover !important;
		background-position: top left !important;
		background-repeat: no-repeat !important;
		opacity: 0.5;
		transition: .45s all; 
	}

	#kilroy {
		position: absolute;
		bottom: -19px;
		left  : 21px;
		height : 70px;
		width  : 84px;
		background: url(../images/page/kilroy.png);
		background-size: 100%, 100%;
		background-size: cover !important;
		background-position: top left !important;
		background-repeat: no-repeat !important;
		opacity: 0.7;
		transition: .45s all; 
	}
}
@media only screen and (min-width:1025px) {
	#camper {
		position: absolute;
		bottom: 40px;
		right  : 5px;
		height : 130px;
		width  : 170px;
		  background: url(../images/page/camper-sitzen.png);
		background-size: 100%, 100%;
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		opacity: 1.7;
		transition: .45s all; 
		z-index: 3;
	}
}

#bg-02 {
	min-height: 380px;
    color: white;
    margin-left: -15px;
    margin-right: -15px;
    padding: 50px 5px 50px 15px; 
    background: fixed;
	background-color: black;
    background-image: url(../images/page/bg_secheck-transparent.png);
	background-size: 120%, 120%;
    background-size: cover !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed;
}

/* -------------------------------------------------------------------------- */

#artikel-rund {
  	margin: 0 auto 10px auto;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.29);
}

.artikel-rund p{
    padding-top: 25px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-weight: 600;
    text-shadow: 1px 1px 11px  rgba(0,0,0,1.0);
    line-height: 1.2em;
    text-transform: uppercase;
    font-size: 110%;
	z-index: 1;
}

.artikel-rund {
    aspect-ratio: 1 / 1;
    position: relative; 
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	
    b/order-radius: 50%; 
	border-radius:  0% 20% 0% 20%; 
    background-color:  rgba(0, 128, 0, 0.7);
    z-index: 1;
}

.artikel-rund:hover {
    background-color:  rgba(0, 0, 0, 0.8);
	border-radius: 20% 0% 20% 0%; 
}

.camper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%; 
    background-image: url('../images/buttons/camper.png'); 
    background-size: 70%; 
    background-position:  center center;
    background-repeat: no-repeat;
    z-index: -1; 
    opacity:  0.3;
}

.calender:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%; 
    background-image: url('../images/buttons/calender.png'); 
    background-size: 80%; 
    background-position:  center  center;
    background-repeat: no-repeat;
    z-index: -1; 
    opacity:  0.3;
}

.karte:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%; 
    background-image: url('../images/buttons/karte.png'); 
    background-size: 80%; 
    background-position:  center  center;
    background-repeat: no-repeat;
    z-index: -1; 
    opacity:  0.3;
}

@media screen and (min-width: 991px){
	.artikel-rund.col-sm-3 {
		max-width: 18.0%;
	}  
}  

.news {
 background-color: rgba(0, 114, 187, 0.1);
}

.artikel-rahmen-min-height{
	m/in-height: 170px;
}

.artikel-shadow{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.artikel-inset{
	margin-bottom: 10px;
	padding: 10px 15px 10px 15px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.2);
}

.content-container .artikel-rahmen{
	margin-bottom: 10px;
	padding: 10px 15px 10px 15px;
	border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.2);
}

blockquote {
        border-left: 4px solid rgba(15, 89, 229, 0.86);
        display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 25%;
        margin-inline-end: 2%;
    }

blockquote p{
    font-size: 1.0em;
}
@media screen and (max-width: 990px){

    blockquote {
            border-left: 4px solid rgba(15, 89, 229, 0.86);
            display: inline-block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0.4%;
            margin-inline-end: 0.4%;
        }
    
        blockquote p{
        font-size: 0.80em;
        }
}

.test  p{
	font-size: 1.2em;
	display: grid;
	justify-content: center;
	align-items: center;
	width: 60%;
	border-left: 4px solid rgba(15, 89, 229, 0.86);
	padding: 10px;
}

.news-teaser-right {
	background: rgba(0, 114, 187, 0.1);
}
/* -- Social Icons -------------------------------------------------------------------------------- */
.icons{
    float:left;
	margin-top: 10px;
	margin-right: 20px;
	}
	
.icon{
	display:inline-block;
	text-align:center;
	padding-left: 3px;
	}
	
.icon-link{
	display:block;
	text-align:center;
	width:40px;height:40px;
	}
	
.icon-link .icon-wrapper{
	display:block;
	height:100%;
	overflow:hidden;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	border:2px solid;
	will-change:transform;
	}

.icon-link .icon-wrapper .icon{
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	font-size:1.2em;
	line-height:40px;
	transition:.3s ease-out all;
	}

.iphone .icon-link .icon-wrapper,.ios .icon-link .icon-wrapper,.android .icon-link .icon-wrapper,.mobile .icon-link .icon-wrapper,.tablet .icon-link .icon-wrapper{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.iphone .icon-link .icon-wrapper .icon,.ios .icon-link .icon-wrapper .icon,.android .icon-link .icon-wrapper .icon,.mobile .icon-link .icon-wrapper .icon,.tablet .icon-link .icon-wrapper .icon{-webkit-transform:rotate(0deg);transform:rotate(0deg);}

.icon-link-default .icon-wrapper{
	border-color:#fff;
	background:rgba(8,8,8,0.6);
	}

.icon-link-default .icon-wrapper .icon 			{color:#fff;}
.icon-link-default:hover .icon-wrapper			{border-color:#9c76b1;background:rgba(8,8,8,0.9);}
.icon-link-default:hover .icon-wrapper .icon	{color:#9c76b1;}

/* -- Ende Social Icons --------------------------------------------------------------------------- */
/*- Fehler 404 ---wird bei mehrsprachig nicht mehr benötigt --------------------------------------- */
.fehler-404 {
    width: 80%;
    margin: 11% auto;
    font-size: 1.2em;
    height: auto;
	min-height: 460px;
    background-image: url(../images/page/Fehler-404-03.png);
    background-position: 50% 100%;
	background-color: rgba(255, 255, 255,0.6);
    padding: 50px 50px 50px 50px;
}

.fehler-404 .image-text {
    height: 100%;
    padding: 30px;
    background: rgba(255, 255, 255,0.8);
    border: 4px solid red;
    border-radius: 6px;
}

.fehler-404 .image-text h3{ 
	font-size: 1.8em;
	color: red;
}
/*- ENDE Fehler 404 ------------------------------------------------------------------------------- */
/* Bootstrap Custom Einstellungen  -----------------------------------------------------------------*/
.jumbotron {
	position: relative;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(204,204,204,0.3); /* #ccc */
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 1.3em;
    font-weight: 200;
}

.jumbotron .blue{
    background: rgba(0, 114, 187, 0.78);
    color: white;
    border-radius: 6px;
    font-size: 0.9em;
}

#content .jumbotron  ul {
    font-size: 1.2em;
    list-style: square;
    padding-left: 30px;
    padding-right: 10px;
    margin-left: 5%;
    margin-right: 5%;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .container .jumbotron,.container-fluid .jumbotron {
        padding-right: 14%;
        padding-left: 14%;
		border-radius: 2px 40px 2px 40px ;
		backdrop-filter: blur(2px);
    }

    .jumbotron h1,.jumbotron .h1 {
        font-size: 200%;
		font-weight: bold;
   		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
    }
}
@media all and (orientation:portrait) { 
    .jumbotron h1,.jumbotron .h1 {
        font-size: 130%;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
    }
    .jumbotron p {
        font-size: 1.15em;
    }
}

#content .jumbotron > h1{
	color:#1b6a9e;	
}

/* Bootstrap Panel ---------------------------------------------------------------------------------*/
.panel-hg { /* Accordion Content */
	background: rgba(0,0,0,0.5);
}

.panel { /* Accordion Content */
	background: transparent;
	border-color: rgba(0,0,0,0.0);
    margin-bottom: 5px;
}

.panel-default>.panel-heading { /* Accordion Button */
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    border-color: transparent;
}

.panel-title{
    margin: 0;
    padding: 0;
    font-size: 14px;
    color:   white;
}

h3.panel-title {
	margin: 0;
    padding: 0;
}

.panel-heading {
	height: 100%;
    margin: 0;
    border-radius: 6px;
}

.panel-default>.panel-heading a:hover {
    color:   #CCC;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
 	margin-left: 10px;
	margin-right: 10px;
   	border-radius: 6px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border: 1px solid rgba(0,0,0,0.5);
}
/* Ende Bootstrap Panel -----------------------------------------------------------------------------------------------*/
/*- BS - Cards -Version 01 --------------------------------------------------------------------------------------------*/
/* Breite wird durch col- bestimmt! */

.card {
	position: relative;
	float: left;
	width: 100%;
    height: auto;
    padding: 0;
	background: rgba(255,255,255,0.5);
}

.card-text {
	padding: 10px 10px 0px 10px;
}

.card .card-img-top {
    width: 100%;
    height: 100%;
}

.card-01-content {
    height: 100%;
    padding: 0;
	background: white;
	border: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.card-01-img {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	z-index: 1;
    padding: 0;
    margin: 0;
}

.card-01-img img {
	width: 100%;
	height: auto;
	display: block;
}

#content .card-01-img span  h3 { /* Bildunterzeile ImageSpacial */
	position: absolute;
    top: 15px;
    left: 15px;
    background: hsl(208,56%,11%, 0.3);

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    
    font-size: 12px;
    margin:0;
    padding:15px 20px;
    line-height: 0;
    color: white;
}

.card-01-desc {
	padding: 1.25rem;
}

.card-01-desc p {
    text-align: justify;
	color: #747373;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5;
	margin: 0;
	margin-bottom: 40px;
	padding: 0;
	font-family: 'Raleway', sans-serif;
}

.card-01-content .btn-card-01{
    position: absolute;
    bottom: 15px;
    right: 15px;
	background-color: hsl(135,8%,72%,0.8);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: .60rem 2.0rem;
    font-size: 0.80em;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: 0;
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: 3px;
    cursor: pointer;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
}

.btn-card-01:hover {background: grey;}
a.btn-card-01 {
    text-decoration: none;
    color: black;
}

/* BS-Cards Version 02 --------------------------------------------------------------------------------- */
.card02 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    
    width: auto;
    height: 100%;
    padding-left: auto;
    padding-right: auto;
    min-height: 400px;
    margin-top: 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: .25s box-shadow;
    transition: .25s box-shadow;  
}

.card-img-top {
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px);
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-title {
    margin-bottom: .75rem;
}
.card02-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.card02-footer {
    padding: .75rem 1.25rem;
    background-color: #f7f7f9;
    border-top: 1px solid rgba(0,0,0,.125);
}
.text-muted {
    color: #636c72!important;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}

/*
<div class="col-xs-12 col-md-6 col-lg-3">
    <div class="card02">
        <img class="card-img-top" src="http://placehold.it/250x150" alt="Card image cap">
        <div class="card-block">
            <h4 class="card-title">Card title.</h4>
            <p class="card-text">
            T   his is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer..
            </p>
        </div>
        <div class="card-footer">
            <small class="text-muted">Last updated 3 mins ago</small>
        </div>
    </div>
</div>
*/
/* BS-Cards Version 03 --------------------------------------------------------------------------------- */
.card-03 {

    height: 100%;
    display: block; 
    margin-bottom: 10px;
    line-height: 1.42857143;
    background-color: #fff;

    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
    transition: box-shadow .25s; 

}
.card-03:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.img-card-03 {
  width: 100%;
  height:auto;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  display:block;
  overflow: hidden;

}
.img-card-03 img{
  width: 100%;
  height:auto;
  object-fit:cover; 
  transition: all .25s ease;
} 
.card-03-content {
 float: left;
  padding:15px  15px 45px 15px;
  text-align: justify;
  height: 300px;

  border-right:  1px solid rgba(0,0,0,.125);
  border-left:  1px solid rgba(0,0,0,.125);
  margin-left: -1px;
  margin-right: -1px;
  overflow: hidden;
}


.card-03-title {
  margin-top: 0;
  font-weight: 700;
  font-size: 1.35em;
}
.card-03-title a {
  color: #000;
  text-decoration: none !important;
}
.card-03-read-more {
    float: left;
    width: 100%;
    min-height: 43px;
    border-top: 1px solid #D4D4D4;
}
.card-03-read-more a {
    background: white;
  text-decoration: none !important;
  padding:10px;
  font-weight:600;
}

/*
<div class="col-xs-12 col-sm-12 col-md-4">
    <div class="card-03">
        <a class="img-card-03" href="{URL}"[URL_TARGET] target="{URL_TARGET}"[/URL_TARGET]>
            <img src="{THUMB_REL}" class="image-thumb" alt="@@Bild@@: [CAPTION]{CAPTION} [ALT]({ALT})[/ALT][/CAPTION] " title="{CAPTION}">
        </a>
        <div class="card-03-content">
            <h4 class="card-03-title"><a href="{URL}"[URL_TARGET] target="{URL_TARGET}"[/URL_TARGET]>[CAPTION]<span><h3>{CAPTION}</h3></span>[/CAPTION]</a></h4>
            <p class="">[INFOTEXT]{INFOTEXT}[/INFOTEXT]</p>
        </div>
        <div class="card-03-read-more">
            [URL]<a class="btn btn-link btn-block" href="{URL}"[URL_TARGET] target="{URL_TARGET}"[/URL_TARGET]>@@mehr lesen@@</a>[/URL]
        </div>
    </div>
</div>
*/
/* ------------------------------------------------------------------------------------------------------------ */

/* Ende Bootstrap Custom Einstellungen  ------------------------------------------------------------*/
/* BS -Slider ------------------------------------------------------------*/
.iframe-video {
	padding: 0;
	margin: 0;
	border: 1px solid rgba(0,0,0,0.2);
}
.iframe-box2 {
	aspect-ratio: 16/9.69;
    padding: 0;
    max-width: 100%;
	background: #2b2b2b;
    }

.iframe-box {
    margin-top: 5px;
    w/idth: 437px;
    max-width: 99%;
    h/eight: 183px; 
    }

@media screen and (max-width: 768px) {
    .zwei-spalten.images .imageEntry{
		    width: 48.0%;
    }
}

@media screen and (min-width: 768px) {
    .iframe-box {
        margin-top: 89px;
        height: 183px; 
    }
}

@media screen and (min-width: 1025px) {
    .iframe-box {
        margin-top: 89px;
        h/eight: 257px; 
        }
	.iframe-box2 {
		h/eight: 257px; 
	}
}

#content .carousel-caption h3 {
  color: white;
}

/* Test Klassen  -----------------------------------------------------------------------------------*/

	
.btn-julis {
	c/olor: rgba(0, 114, 187, 0.78);
	color: white;
    border: 1px solid rgba(18, 50, 86, 0.0);
    padding: 8px 22px;
    font-size: 1.0em;
    line-height: 1.42857143;
    border-radius: 0;
	border-radius: 20px 0 20px 0;
    margin: 10px;
    transition: all ease-in-out .3s   ;
	background-color: rgba(0, 114, 187, 0.5);
}

.btn-julis:hover {
    text-decoration: none;
	color: rgba(0, 114, 187, 1.0);
	color: white;
    background-color: rgba(0, 128, 0, 0.7);	
	border-radius: 0 20px 0 20px ;
}

.btn-julis-anfrage {
    color: #c3c3c3;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 6px 20px;
    font-size: 1.0em;
    line-height: 1.42857143;
    border-radius: 0;
    margin-top: 10px;
}

.btn-julis-anfrage:hover {
    text-decoration: none;
    color: rgba(0, 114, 187, 1.0);
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid black;
	color: black;
}
@media only screen and (max-width:1024px) {
	#content #fahrzeuge ul li{  
		font-size: 0.70em
	}	
	.btn-julis {
		font-size: 0.80em
	}
}
/* -tip ---------------------------------------------------------------------------------- */
.tooltip-inner {
  max-width: 200px;
  padding: 5px 8px 3px 8px;
  color: white;
  text-align: center;
  background-color: #777777;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.tooltip.top .tooltip-arrow {
  border-top-color: #8a8a8a;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #8a8a8a;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #8a8a8a;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #8a8a8a;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #8a8a8a;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #8a8a8a;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #8a8a8a;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #8a8a8a;
}

/* ---------------Mobilgeräte Schriftgrößen - */
@media only screen and (max-width:1024px) {
	#content #fahrzeuge ul li{  
		font-size: 0.70em
	}	
	.btn-julis {
		font-size: 0.80em
	}
}
@media only screen and (max-width:767px) {
	 #content ul li{  
		font-size: 1.2rem;
	}	
	.artikel-rund p{
      font-size: 1.2rem;
	}

	#content h1{
      font-size: 1.6rem;
	}
	#content h2{
      font-size: 1.4rem;
	}	
	#content h3{
      font-size: 1.3rem;
	}
	#content h4{
      font-size: 1.2rem;
	}
	#content p{
      font-size: 1.1rem;
	}
}



.aos_flip-delay:nth-child(2) {
  transition-delay: 0ms;
}
.aos_flip-delay:nth-child(3) {
  transition-delay: 100ms;
}
.aos_flip-delay:nth-child(4) {
  transition-delay: 200ms;
}
.aos_flip-delay:nth-child(5) {
  transition-delay: 300ms;
}
.aos_flip-delay:nth-child(6) {
  transition-delay: 400ms;
}



/*

.test-shadow{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}
.test-shadow:before,
.test-shadow:after{content:'';display:block;position:absolute;width:100%;height:200px;left:0;box-shadow:0 0 70px rgba(51,51,51,0.6);z-index:-1}
.test-shadow:before{top:0;transform:perspective(200px) rotate3d(1, 0, 0, -3deg) scale(0.97)}
.test-shadow:after{bottom:0;transform:perspective(200px) rotate3d(1, 0, 0, 3deg) scale(0.97)}

.text-image {
	font-size: 8em; 
    font-family: "Arial Black";
    line-height: 200%;
    text-align: center;
    background-image: url(../images/page/blume.jpg);
    background-size: 100%;
	background-attachment:fixed;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px black;
}