@import url("../fonts.css");

*{
    margin: 0px;
    padding: 0px;
    border: 0px none;
}
body, h1, h2, h3, h4, h5, h6, h3 a,
.h1, .h2, .h3, .h4, .h5, .h6{
	font-family: "Graphik Web";
	color: #282828;
}
body{
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
}
body, .htmlarea-content-body{
	line-height: 1em;
	color: #282828;
}
h1, h1 span{
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
}
h1 span{
	color: #828282;
}
h2{
	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
}
iframe{
	width: 100%;
/*	padding-right: 15px;*/
}
.backendlayout-pagets__default_4_columns .frame:first-child{
}
.backendlayout-pagets__default .frame{
	display: table-row;
}
.backendlayout-2_columns_50_50 .maincontent-wrap{
	width: calc( 100% );
	height: 43px;
}
.backendlayout-2_columns_50_50 .maincontent-wrap>a,
.backendlayout-2_columns_50_50 .maincontent-wrap header>*{
	padding-left: 10px;
}
.maincontent-wrap .frame-type-header header{
	height: 43px;
}
.Eco{
/*	padding-left: 10px;*/
	position: relative;
	top: 30px;
/*	display: none;*/
}
.backendlayout-2_columns_50_50 h2,
.backendlayout-pagets__default h1{
	padding: 10px 0px 0px 10px;
	float: left;
	width: 50%;
	display: block;
}
.backendlayout-2_columns_50_50 h2{
	width: 100%;
	margin-bottom: 10px;
}
.backendlayout-default .section-default h3{
}
.backendlayout-default .section-default h3{
	font-size: 14px;
	padding-left: 10px;
}

.backendlayout-2_columns_50_50 .subcontent-wrap h2{
/*	font-size: 14px; */
}
.backendlayout-default h2{
	padding: 10px 0px 0px 10px;
}
.backendlayout-2_columns_50_50 h3{
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}

.backendlayout-pagets__default .image {
	margin-left: 0px;
}
.backendlayout-pagets__default .image img{
	height: auto;
}
.backendlayout-pagets__default .col-md-12{
/*	height: 250px !important;*/
	height: auto !important;
	overflow: hidden;
	margin-bottom: 13px;
}

.frame-container{
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	max-width: 100%;
}

.rulerbefore{
	background-image: url(../img/border.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-top: 10px;
}
.frame-ruler-before h2,
.backendlayout-pagets__default .rulerbefore h1{
	padding: 0px 0px 0px 10px;
	font-size: 14px;
	line-height: 20px;
}
.frame-ruler-before::before {
    content: '';
    display: block;
    border-top: 1px solid rgba(0,0,0,0.25);
    margin-top: 10px;
    margin-bottom: 30px;
}
.page-49 .frame-ruler-before::before {
    content: ' ';
    display: block;
    border-top: 1px solid rgba(0,0,0,0.25);
    margin-top: 10px;
    margin-bottom: 30px;
		padding-top: 30px;
}
.frame-ruler-before header{
	float: left;
	width: 50%;
}

.frame-ruler-before p{
	width: 50%;
	margin-left: 50%;
}

.frame-ruler-after::after {
    content: none;
}
.page-49 .frame-ruler-after::after {
    content: " ";
		margin-top: 65px;
		margin-bottom: 15px;
		border-bottom: none;
}

.frame-type-menu_pages{
	padding-top: 0px;
}
.frame-type-menu_pages ul:last-child{
	list-style: none;
	margin-left: 10px;
	margin-bottom: 20px;
}
.frame-type-menu_pages ul a span{
	color: inherit;
}
.backendlayout-default .frame-type-text *{
/*
	width: 50%;
	margin-left: 50%;
*/
}
.backendlayout-default .frame-type-text header,
.backendlayout-default .frame-type-text header *{
	float: left;
	margin-left: 0px;
}
.backendlayout-default .frame-type-text>*:nth-child(2){
	margin-top: 34px;
}

.backendlayout-default .frame-type-text>Header:first-child{
	margin-top: 0px;
}
.backendlayout-2_columns_50_50 .maincontent-wrap{
 margin-bottom: 20px;
}
.backendlayout-2_columns_50_50 .subcontent-wrap{
/*	margin-top: -34px;*/
	margin-top: -53px;
	display: block;
	margin-left: 38px;
	width: calc( 100% );
}

.page-49.backendlayout-2_columns_50_50 .subcontent-wrap{
	margin-top: 0px;
	margin-left: 0px;
}

#p49.backendlayout-2_columns_50_50 .subcontent-wrap{
/*	margin-top: -20px;*/
}

.page-49 .subcontent-wrap p:first-child,
.page-49.backendlayout-2_columns_50_50 .subcontent-wrap .frame-inner p:nth-child(2){
	margin-top: -17px !important;
}
.page-49.backendlayout-2_columns_50_50 .subcontent-wrap .frame-inner{
	padding-left: 10px;
}
.page-49.backendlayout-2_columns_50_50 .subcontent-wrap .frame-inner > h2{
	margin-top: 50px;
	width: 50%; 
	float: left;
	font-size: 14px;
	padding-left: 10px;
	display: contents;
}



.backendlayout-2_columns_50_50 .subcontent-wrap p,
.backendlayout-2_columns_50_50 .subcontent-wrap ul,
.backendlayout-2_columns_50_50 .subcontent-wrap ol,
.backendlayout-pagets__default p{
	padding: 10px 10px 0px 10px;
	left: 50%;
	width: 50%;
	display: block;
	position: relative;
}
.backendlayout-2_columns_50_50 .subcontent-wrap .card{
	left: 50%;
	width: 50%;
}
.backendlayout-2_columns_50_50 .subcontent-wrap .card-body ul,
.backendlayout-2_columns_50_50 .subcontent-wrap .card-body p{
	left: 0px;
	width: 100%;
}
.backendlayout-2_columns_50_50 .subcontent-wrap .card-body ul{
	padding-top: 6px;
}
.backendlayout-2_columns_50_50 .subcontent-wrap p,
.backendlayout-2_columns_50_50 .subcontent-wrap ul,
.backendlayout-pagets__default p{
	padding: 0px 0px 0px 0px;
}
.backendlayout-2_columns_50_50 .maincontent-wrap .frame-default header{
	display: inline-block;
}
.backendlayout-default_4_columns .page-content .col-md-3{
	padding-left: 10px;
}
.backendlayout-default_4_columns .page-content .col-md-3:first-child{
	padding-left: 0px;
}
.backendlayout-pagets__default .rulerbefore p:first-child{
}
.backendlayout-2_columns_50_50 p:empty{
	display: none;
}
ol, ul, dl{
	margin-left: 15px;
	line-height: 20px;
	margin-bottom: 0px;
}
li{
	margin-bottom: 6px;
}
p.hint, h2 span, #pid8 .csc-textpic-text p, #pid8 #oslides p {
	color: #828282;
}
a{
	color: #ff0033;
}
.section-light a:not(.btn) {
	color: #ff0033;
}
.footer-section ol, .footer-section ul, .footer-section dl{
	margin-left: 0px;
}

.footer-section-content a:not(.btn) {
  color: #000000;
	padding-left: 0px;
}
.footer-section-content a:not(.btn):hover {
    color: #ff0033;
}
.image{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px none;
}
.image img{
/*	width: 100%;*/
}
.frame{
	margin: 10px 0px 0px 0px;
}
.frame-ruler-before {
    border-top: none;
/*    margin-top: 2rem; */
    margin-top: 0px;
		padding-right: 0px;
}
.row{
	margin: 6px 0px 6px 0px;
}
figure img, figure picture {
	width: 100%;
	max-width: 904px;
/*
	margin-left: 15px;
*/
}

.main-section{
	min-height: 200px;
	padding-bottom: 20px;
	margin: 25px auto 20px auto;
	padding-left: 0px;
	width: 903px;
	max-width: 903px
/*	margin-top: 135px;*/
}
.footer-section{
/*	background-image: url(../img/border.gif);*/
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-left: -15px;
	padding-left: 15px;
	padding-bottom: 0px;
}
.container{
	width: 903px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto; 
	margin-right: auto;
/*	margin-right: 0px 10px 0px 0px ;*/
}
.main-section .row:last-child{
	padding-bottom: 20px;
}
.navbar.navbar-top{
	margin-bottom: 11px;
}
.navbar-default{
	border-color: #FFFFFF;
}
.navbar-header {
	width: 100%;
  float: left;
}

.navbar-header-main .navbar-brand{
	line-height: 90px;
	min-height: 110px;
	height: 110px;
}
.navbar-collapse{
	padding-left: 0px;
	padding-right: 0px;
}
.navbar-brand{
	min-height: 110px;
	float: none;
	margin-right: 50px;
}




.navbar-mainnavigation .navbar-collapse {
/*    display: block;*/
    flex-basis: auto;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 15px;
    display: block;
    width: 100%;
		text-align: center;
}

.navbar-mainnavigation > .container, .navbar-mainnavigation > .container-fluid {
    flex-wrap: wrap;
}

.navbar-mainnavigation > .container > .collapse > .navbar-nav:last-child{
	margin-left: 0px;
}
.navbar-mainnavigation{
	box-shadow: none;
}
.navbar-mainnavigation .navbar-brand-image > .navbar-brand-logo-normal {
    display: inline-block;
    align-content: center;
}

.navbar-nav > li{
	width: 214px;
	background-image: url(../img/border.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-right: 16px;
	padding: 0px;
}
.navbar-nav > li > a{
	font-family: "Graphik Web";
	font-weight: normal;
	text-transform: none;	
	line-height: 24px;
	padding: 0px 0px 7px 10px;
	color: blue;
}
.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
	background: none;
}

.navbar-mainnavigation .navbar-brand {
    height: 90px;
    min-height: 70px;
}
.navbar-mainnavigation .navbar-brand-image {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
}


.navbar-light .navbar-nav .show > .nav-link, 
.navbar-default .navbar-nav .show > .nav-link, 
.navbar-default-transition .navbar-nav .show > .nav-link, 
.navbar-default-transition.navbar-transition .navbar-nav .show > .nav-link, 
.navbar-light .navbar-nav .active > .nav-link, 
.navbar-default .navbar-nav .active > .nav-link, 
.navbar-default-transition .navbar-nav .active > .nav-link, 
.navbar-default-transition.navbar-transition .navbar-nav .active > .nav-link, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-default .navbar-nav .nav-link.show, 
.navbar-default-transition .navbar-nav .nav-link.show, 
.navbar-default-transition.navbar-transition .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-default .navbar-nav .nav-link.active, 
.navbar-default-transition .navbar-nav .nav-link.active, 
.navbar-default-transition.navbar-transition .navbar-nav .nav-link.active {
/*    color: rgba(0, 0, 0, 0.9);*/
    color: rgba(0, 0, 233, 0.9);
}


.frame {
    margin: 0px 0px 15px 0px;
}

.body-bg>.frame {
    margin: 0px 0px 15px 0px;
	width: 100% !important;
	max-width: 100% !important;
}

.frame {
    position: relative;
    padding-top: 1em;
	display: table;
/*	margin-left: auto;
	margin-right: auto;
	*/
    padding-bottom: 0em;
}
.section .frame {
    position: relative;
    padding-top: 0em;
    padding-bottom: 0em;
/*		display: inline-block;*/
}
.___section .frame:first-child {
    position: relative;
    padding-top: 1em;
    padding-bottom: 3em;
}

.section .frame-type-image{
	margin-left: -16px;
	padding-bottom: 0px;
}

.section .frame-type-header{
	width:100%;
}
.section .frame-type-html{
	padding: 1em 0px 1em 0px;
	margin: 10px;
}

.navbar-main{
	float: none;
}
.navbar-nav > li > .dropdown-menu{
	margin-top: -3px;
	background-image: #ffffff;
	width: 100%;
	border: none;
	padding: 3px 0px 8px 0px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.navbar-mainnavigation .dropdown-item {
    padding-left: 10px;
}
.dropdown-menu li,
.navbar-nav li {
	margin-bottom: 0px;
	padding: 0px 0px 8px 0px;
	float: none;
}
.dropdown-menu li{
	padding: 0px 0px 0px 0px;
}
.dropdown-menu > li > a,
.navbar-nav  > li > a{
	display: block;
	color: #282828;
	line-height: 17px;
	padding: 4px 0px 4px 10px;
	font-size: 14px;
}
.dropdown-menu > li > a:hover, .dropdown-menu  > li > a:focus,
.navbar-nav > li > a:hover, .navbar-nav  > li > a:focus{
	color: #ff0033;
	background-color: #ffffff;
}
.dropdown-menu > li > a.active span, .dropdown-menu > li > a:hover span, .dropdown-menu > li > a.active:focus span,
.navbar-nav  > .active > a, .navbar-nav  > .active > a:hover, .navbar-nav  > .active > a:focus {
  color: #ff0033;
    text-decoration: none;
    outline: 0;
    background-color: #ffffff;
}

.dropdown-item.active, .dropdown-item:active{
	color: #ff0033;
 	background-color: #ffffff;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px;
}
.navbar-mainnavigation > .navbar-nav .nav-link, .navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link, .navbar-mainnavigation > .container-fluid > .collapse > .navbar-nav .nav-link {
    padding-right: 0px;
    padding-left: 10px;
}
.footer-section{
	padding-top: 0px;
}
.footer-section .frame {
	display: unset;
}
.footer-section, .footer-section a{
	background-color: #FFFFFF;
	color: inherit;
	border: none;
}

.image-cont .csc-textpic-imagewrap {
	margin-bottom: 0px;
	overflow: hidden;
	position: relative;
}
.text-cont .csc-header, .text-cont .csc-text-text {
	float: left;
	width: 434px;
	padding-left: 10px;
	margin-right: 16px;
}
p {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 0.5em;
	margin: 0px;
}
.footer-section .section-row{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.footer-section .section-column{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 0px;
}
.footer-section .section-column:first-child{
	padding-left: 0px;
	margin-right: 10px
}

.footer-section p {
/*	font-size: 12px;*/
}
.backendlayout-default .footer-section ul,
.backendlayout-2_columns_50_50 .footer-section ul{
	width: 100%;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-left: 0px;
}
.footer-section ul li{
	width: 50%;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	display: block;
}
.backendlayout-default .footer-section ul li,
.backendlayout-2_columns_50_50 .footer-section ul li{
	width: 50%;
	float: left;
	margin-left: 0px;
	padding-left: 10px;
}

.backendlayout-default .footer-section ul li a,
.backendlayout-2_columns_50_50 .footer-section ul li a{
	line-height: 17px;
	margin-left: 0px;
	padding-left: 0px;
}
.footer-section-content-column-middle{
    width: calc(100% / 4);
}
.footer-section-content-column-right {
    width: calc( ( 100% / 4) - 18px );
}
.footer-section-content-column-left{
    width: calc(100% / 2);
}

.backendlayout-2_columns_50_50 footer p{
	left: 0px;
	top: -12px;
	width: 100%;
}

.backendlayout-default .page-footer .frame-type-text * {
    width: 100%;
    margin-left: 0px;
}
.backendlayout-special_start .footer-section .footer-language .language-menu,
.backendlayout-default .footer-section .footer-language .language-menu,
.backendlayout-2_columns_50_50 .footer-section .footer-language .language-menu {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}
.footer-language .language-menu li a span{
	color: #8c8c8c;
}
.footer-language .language-menu li.active a span{
	font-weight: normal;
	color: black;
}
.image-center .image img{
	width: 904px;
	height: auto;
}

	.flexslider{
		border: none;
	}

.container .carousel {
    margin-bottom: 60px;
    width: 904px;
    margin-left: -10px;
}

.carousel-inner{
	height: 334px;	
}
.carousel-indicators, .carousel-control{
	opacity: 1;
	display: block;
	top: 370px;
	background-color: yellow;
}

          
.carousel-indicators{
	left: 50%;
	width: 100%;
	margin-left: -117px;
}
carousel-indicators_ {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 100%;
    margin-left: -90px;
    padding-left: 0;
    list-style: none;
    text-align: center;
}
.carousel-indicators li {
    display: block;
    width: 12px;
    height: 12px;
    margin: 10px 10px 10px 10px;
    text-indent: -999px;
    border: 1px solid #282828;
    border-radius: 10px;
    cursor: pointer;
    background-color: #282828;
    z-index: 6000;
    color: white;
    float: left;
}
.carousel-indicators .active {
    display: block;
    width: 12px;
    height: 12px;
    margin: 10px 10px 10px 10px;
    text-indent: -999px;
    border: 1px solid #999999;
    border-radius: 12px;
    cursor: pointer;
    background-color: #999999;
    z-index: 6000;
    color: white;
    float: left;
}
.carousel-control{
	text-shadow: none;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next{
	margin-top: 2px;
	font-size: 20px;
	font-weight: normal;
}
.ce-gallery .ce-inner{
	margin-left: -15px;
}
.ce-column:last-child {
    margin-right: auto;
    margin-left: auto;
}
.text-muted span{
		color: #ccc !important;
		text-decoration: line-through;
}
.navbar-light .navbar-nav .nav-link span, 
.navbar-default .navbar-nav .nav-link span, 
.navbar-default-transition .navbar-nav .nav-link span, 
.navbar-default-transition.navbar-transition .navbar-nav .nav-link span{
    color: #282828;
}
.navbar-mainnavigation .nav-link-icon, 
.navbar-mainnavigation .nav-link-text {
	font-size: 14px;
	color: #000000;
}
.navbar-default .navbar-nav li.active > a >span{
    color: #000000;
}

/* =========== contact ======== */
@keyframes coucouc {
	0% { right: 5px; top:50%; }
	90% { right: 5px; top:50%; transform: scale(1) rotate(0) }
	94% { right: 30%; top:40%; transform: scale(2) rotate(359deg); }
}

@keyframes coucouc2 {
	0% { transform: rotate(0) scale(1); right:5px; }
	90% { transform: rotate(0) scale(1); right:5px; }
	96% { transform: rotate(359deg) scale(2); right:25px; }
}

@keyframes coucouc3 {
	0% { top:50%; transform: scale(1); right:5px; }
	90% { top:50%; transform: scale(1); right:5px; }
	92% { top:60%; right:20px; }
	94% { transform: scale(2); }
	95% { top:45%; right: 40px; }
	98% { top:60%; right: 20px; }
}

#c644 {
	position:fixed;
	top:50%;
	right:5px;
	cursor:pointer;
	z-index:1005;
	transition: all .5s;
}

#c644.anim1 {
	animation-name: coucouc;
	animation-duration: 30s;
}
#c644.anim2 {
	animation-name: coucouc2;
	animation-duration: 30s;
}
#c644.anim3 {
	animation-name: coucouc3;
	animation-duration: 30s;
}



@keyframes hover_coucouc {
	10% { width: 80px; height: 80px }
}

#c644 img {
	width:60px;
	height:60px;
	background-size:cover;
	transition: all .5s;
}

#c644 picture {
	background:url("/fileadmin/templates/img/kontakt_icon_farbig-02_240.png");
	background-size:cover;
	width:60px;
	height:60px;
	transition: all .5s;
}

#c644 picture:hover {
	width:80px;
	height:80px;
	transition: all .3s;
}


#c644 img:hover {
	width:80px;
	height:80px;
	background:url("/fileadmin/templates/img/kontakt_icon_farbig-02_240.png");
	opacity:0;
	background-size:cover;
	transition: all .3s;
}

#c644 .textpic div.textpic-gallery {
	height: auto;
}
#c644 .textpic-item {
	padding-left: 0;
}




@keyframes fadeIn {
	  0% { opacity: 0; }
	    100% { opacity: 1; }
}

.footer-section-content-column-right div.row:before {
	content: "";
	background-image: url(/fileadmin/templates/img/kontakt_icon_farbig-01_240.png);
	background-size: 50px 50px;
	position:absolute;
	right:-20px;
	top:-20px;
	z-index:1006;
	overflow:visible;
	width:50px;
	height:50px;
	animation: fadeIn 1.5s;
	transition: all 1.5s;
}

.footer-section-content-column-right div.row h2 {
	padding:0px;
	padding-bottom:4px;
	display:inline-block;
	border-bottom: solid black 2px;
	margin-bottom:8px;
}

.footer-section-content-column-right div.row{
	position:fixed;
	top:40%;
	right:10%;
	display:none;
	background-color:#f0f0f0;
	cursor: pointer;
	z-index:1005;
	margin-left:4px;
	max-width:260px;
	box-shadow: 6px 6px #707070A0;
	padding:20px;
	padding-top:28px;
	padding-right:4px;
	margin-right:10px;
	margin-top:10px;
	animation: fadeIn 1s; 
	/*
	border:2px black solid;
	border-radius:8px;
	*/
}

.footer-section-content-column-right div.row a {
	background-color:#f0f0f0;
	color: #ff0033;
}

.footer-section-content-column-right div.row .textpic-gallery {
	height: auto;
}

.footer-section-content-column-right div.row .col-lg-6 {
	min-width:20em;
	float:left;
}

.footer-section-content-column-right div.row ul {
	padding-left:12px;
	margin-bottom:6px;
}

.footer-section-content-column-right div.row ul li {
	float: unset;
	padding-left:0px;
	margin-left:4px;
	margin-bottom:0px;
	display:list-item;
	width:100%;
}


/* =========== contact ======== */

@media (max-width: 768px) {
	.backendlayout-2_columns_50_50 .maincontent-wrap{
		height: auto;
	}
	.page-49 .subcontent-wrap p:first-child,
	.page-49.backendlayout-2_columns_50_50 .subcontent-wrap .frame-inner p:nth-child(2){
		margin-top: 0px !important;
	}
	.backendlayout-2_columns_50_50 .subcontent-wrap p,
	.backendlayout-2_columns_50_50 .subcontent-wrap ul,
	.backendlayout-2_columns_50_50 .subcontent-wrap ol,
	.backendlayout-pagets__default p{
		padding: 10px 10px 0px 10px;
		left: 0px;
		width: 100%;
		display: block;
		position: relative;
	}
	.backendlayout-2_columns_50_50 .subcontent-wrap{
		margin-top: 10px;
		display: block;
		margin-left: 0px;
	}

	.backendlayout-2_columns_50_50 .subcontent-wrap .card{
		left: 0px;
		width: 100%;
	}

	.backendlayout-special_start .footer-section ul, 
	.backendlayout-default .footer-section  ul, 
	.backendlayout-2_columns_50_50 .footer-section  ul {
    width: 100%;
		margin-bottom: 20px;
	}

	.backendlayout-special_start .footer-section .footer-language .language-menu, 
	.backendlayout-default .footer-section .footer-language .language-menu, 
	.backendlayout-2_columns_50_50 .footer-section .footer-language .language-menu {
    width: 80%;
	}
	.backendlayout-special_start .footer-section ul li,
	.backendlayout-default .footer-section ul li,
	.backendlayout-2_columns_50_50 .footer-section ul li{
		width: 50%;
		float: left;
		padding-left: 0px;
	}
	.footer-section .section-column {
		padding-left: 0px;
	}
	.footer-section-content-column-left{
    width: calc(100%);
		margin-bottom: 35px;
	}
	.footer-section-content-column-middle,
	.footer-section-content-column-right {
    width: calc(100%);
		margin-bottom: 10px;
	}
	.footer-section-content a:not(.btn) {
    padding-left: 0px;
	}
	.footer-section .section-column:first-child{
		margin-right: 0px;
	}

}
@media (max-width: 992px) {

@keyframes coucouc {
	0% { right: 5px; top:65px; }
	90% { right: 5px; top:65px; transform: scale(1) rotate(0) }
	94% { right: 30%; top:40%; transform: scale(2) rotate(359deg); }
}

@keyframes coucouc3 {
	0% { top:65px; transform: scale(1); right:5px; }
	90% { top:65px; transform: scale(1); right:5px; }
	92% { top:60%; right:20px; }
	94% { transform: scale(2); }
	95% { top:45%; right: 40px; }
	98% { top:60%; right: 20px; }
}

	#c644 {
		top:65px;
	}
	.footer-section-content-column-right div.row{
		top:70px;
	}
	#c644 img, #c644 picture {
		width:35px;
		height:35px;
	}
	#c644 picture:hover, #c644 img:hover {
	width:55px;
	height:55px;
	}

	header.navbar + div {
	    margin-top:93px !important;
	}
	.sr-only{
		display: none;
	}
	ul.nav li.dropdown ul.dropdown-menu{ 
		display: block; 
		margin-bottom: 10px;
	}
	.nav > li > a{
		font-size: 15px;
	}
	.container {
		width: 100%;
		max-width: 100%;
	}
	header .container{
		margin-left: 0px;
		margin-right: 0px;
	}
	header.navbar{
		width: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		max-height: 100%;
	}
	header.navbar{
		position: fixed;
		width: 100%;
		z-index: 1000;
		margin-left: -10px;
		min-height: 93px;
		top: 0px;
	}	
	.dropdown-menu{
		position: relative;
		display: inline-block;
	}
	.navbar-nav{
		margin-left: 15px;
	}
	.navbar-header-main .navbar-brand img{
		padding-left: 6px;
	}
	.navbar-toggler{
		position: absolute;
		top: 30px;
		left: 10px;
	}
	.collapse.in{
		display: inline-block;
		overflow-x: hidden;
	}
	.navbar-nav > li > .dropdown-menu{
		background-image: none;
	}
	.navbar-default .navbar-nav > li{
		padding-top: 5px;
	}
	.navbar-default .navbar-nav > li > a{
		font-weight: bold;
	}
	.navbar-default .navbar-nav > .active > a{
		color: #282828;
	}
	.navbar-default .navbar-nav > li > a:hover, 
	.navbar-default .navbar-nav > li > a:focus{
		color: #ff0033;
	}
	.navbar > .container, .navbar > .container-fluid{
		align-items: normal;
	}
	.navbar-mainnavigation > .container > .navbar-collapse, 
	.navbar-mainnavigation > .container-fluid > .navbar-collapse{
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.container .carousel{
		height: auto;
		width: 100%;
	}

	.backendlayout-2_columns_50_50 .maincontent-wrap{
		margin-bottom: 10px;
	}

	.backendlayout-pagets__default h1{
		float: none;
		margin-bottom: 30px;
		font-weight: bold;
		display: inline-block;
	}
	.backendlayout-pagets__default p{
		left: auto;
		width: auto;
	}
	img{
		vertical-align: middle;
	}
	.image > img, .image a > img{
		margin: 0px 10px;
	}
	figure img, figure picture {
		width: 100%;
		max-width: 100%;
	}

	.main-section {
		/*
		margin-left: -10px;
		margin-right: 10px;
		*/
		width: 98%;
/*		margin-top: 105px;*/
	}
	iframe{
		margin-right: 0px;
		padding-right: 5px;
	}
	footer{
		padding-right: 20px;
		width: 100%;
	}
	.footer-section{
		background-image: url(../img/border.gif);
	}
	.footer-section .container{
		margin-right: 20px;
		width: 100%;
	}
	.footer-section .col-md-6{
		padding-bottom: 30px;
	}
	.backendlayout-default .footer-section ul li a,
	.backendlayout-2_columns_50_50 .footer-section ul li a{
		padding-left: 0px;
	}

	.gallery-table{
		margin-top: 80px;
	}

	.navbar-mainnavigation .dropdown-menu {
	    margin-left: -10px;
	}
    .carousel .item {
	height:400px !important; /* override some crappy default */
    }

}

@media (min-width: 992px) {
	.container:first-child .row:first-child .frame.default:nth-child(2){
		display: none;
	}

	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left: 15px;
	}
	ul.nav li.dropdown:hover ul.dropdown-menu{ 
		display: block; 
	}
	.navbar-header {
		width: 100%;
		float: none;
		text-align: center;
	}
	.navbar-header-main .navbar-brand img{
		margin-top: -13px;
		margin-left: 15px;
	}
	.navbar-toggler{
		position: absolute;
		margin-left: 10px;
	}
	.carousel-inner {
		height: 334px;
	}
	.carousel-inner > .item {
		height: 100%;
	}
	.carousel-indicators, .carousel-control {
		top: 405px;
	}
	section.backendlayout-pagets__default_4_columns .container .row{
/*		background: url(../img/border.gif) left bottom no-repeat #FFF;*/
	}
	section.backendlayout-pagets__default .footer-section::before{
		background: url(../img/border.gif) left top no-repeat #FFF;
	}

	.footer-section{
		background-image: url(../img/border.gif);
	}
	.footer-section::before, .footer-section .container::before{
		content: none;
	}
	.footer-section .container::after{
		content: none;
	}
}


.frame-type-srlanguagemenu_languagemenu,
div.frame-type-srlanguagemenu_languagemenu {
	padding-top:5px !important;
	display: none;
}


div#contact-slider {
	position:absolute;
	top:450px;
	left:633px;
	z-index:10;
	width:300px;
	overflow:hidden;
}

#contact-slide-button {
	float:left;
}

div#contact-slider-content {
	width:300px;
	background-color:white;
	margin-left:270px;
}

div#contact-content {
	margin-left:30px;
	background-color:#f8f8f8;
	padding:8px;
}





/*
 * ****************************************************************************************************
 */
 /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 301px;
  height: 226px;
  border: 2px solid #ffffff;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

.gallery-img {
   width: 298px;
   height: 222px;
}

.gallery-double .gallery-img {
   width: 598px;
   height: 448px;
}

.flip-card.gallery-double {
   width:602px;
   height:452px;
}

.gallery-square .gallery-img {
   width: 298px;
   height: 298px;
}

.flip-card.gallery-square {
   width:301px;
   height:301px;
}

.gallery-squaretwocol .gallery-img {
   width: 447px;
   height: 447px;
}

.flip-card.gallery-squaretwocol {
   width:451px;
   height:451px;
}

.gallery-twocol .gallery-img {
   width: 447px;
   height: 334px;
}

.flip-card.gallery-twocol {
   width:451px;
   height:338px;
}

.flip-card img {
	width:447px;
	height:334px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
/*.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card:active .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card.active .flip-card-inner {
  transform: rotateY(180deg);
}
*/


/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  transition: transform 0.8s;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #bbb;
  color: white;
  transform: rotateY(0);
}

/* Style the back side */
.flip-card-back {
  background-color: #bbb;
  color: white;
  padding:1em;
  transform: rotateY(180deg);
} 

.flip-card.active .flip-card-front {
    transform: rotateY(180deg);
}
.flip-card.active .flip-card-back {
    transform: rotateY(0);
}

.flip-card-caption {
    position: absolute;
    top:0;
    left:0;
    padding:1em;
}

.gallery-table {
	text-align: center;
}


@media (max-width: 504px) {
	.gallery-table {
		transition: transform 0.5s;
		transform: scale( 0.95 );
		transform-origin: left top;
		margin-bottom:-200px;
	}
	#c563 {
	}
}

@media (max-width: 480px) {
	.gallery-table {
		transition: transform 0.5s;
		transform: scale( 0.9 );
		transform-origin: left top;
		margin-bottom:-340px;
	}
	#c563 {
	}
}

@media (max-width: 450px) {
	.gallery-table {
		transform: scale( 0.84 );
		transform-origin: left top;
		transition: transform 0.5s;
		margin-bottom:-700px;
	}
	#c563 {
	}
}

@media (max-width: 410px) {
	.footer-section-content-column-right div.row{
		right:1px;
	}
	.gallery-table {
		transform: scale( 0.8 );
		transform-origin: left top;
		transition: transform 0.5s;
		margin-bottom:-800px;
	}
	#c563 {
	}
}

/*
.gallery-table {
  display: flex;
  flex-wrap: wrap;
}
*/

.gallery-cell {
  /* float: left; */
  display:inline-block;
}


.gallery-row {
  flex: 1;
  display: flex;
}

.gallery-row:first-of-type {
  flex-flow: wrap;
}

.gallery-row .rowspan2 {
  flex: 1 1 100%;
}

.gallery-row div {
  /*border: solid;*/
  /*padding: 1em;*/
  flex: 1;
}


.dp--cookie-check {
   display:none;
}

.carousel {
	margin-bottom: 3em !important;
}

.social-icons {
	color: black;
	font-size:1.5em;
}


#mainnavigation>ul>li>a {
	cursor: not-allowed;
	opacity: 0.99;
color: currentColor;
display: inline-block;  /* For IE11/ MS Edge bug */
pointer-events: none;
text-decoration: none;
}

#mainnavigation>ul>li>a#nav-item-122 {
	cursor: pointer;
	pointer-events: all;
}

#mainnavigation>ul>li>a#nav-item-122:hover>span {
        color:#ff0033;
}


.dropdown-toggle {
    min-width: 8em;
}
