/**
orange: #ff7300
blue: #547399

new orange: #08c
new blue: var(--primary-color)
**/

/*-----------------------
Base
-----------------------*/

@font-face
{
    font-family: 'Open Sans';
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face
{
    font-family: 'Open Sans Bold';
    src: url(../fonts/OpenSans-SemiBold.ttf);
}

:root
{
    --font-family: 'Open Sans'/* , sans-serif, verdana, arial, helvetica */;
    --bold-font: 'Open Sans Bold';
    --primary-color: #00ABA0;
    --secondary-color: #EDEDED;
    --text-size: 16px;
    --text-color: #353535;
    --headline-color: #353535;
    /* --headline-color: #666666; */
    --h1-size: 28px;
    --h2-size: 24px;
    --h3-size: 22px;
    --h4-size: 20px;
    --h5-size: 18px;
    --h6-size: 16px;

    --wrapper-max-width: 1110px/*1050px;*/
}

html, body, td, th, textarea, input, select {
	font-family: var(--font-family);
	font-weight:300;
	font-size: var(--text-size);
	line-height:140%;
	color: var(--text-color);
}
html {
	height:100%;
	position:relative;
}
body {
	height:100%;
	position:relative;
	min-width: 320px;
}
h1, .as-h1 {
	font-size: var(--h1-size);
	line-height:110%;
	font-family: var(--bold-font);
	margin: 19px 0;
}
h2, .as-h2 {
	font-size: var(--h2-size);
	line-height:120%;
	font-weight:700;
	margin: 22px 0;
}
h2.sideBarHl {
	margin:0 0 20px 0;
	padding:13px;
	height:43px;
	color:#fff;
	text-transform:uppercase;
	font-size: var(--h2-size);
	line-height:140%;
	background-color:var(--primary-color);
}
h3, .as-h3 {
	font-size: var(--h3-size);
	line-height:130%;
	font-weight:700;
	color: var(--headline-color);
	margin: 22px 0;
}
h4, .as-h4
{
    font-size: var(--h4-size);
}
h5, .as-h5
{
    font-size: var(--h5-size);
}
h6, .as-h6
{
    font-size: var(--h6-size);
}

h4, h5, h6,
.as-h4, .as-h5, .as-h6
{
	line-height:140%;
	font-weight:700;
	color: var(--headline-color);
}
a {
	text-decoration:none;
	color:  var(--primary-color);
}
a:hover {
	text-decoration: none;
	color: #4DD4BC;
}
a.headline {
	color: #3a3a3a;
}
.invisible {
	display:none;
}
div.clear {
	margin:0;
	padding:0;
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
}
select,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea {
	margin:0;
	padding:7px;
	width:100%;
	font-size: var(--text-size);
	line-height:120%;
	color:#666;
	border:0 none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	display:block;
	background-color:#efefef;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
}
.advertText {
	resize: vertical;
	min-height: 250px;
}
select,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"] {
	height:42px;
}
select[multiple="multiple"] {
    height: auto;
}
/*textarea {*/
	/*height:200px;*/
/*}*/
input.datepicker {
	background:#efefef url('../images/datepickerBg.png') right center no-repeat;
}
input[type="submit"],
input[type="reset"],
button,
a.btn {
	/* margin:0; */
	/* padding:14px 20px; */
	/* font-weight:600; */
	/* font-size: var(--text-size); */
	/* line-height:120%; */
	/* color:#fff; */
	/* border:0; */
	/* -webkit-border-radius:0; */
	/* -moz-border-radius:0; */
	/* border-radius:0; */
	/* display:inline-block; */
	/* width:auto; */
	/* background-color:var(--primary-color); */
	/* height:42px; */
	/* cursor:pointer; */
	/* -webkit-box-sizing:border-box; */
	/* -moz-box-sizing:border-box; */
	/* box-sizing:border-box; */
	/* vertical-align:middle; */
	/* text-decoration:none; */
}
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
a.btn:hover {
	color:var(--primary-color);
	background-color:#efefef;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
input[type="submit"].btn-alert,
button.btn-alert,
a.btn.btn-alert {
	background-color:#08c;
}
.btn-next{
	margin:0;
	font-weight:600;
	font-size: var(--text-size);
	line-height:120%;
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	display:inline-block;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
	text-decoration:none;
	background-color: var(--primary-color);
	color: #fff;
	height: 42px;
	width: 50%;
	padding: 0;
	text-align: center;
}
.btn-next:hover {
	background-color: #555;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-disabled{
	background-color: var(--primary-color);
	color: #777777;
	text-decoration: none;
	cursor: not-allowed;
}
.btn-disabled:hover{
	background-color: var(--primary-color);
	color: #777777;
	text-decoration: none;
	cursor: not-allowed;
}
.itemDetail .location .content.mapsButton {
    text-align: center;
/*    margin-top: 50%;
    transform: translateY(-50%);*/
}

.location .mapsButton a.btn {
    color: #ffffff;
}

.tab-content > .tab-pane {
	padding-top: 20px;
}

.nav-tabs > li > a {
	border-radius: 0;
}
a.tab{
	color: #fff;
	background-color: var(--primary-color);
}
a.tab:active{
	color: #fff;
	background-color: #555;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
	background-color: #555;
	border-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	color: #fff;
	background-color: #555;
}
.nav > li.disabled >a:hover, .nav > li.disabled >a:active, .nav > li.disabled >a:focus{
	color: #777777;
	background-color: var(--primary-color);
}
input[type="submit"].btn-alert:hover,
button.btn-alert:hover,
a.btn.btn-alert:hover {
	color:var(--primary-color);
	background-color:#EFC0BF;
}
div.formContainer {
	margin:0 0 20px 0;
}
div.formElement {
	margin:0 0 10px 0;
}
div.mod_article img {
	max-width:100%;
	height:auto;
}
div.mod_article img.zoom,
div.mod_article img.zoomByHeight {
	max-width:none;
	height: 197px;
}
div.rss {
	margin:0 0 10px 10px;
	float:right;
}
div.rss a {
	padding-top:6px;
	display:inline-block;
	font-size:2em;
	line-height:100%;
}
a#scrollToTop {
	padding:6px 0 0 0;
	color:#7A7A7A;
	font-size:22px;
	line-height:22px;
	width:40px;
	height:40px;
	background-color:#fff;
	text-align:center;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
	/*-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;*/
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	overflow:auto;
	position:fixed;
	bottom:-60px;
	right:10px;
	z-index:100;
}
a#scrollToTop:hover {
	background-color:#7A7A7A;
	border-color:#7A7A7A;
	color:#fff;
	text-decoration:none;
}
table.responsive-table {
	margin:0 0 20px 0;
	padding:0;
	border:0;
	border-spacing:0;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	width:100%;
}
table.responsive-table tbody,
table.responsive-table tr {
	margin:0;
	padding:0;
	border:0;
	border-spacing:0;
}
table.responsive-table td {
	margin:0;
	padding:2px 4px;
	border:0;
	border-spacing:0;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:left;
	vertical-align:top;
}
table.responsive-table tr:nth-child(odd) {
	background-color:#f7f7f7;
}
table.responsive-table tr:hover {
	background-color:#f1f1f1;
}

.single-button{
	display: inline-block;
	text-align: center;
	width: 100%;
	max-width: 400px;
	padding: 16px 0;
}

.single-button a{
	display: inline-block;
	width: 100%;
	background-color:var(--primary-color);
	color: white;
	font-family: var(--bold-font);
	font-size: var(--text-size);
	line-height: 140%;
	text-transform: uppercase;
	padding: 12px;
}

/*-----------------------
Container
-----------------------*/
#wrapper {
	margin:0 auto;
	padding: 0;
	margin-top: 130px;
	width: 100%;
	max-width: var(--wrapper-max-width);
	position:relative;
	text-align:left;
}
#googleAds {
	width: 100%;;
	display: inline-block;
}

/*-----------------------
Header & Navigation Start
-----------------------*/

header
{
    z-index: 40;
    --logo-width: 210px;
    background-color: #FFFFFF;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px calc((100vw - var(--wrapper-max-width)) / 2);
    box-sizing: border-box;
    position: fixed;
    width: 100vw;
    height: 130px;
    box-shadow: 0 0 5px lightgrey;
    display: grid;
    grid-template-columns: var(--logo-width) 1fr;
    /* grid-template-rows: 1fr 1fr var(--text-size); */
    grid-template-rows: auto;
    grid-template-areas:
        ". user-options"
        "logo ."
        "logo navigation";
}

header #toggleHeaderNavigation
{
    display: none;/* @Todo */
}

#headerContainer
{
    grid-area: logo;
}

#logoContainer img
{
	width: var(--logo-width);
	height: auto;
}

#logoContainer h1
{
    padding: 0;
    margin: 0;
}

#logoContainer h1 span
{
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline-block;
}

header #navigation
{
    grid-area: navigation;
    box-sizing: border-box;
    padding-left: 20px;
}

header #navigation ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1;
}

header #navigation .level_1 a
{
    padding: 8px;
}

header #navigation .level_1 a
{
    text-decoration: none;
}

header #navigation .level_1 a:hover,
header #navigation .level_1 a.active,
header .user-options .child-menu a:hover
{
    background-color: var(--primary-color);
    color: #FFFFFF;
    text-decoration: none;
}

header #navigation .level_1
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

header #navigation .level_2,
header .user-options .child-menu
{
    border-top: 3px solid var(--primary-color);
}

header #navigation .level_1 ul
{
    /* border-top: 3px solid var(--primary-color); */
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    box-shadow: 0 4px 5px lightgrey;
    width: 170px;
    margin-top: 8px;
}

header #navigation .level_2 ul
{
    left: 170px;
    top: -45px;
    position: relative;
}
header #navigation .level_1 ul li
{
    height: 37px;
}

header #navigation .level_1 .level_3 li
{
    height: auto;
}

header #navigation .level_1 ul li > a
{
    padding: 10px;
    width: 100%;
    font-family: var(--font-family);
    display: inline-block;
    border-bottom: 1px solid lightgrey;
}

header #navigation .level_1 a:hover + ul,
header #navigation .level_1 ul:hover
{
    display: block;
}

header #navigation a
{
    color: var(--text-color);
    font-family: var(--bold-font);
}

header #navigation a i.fa
{
    font-size: 12px;
}

header #navigation .level_2 i.fa
{
    float: right;
    transform: translateY(3px);
}

header .user-options
{
    grid-area: user-options;

    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    position: relative;
}

.main-search-box
{
    display: flex;

}

header .user-options a
{
    padding: 5px 10px;
    color: var(--primary-color);
}

header .user-options .user::after
{
    content: '';
    position: relative;
    right: -10px;
    top: 4px;
    height: 18px;
    width: 1px;
    background-color: var(--primary-color);
    display: inline-block;
}

header .user-options .user i
{
    font-size: 12px;
    padding-left: 5px;
}

header .user-options .child-menu
{
    display: none;
    position: absolute;
    width: 220px;
    background-color: white;
    list-style: none;
    padding: 0;

}

header .user-options .child-menu a
{
    display: inline-block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid lightgrey;
}

header .user-options .user:hover + .child-menu,
header .user-options .child-menu:hover
{
    display: flex;
    flex-direction: column;
    right: 300px;
    top: 12px;
    box-shadow: 0 0 5px lightgrey;
}

.main-search-box input
{
    background-color: transparent;
    height: 28px;
    border: 0;
    color: #BCBCCB;
}

.main-search-box input:focus
{
    outline: none;
}

.main-search-box
{
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 0 0 5px lightgrey;
    padding: 5px 10px;
    height: 38px;
}

.main-search-box .search-icon
{
    padding-top: 2px;
    font-size: 20px;
    color: #BCBCCB;
    cursor: pointer;
}

header .burger
{
    color: var(--primary-color);
    grid-area: burger;
    display: none;
    text-align: right;
    font-size: 30px;
}

header .burger i
{
    cursor: pointer;
}

.yo
{
    position: fixed;
    right: 0;
    top: 0;
    width: 320px;
    height: 100vh;
    background-color: #FFFFFF;
    z-index: 40;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 10px lightgrey;
    transform: translateX(0);
    transition: 0.3s transform;
    overflow-y: scroll;
}

.yo .child
{
    box-sizing: border-box;
    height: 65px;
    line-height: 65px;
    color: var(--text-color);
    padding: 0 20px;
}

.yo .child-menu
{
    display: none;
}

.yo .seperator
{
    border-bottom: 1px solid lightgrey;
}

.yo .child.open
{
    height: auto;
}

.yo .child.open > .child-menu
{
    display: block;
}

.yo .searchit-wrapper
{
    padding: 0;
    box-shadow: 0 0 4px lightgrey;
}

.yo .searchit
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: var(--primary-color);
    position: relative;
}

.yo .searchit .burger
{
    font-size: 30px;
    margin-top: calc(65px / 2);
    transform: translateY(-50%);
    margin-right: 10px;
    cursor: pointer;
}

.yo .searchit .search-box
{
    display: flex;
    border: 1px solid lightgrey;
    height: 45px;
    border-radius: 30px;
    margin-top: calc((65px - 45px) / 2);
    padding-right: 20px;
    width: 70%;
    position: relative;
    margin-left: 10px;
}

.yo .searchit .search-box input
{
    width: 85%;
    border: none;
    background-color: transparent;
    box-sizing: border-box;
    padding: 10px 0 10px 20px;
}

.yo .searchit .search-box i
{
    width: 15%;
    font-size: 25px;
    text-align: right;
    transform: translateY(-50%);
    margin-top: calc(40px / 2);
    cursor: pointer;
}

/*-----------------------
Header & Navigation End
-----------------------*/

/* #headerBar { */
/* 	width:100%; */
/* 	height:32px; */
/* 	background-color:#F2F2F2; */
/* } */
/* #header { */
/* 	margin:0 0 30px 0; */
/* 	position:relative; */
/* } */
/* #headerContainer { */
/* 	margin:0 0 20px 0; */
/* 	height:90px; */
/* } */
/* #logoContainer { */
/* 	width: 100%; */
/* 	height: inherit; */
/* 	position:relative; */
/* 	float:left; */
/* } */
/* #logoContainer img { */
/* 	height: 100%; */
/* } */

.sloganHeader {
	float: right;
}
#content {
	margin: 0 0 30px 0;
	padding: 0 15px 30px 0;
	/*border-right: 1px solid #ededed;*/
	width: 100%;
	min-height:600px;
	height:auto;
	position:relative;
	float:left;
}
#sidebar {
	margin:0 0 30px 0;
	padding:0 0 30px 15px;
	width:32%;
	float:left;
}
#footer {
	margin:0;
	padding:0;
	border-top:3px solid #7b7b7b;
	position:relative;
	clear:both;
}

#scrollToTop {
	display:none;
}
#scrollToTop a.btn {
	margin:-74px 0 0 0;
	position:absolute;
	right:4px;
	text-transform:uppercase;
	font-weight:bold;
	width:56px;
	height:34px;
	text-align:center;
	background-color:#3d3936;
	border-color:#3d3936;
	color:#fff;
	speak:none;
}

/*-----------------------
Footer
-----------------------*/

.the-footer
{
    height: 200px;
    width: 100%;
    background-color: var(--primary-color);
    padding: 20px calc((100vw - var(--wrapper-max-width)) / 2);
    box-sizing: border-box;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.the-footer .right > *
{
    margin-bottom: 10px;
}

.the-footer a,
.the-last-footer a
{
    color: #FFFFFF;
    display: block;
    margin-bottom: 10px;
}

.the-last-footer .copyright
{
    margin-bottom: 0;
}

.the-footer i,
.the-last-footer i
{
    font-size: 12px;
    margin-right: 5px;
}

.the-footer .about .inner,
.the-footer .links .inner
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.the-footer .logo
{
    height: 30px;
    width: auto;
    margin-bottom: 30px;
}

.the-footer .about,
.the-footer .links
{
    width: 40%;
}

.the-footer .about
{
    /* margin-top: 50px; */
}

.the-footer .links .link-title
{
    margin-top: 0;
    margin-bottom: 30px;
    height: 30px;
    line-height: 30px;
    font-size: var(--h2-size);
    font-family: var(--bold-font);
}

.the-last-footer
{
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #268A78;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 calc((100vw - var(--wrapper-max-width)) / 2);
    color: #FFFFFF;
}

.the-last-footer > *
{
    width: 50%;
}

.the-last-footer .links
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.the-last-footer .links a
{
    color: #FFFFFF;
    margin-right: 10px;
}

.the-last-footer > *
{
    width: 40%;
}

.the-last-footer i
{
    display: none;
}

#footer {
}
#footerMenuContainer {
	margin:0 0 30px 0;
	padding:0 10px;
	min-height:10px;
}
#footerBottomContainer {
	margin:0;
	padding:0;
	width:100%;
	min-height:56px;
	background-color:var(--primary-color);
	color:#fff;
	font-size: var(--text-size);
	line-height:140%;
	position:relative;
}

#footerBottomContainer img {
	margin: auto 0 auto 0;
	width: 70%;
}

.logoBottom {
	padding:10px 0 0 20px;
	float:left;
}
.copywrite {
	padding:20px 20px 0 40px;
	float:left;
}
#footerNavigation {
	margin:0;
	padding:20px 20px 0 20px;
	list-style-type:none;
	list-style-image:none;
	display:inline;
	float:right;
	text-align:right;
}
#footerNavigation li {
	margin:0;
	padding:0 0 0 20px;
	display:inline;
}
#footerNavigation li a {
	color:#fff;
}

/*-----------------------
Grid
-----------------------*/
.row {
	position:relative;
	clear:both;
	margin-bottom: 8px;
}

#content .square-pic-wrapper.col-4,
.col-2 {
	width: 16%;
}

.col-2:nth-child(odd) {
	padding-right:10px;
	float:left;
}
.col-2:nth-child(even) {
	padding-left: 10px;
	float: right;
}

.col-3 {
	width: 25%;
}

.col-3:nth-child(odd) {
	padding-right:10px;
	float:left;
}
.col-3:nth-child(even) {
	padding-left: 10px;
	float: right;
}

.col-4 {
	width: 33%;
}

.col-4:nth-child(odd) {
	padding-right:10px;
	float:left;
}
.col-4:nth-child(even) {
	padding-left: 10px;
	float: right;
}

.col-6 {
	width:50%;
}
.col-6:nth-child(odd) {
	padding-right:20px;
	float:left;
	border-right:1px solid #ededed;
}
.col-6:nth-child(even) {
	padding-left:20px;
	float:right;
}

.col-8 {
	width: 66%;
}

.col-8:nth-child(odd) {
	padding-right:20px;
	float:left;
}
.col-8:nth-child(even) {
	padding-left: 20px;
	float: right;
}

.col-9 {
	width: 75%;
}

.col-9:nth-child(odd) {
	padding-right:20px;
	float:left;
}
.col-9:nth-child(even) {
	padding-left: 20px;
	float: right;
}

#content .square-pic-wrapper.col-4 + .col-8,
.col-10 {
	width: 82%;
}

.col-10:nth-child(odd) {
	padding-right:20px;
	float:left;
}
.col-10:nth-child(even) {
	padding-left: 20px;
	float: right;
}

/* /\*----------------------- */
/* Navigation */
/* -----------------------*\/ */
/* #toggleHeaderNavigation { */
/* 	margin:7px 20px 0 0; */
/* 	padding:0; */
/* 	width:34px; */
/* 	height:34px; */
/* 	float:right; */
/* 	display:none; */
/* } */
/* #toggleHeaderNavigation a { */
/* 	margin:0; */
/* 	padding:5px 0 0 0; */
/* 	width:34px; */
/* 	height:34px; */
/* 	color:#fff; */
/* 	font-size:21px; */
/* 	line-height:100%; */
/* 	text-align:center; */
/* 	border:2px solid #fff; */
/* 	-webkit-border-radius:17px; */
/* 	-moz-border-radius:17px; */
/* 	border-radius:17px; */
/* 	display:block; */
/* 	-webkit-box-sizing:border-box; */
/* 	-moz-box-sizing:border-box; */
/* 	box-sizing:border-box; */
/* } */
/* #toggleHeaderNavigation a#closeNavigationLink { */
/* 	display:none; */
/* } */
/* #navigation:target #toggleHeaderNavigation a#openNavigationLink { */
/* 	display:none; */
/* } */
/* #navigation:target #toggleHeaderNavigation a#closeNavigationLink { */
/* 	display:block; */
/* } */
/* #toggleHeaderNavigation a:hover { */
/* 	color:#ddd; */
/* 	border-color:#ddd; */
/* } */

/* #navigation { */
/* 	margin:0; */
/* 	padding:0; */
/* 	height:47px; */
/* 	background-color:var(--primary-color); */
/* 	position:relative; */
/* 	clear:both; */
/* } */
/* #navigation ul, */
/* #navigation ul li { */
/* 	margin:0; */
/* 	padding:0; */
/* 	height:47px; */
/* 	list-style-type:none; */
/* 	list-style-image:none; */
/* } */
/* #navigation ul li { */
/* 	float:left; */
/* } */
/* #navigation ul li a { */
/* 	margin:0; */
/* 	padding:12px 10px; */
/* 	height:47px; */
/* 	color:#fff; */
/* 	font-size: var(--text-size); */
/* 	line-height:140%; */
/* 	text-transform:uppercase; */
/* 	font-weight:700; */
/* 	display:block; */
/* 	background-color:var(--primary-color); */
/* 	-webkit-box-sizing:border-box; */
/* 	-moz-box-sizing:border-box; */
/* 	box-sizing:border-box; */
/* } */
/* #navigation ul li a.trail, */
/* #navigation ul li a.active, */
/* #navigation ul li a:hover { */
/* 	background-color:#38aae0; */
/* 	text-decoration:none; */
/* } */
/* #navigation ul li a i { */
/* 	margin-left:5px; */
/* 	top:-3px; */
/* 	position:relative; */
/* 	font-size:0.6em; */
/* 	line-height:100%; */
/* } */
/* /\* zweite Ebene *\/ */
/* #navigation ul li ul { */
/* 	margin:0; */
/* 	padding:0; */
/* 	display:none; */
/* 	width:240px; */
/* 	height:auto; */
/* 	position:absolute; */
/* 	z-index:10; */
/* } */
/* #navigation ul li:hover ul { */
/* 	display:block; */
/* } */
/* #navigation ul li ul li { */
/* 	margin:0; */
/* 	padding:0; */
/* 	height:41px; */
/* 	background-color:var(--primary-color); */
/* 	float:none; */
/* } */
/* #navigation ul li ul li a { */
/* 	padding:12px 10px 0 20px; */
/* 	height:41px; */
/* 	font-size: var(--text-size); */
/* 	line-height:140%; */
/* 	font-weight:400; */
/* } */
/* #navigation ul li ul li a i { */
/* 	margin-top:8px; */
/* 	float:right; */
/* 	display:block; */
/* 	font-size:0.8em; */
/* 	line-height:100%; */
/* } */
/* /\* dritte Ebene *\/ */
/* #navigation ul li ul li ul { */
/* 	margin-top:-41px; */
/* 	left:240px; */
/* 	display:none; */
/* } */
/* #navigation ul li:hover ul li ul { */
/* 	display:none; */
/* } */
/* #navigation ul li ul li:hover ul { */
/* 	display:block; */
/* } */

/* /\*----------------------- */
/* Suche */
/* -----------------------*\/ */
/* #navigation ul li#searchLink { */
/* 	float:right; */
/* } */
/* #navigation ul li#searchLink a { */
/* 	padding:6px 16px 0 16px; */
/* } */
/* #navigation ul li#searchLink a i { */
/* 	font-size:1.6em; */
/* 	line-height:140%; */
/* } */
/* #navigation ul li#searchLink a#openSearch { */
/* 	display:block; */
/* } */
/* #navigation ul li#searchLink a#closeSearch { */
/* 	display:none; */
/* } */
/* #header:target #navigation ul li#searchLink a#openSearch { */
/* 	display:none; */
/* } */
/* #header:target #navigation ul li#searchLink a#closeSearch { */
/* 	display:block; */
/* } */
/* #navigation ul li#searchBar { */
/* 	margin:0 0 30px 0; */
/* 	padding:25px; */
/* 	height:90px; */
/* 	width:100%; */
/* 	background-color:#303030; */
/* 	display:none; */
/* } */
/* #header:target #navigation ul li#searchBar { */
/* 	display:block; */
/* } */
/* #searchField { */
/* 	margin:0; */
/* 	padding:0 5px; */
/* 	width:60%; */
/* 	max-width:320px; */
/* 	height:40px; */
/* 	border:0; */
/* 	font-size: var(--text-size); */
/* 	font-style:italic; */
/* 	color:#fff; */
/* 	background-color:transparent; */
/* 	display:inline-block; */
/* } */
/* #searchSubmit { */
/* 	margin:0; */
/* 	padding:0; */
/* 	border:0; */
/* 	font-size: var(--text-size); */
/* 	color:#fff; */
/* 	background-color:transparent; */
/* 	float:right; */
/* 	resize:none; */
/* 	outline:none; */
/* } */

/*-----------------------
Banner
-----------------------*/
.banner {
	position: relative;
	text-align: center;
	margin-bottom: 0;
}

.banner iframe
{

	margin-bottom: 10px;
}

.footerBanner{
	margin-top: 3px;
}
.skyScraperRight{
	position: absolute;
	top: 306px;
	right: -170px;
}
.skyScraperLeft{
	position: absolute;
	top: 306px;
	left: -170px;
}
/* #headerBannerContainer { */
/* 	margin:0 0 20px 0; */
/* 	width:728px; */
/* 	height:90px; */
/* 	float:right; */
/* 	background-color:#E6E6E6; */
/* } */
/* #headerBannerContainer .fullWidth { */
/* 	display:block; */
/* 	overflow:hidden; */
/* } */
/* #headerBannerContainer .bp1 { */
/* 	display:none; */
/* 	overflow:hidden; */
/* } */
/* #headerBannerContainer .bp2 { */
/* 	display:none; */
/* 	overflow:hidden; */
/* } */

#sideBannerContainer {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ededed;
	width:100%;
	text-align:center;
}
#sideBannerContainer .banner {
	margin:0 auto;
	width:300px;
	height:250px;
	background-color:#E6E6E6;
	text-align:left;
}

.leaderboard .banner{
    margin-top: 10px;
	text-align: left;
}

#breadcrumb + .mod_article .banner:first-of-type .banner-title
{
/*    display: none;*/
}

/*-----------------------
Kalender
-----------------------*/
div.courseCalendar,
div.eventCalendar {
	margin: 0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ededed;
}
div.courseCalendar div.ui-datepicker,
div.eventCalendar div.ui-datepicker {
	margin:0;
	padding: 10px 20px;
	width:100%;
	background-color: #F6F6F6;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
div.ui-datepicker-title .ui-datepicker-month,
div.ui-datepicker-title .ui-datepicker-year {
	font-size: var(--text-size);
	/* line-height:140%; */
	/* font-weight:700 !important; */
	color: var(--primary-color);
}
div.courseCalendar .ui-widget-content,
div.courseCalendar .ui-widget-header,
div.courseCalendar .ui-corner-all,
div.eventCalendar .ui-widget-content,
div.eventCalendar .ui-widget-header,
div.eventCalendar .ui-corner-all {
	background:none;
	border:0 none;
}
div.courseCalendar .ui-widget-header,
div.eventCalendar .ui-widget-header {
	padding-top:10px;
	height:43px;
	background-color: transparent;
}
.ui-widget-header,
.ui-datepicker-title {
	background-image:none;
	background-color: transparent;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	border:0 none;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	background-color:transparent !important;
	background-image:none !important;
}
div.courseCalendar .ui-widget-header .ui-datepicker-prev,
div.courseCalendar .ui-widget-header .ui-datepicker-next,
div.eventCalendar .ui-widget-header .ui-datepicker-prev,
div.eventCalendar .ui-widget-header .ui-datepicker-next {
	top:9px;
}
div.courseCalendar .ui-datepicker-month,
div.courseCalendar .ui-datepicker-year,
div.eventCalendar .ui-datepicker-month,
div.eventCalendar .ui-datepicker-year {
	font-weight:normal;
	display: inline-block;
	transform: translateY(-4px);
}
div.courseCalendar table.ui-datepicker-calendar th,
div.eventCalendar table.ui-datepicker-calendar th {
	font-weight:normal;
	color: #A3A6B4;
	font-family: var(--bold-font);
}
div.courseCalendar div.ui-datepicker table tbody tr td a.ui-state-default,
div.eventCalendar div.ui-datepicker table tbody tr td a.ui-state-default {
	width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 32px;
    font-weight: normal;
    display: inline-block;
}
div.courseCalendar span.ui-icon,
div.eventCalendar span.ui-icon {
	cursor:pointer;
	background-image: none;
	border-left: 1px solid #808495;
	border-bottom: 1px solid #808495;
	transform: rotateZ(45deg);
	width: 10px;
	height: 10px;
}

div.courseCalendar span.ui-icon,
div.eventCalendar span.ui-icon.ui-icon-circle-triangle-e
{
    transform: rotateZ(225deg);
}

div.courseCalendar a.ui-state-active,
div.eventCalendar a.ui-state-active {
	background-color: rgba(0, 171, 160, 0.2);
	color: var(--primary-color);
}
.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
	background-image: url(../jquery-ui/css/smoothness/images/ui-icons_ffffff_256x240.png);
}
#ui-datepicker-div {
	z-index:99 !important;
}

.ui-datepicker td
{
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    text-align: center;
}

/*-----------------------
Breadcrumb
-----------------------*/
#breadcrumb {
	margin:0 0 12px 0;
	padding:0;
	width:100%;
}
#breadcrumb ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#breadcrumb ul li {
	margin:0;
	padding:0 2px 0 0;
	list-style-type:none;
	list-style-image:none;
	display:inline;
	color:#9d9d9d;
	text-transform: none;

	font-size:0.9em;
	line-height:140%;
}
#breadcrumb ul li.seperator {
	font-size:0.7em;
	line-height:140%;
	font-weight:300;
}
#breadcrumb ul li a {
	text-transform:none;
	color: var(--text-color);
}
#breadcrumb ul li.active a {
	color:var(--primary-color);
}

#breadcrumb ul li:not(.last)::after {
	display: inline-block;
	content: ">";
	color: #9d9d9d;
	margin-right: 3px;
	margin-left: 5px;
}


/*-----------------------
Listenansicht
-----------------------*/
.itemList {
	position:relative;
}

.itemList .image
{
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

/* .itemList.itemList0 .item.noimage:nth-child(even){ */
/* 	background-color: #1972b8; */
/* } */

/* .itemList.itemList0 .item.noimage:nth-child(even) > .mainCategoryMark { */
/* 	background-color: #38aae0; */
/* } */

/* .itemList.itemList1 .item.noimage:nth-child(odd){ */
/* 	background-color: #1972b8; */
/* } */

/* .itemList1 .item.noimage:nth-child(odd) > .mainCategoryMark { */
/* 	background-color: #38aae0 !important; */
/* } */

.itemList .item {
	margin:0 0 44px 0;
	/* border-bottom:1px solid #ededed; */
	position:relative;
}
.itemList .item.today{
	margin: 0;
	padding: 20px 0;
}
.itemList .item.today p{
	margin: 0;
	color: var(--primary-color);
}
.itemList .item .image {
	height:207px;
	overflow:hidden;
	position:relative;
}
.itemList .item .image a {
	width:100%;
	height:100%;
	display:block;
}
.itemList .item .image img,
.itemList .item .image a img {
	/* position:absolute; */
	/* top:-9999px; */
	/* bottom:-9999px; */
	/* left:-9999px; */
	/* right:-9999px; */
	margin:auto;
	/* z-index:1; */
	width:auto;
}
.itemList .item .text {
	padding: 12px 0;
	overflow:hidden;
}
.itemList .item .text .title {
	margin:0 0 8px 0;
	padding:0;
	font-size: var(--text-size);
	line-height:140%;
}
.itemList .item .text .title a {
	color:#3a3a3a;
}

.itemList .item.link-container a {
	color:#3a3a3a;
	display: block;
	width: 100%;
	height: 100%;
}

.itemList .item .text .subtitle {
	margin:0;
	padding:0 0 8px 0;
}
.itemList .item .text .subtitle.dateTime {
	font-weight:600;
	color:var(--primary-color);
}
.itemList .item .text .subtitle.dateTime.date {
	padding: 0;
}
.itemList .item .text .location {
	margin:0;
	padding:0 0 6px 0;
}
.itemList .item .locationMarker {
	color:var(--primary-color);
}
.itemList .item .mainCategoryMark {
	margin:20px 0 0 20px;
	padding: 5px 10px;
	background-color: var(--primary-color);
	line-height:100%;
	position:absolute;
	color:#fff;
	font-weight:700;
	z-index: 1;
	border-radius: 20px;
}
.itemList .item .mainCategoryMark em {
	color:#fff;
	font-weight:700;
	font-size:0.8em;
	font-style:normal;
	text-transform:uppercase;
}
.itemList .item .mainCategoryMark em a {
	color:#fff;
	font-weight:700;
}

/** No image **/
.itemList .item.noimage {
	margin:0 0 44px 0;
	padding:20px 0 0 0;
	border-bottom:0 none;
	background-color: rgba(0, 171, 160, 0.3);
	color: var(--text-color);
}

.itemList .banner
{
    margin-bottom: 5px;
}

.itemList.advertising .item.noimage {
	background-color: whitesmoke;
	color: #2d2d2d;
}

.itemList.itemList1.advertising .item.noimage {
	background-color: whitesmoke;
	color: #2d2d2d;
}

.itemList.itemList0.advertising .item.noimage {
	background-color: whitesmoke;
	color: #2d2d2d;
}

.itemList.advertising .item.noimage a {
	color: var(--text-color);
}

.itemList .item.noimage .text {
	padding:0 20px 12px 20px;
	overflow:hidden;
}
.itemList .item.noimage .text .title {
	margin:0 0 12px 0;
	padding:0;
	font-size: var(--text-size);
	line-height:140%;
}
.itemList .item.noimage a,
.itemList .item.link-container.noimage a {
	color: #fff;
}
.itemList .item.noimage a{
	font-weight: bold;
}

.itemList .item.noimage .text .title a {
	/* color:#fff; */
}

.itemList .item.noimage .mainCategoryMark {
	margin:0 0 12px 20px;
	/* background-color:#1972b8; */
	position:relative;
	display:inline-block;
}
.itemList .item.noimage.cell1,
.itemList .item.noimage.cell2,
.itemList .item.noimage.cell5 {
	background-color:#1972b8;
}
.itemList .item.noimage.cell1 .mainCategoryMark,
.itemList .item.noimage.cell2 .mainCategoryMark,
.itemList .item.noimage.cell5 .mainCategoryMark {
	background-color: #38aae0;
}
.itemList .item.noimage.cell1 .locationMarker,
.itemList .item.noimage.cell2 .locationMarker,
.itemList .item.noimage.cell5 .locationMarker {
	color:#38aae0;
}
.itemList .item.noimage .text .subtitle {
	/* color:#fff; */
}

.itemList .categoryTitle a{
	font-weight: bold;
	font-style: normal;
	color:#3a3a3a;
}

.itemList .categoryTitleWithoutImage a{
	font-weight: bold;
	font-style: normal;
	color:#3a3a3a;
}

.itemList .categoryTitle img{
	font-weight: bold;
	font-style: normal;
	color:#3a3a3a;
}

.categoryTitle {
	vertical-align: middle;
	line-height: 40px;
}
.categoryTitleWithoutImage {
	padding-left: 40%;
	vertical-align: middle;
}

/*-----------------------
Blätterfunktion
-----------------------*/
ul.pagination {
	margin:20px 0;
	padding:0;
	float:right;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ddd;
	/*-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;*/
	list-style-type:none;
	list-style-image:none;
	height:42px;
}
ul.pagination li {
	list-style-type:none;
	list-style-image:none;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	font-size: var(--text-size);
	line-height:140%;
	color:#fff;
	height:40px;
	border-right:1px solid #ddd;
}
ul.pagination li:last-child {
	border-right:0;
}
ul.pagination li a {
	padding:6px 0;
	color:var(--primary-color);
	width:40px;
	height:40px;
	text-align:center;
	display:inline-block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
ul.pagination li a:hover {
	background-color:#f2f2f2;
	text-decoration:none;
}
ul.pagination li.active a {
	background-color:var(--primary-color);
	color:#fff;
}
ul.pagination li.disabled a {
	cursor:not-allowed;
}

/*-----------------------
Detailansicht
-----------------------*/
.backlink{
	text-align: right;
	font-size: var(--text-size);
	line-height:140%;
	font-weight:600;
	color:var(--primary-color);
}
.itemDetail {
}
.itemDetail .title h1{
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ededed;
}
.itemDetail .title p{
	margin: 20px 0 10px 0;
	font-size: 150%;
}

.itemDetail h2.mainCategory {
	margin:0 0 6px 0;
}
.itemDetail h1.title {
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ededed;
}
.itemDetail h1.title a{
	font-size: 50%;
}
.itemDetail .textContainer {
	margin:0 0 40px 0;
}

.itemDetail .textContainer a .back-icon
{
    margin-right: 10px;
    font-size: 10px;
}

.itemDetail .textContainer a
{
    font-size: var(--text-size);
    color: var(--primary-color);
}

.itemDetail h3.subtitle {
	margin:0 0 20px 0;
	font-size: var(--h3-size);
	line-height:140%;
	color:#3a3a3a;
	font-weight:400;
}
.itemDetail p.topicSubtitle {
	margin:0 0 20px 0;
	font-size: 1em;
	line-height:140%;
	color:#3a3a3a;
	font-weight:400;
}
.itemDetail h3.subtitle.dateTime {
	font-size:1.1em;
	line-height:140%;
	font-weight:600;
	color:var(--primary-color);
}
.itemDetail .mainCategoryMark {
	margin-top:15px;
	margin-left:15px;
	padding:6px;
	background-color:#08c;
	line-height:100%;
	position:absolute;
	color:#fff;
	font-weight:700;
	z-index: 1;
}
.itemDetail .mainCategoryMark em {
	color:#fff;
	font-weight:700;
	line-height:100%;
	font-style:normal;
	text-transform:uppercase;
}
.itemDetail .mainCategoryMark em a {
	color:#fff;
	font-weight:700;
}
.itemDetail .image {
	width:100%;
	height:auto;
	position:relative;
}
.itemDetail .image img {
	width:100%;
	height:auto;
}
.itemDetail .imageTitle {
	margin-top:0;
	font-style:italic;
}
.itemDetail .teaser {
	margin:0 0 20px 0;
}
.teaser {
	font-size: var(--text-size);
	line-height: 28px;
	vertical-align: baseline;
}
.description {
	font-size: var(--text-size);
	line-height: 28px;
	vertical-align: baseline;
}
.itemDetail .description {
	margin:0 0 20px 0;
}
.itemDetail .serviceBox {
	margin:0 0 20px 0;
	padding:15px 20px;
	background-color:#EFEFEF;
}
.itemDetail .location {
	padding:15px 20px;
	background-color:#EFEFEF;
}
.itemDetail .location .content {
	margin:0 0 10px 18px;
	position:relative;
}
.itemDetail .location .locationMarker {
	color:var(--primary-color);
	position:absolute;
	top:4px;
	left:-18px;
	z-index:1;
}
.itemDetail .location .mapCanvas {
	width:100%;
	height:200px;
}

/** Social Bookmarks **/
.itemDetail .socialBookmarks {
	margin:0 0 20px 0;
	min-height:40px;
}
.itemDetail .socialBookmarks div {
	margin:3px 5px 2px 0;
	padding:0;
	width:40px;
	height:40px;
	overflow:hidden;
	float:left;
	background-color:#ccc;
}

.itemDetail .socialBookmarks .instagram img
{
    background-color: white;
}

.itemDetail .socialBookmarks div img {
	width:40px;
	height:40px;
	cursor:pointer;
}
.itemDetail .socialBookmarks div .label {
	margin:10px 10px 0 0;
	color:#fff;
	font-weight:600;
	float:right;
	display:inline-block;
	font-size: 12px;
}
.itemDetail .socialBookmarks div.active {
	width:150px;
}
.itemDetail .socialBookmarks div.facebook {
	background-color:#9fadcd;
}
.itemDetail .socialBookmarks div.twitter {
	background-color:#abd4f7;
}
.itemDetail .socialBookmarks div.pinterest {
	background-color:#FF7572;
}
.itemDetail .socialBookmarks div.google_plus {
	background-color:#FF7F66;
}
.itemDetail .socialBookmarks div.whatsapp {
	background-color: rgba(35, 208, 17, 0.53);
}
.itemDetail .socialBookmarks div.rss-icon {
	background-color: #fff;
}

/*-----------------------
Listenansicht Sidebar
-----------------------*/
.itemListSidebar {
	margin:0 0 30px 0;
}
.itemListSidebar .itemSidebar {
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ededed;
}
.itemListSidebar .itemSidebar .image {
	width:85px;
	height:85px;
	float:left;
	display:block;
	overflow:hidden;
	position:relative;
	/*background-color:var(--primary-color);*/
}
.itemListSidebar .itemSidebar:nth-child(even) .image {
	/*background-color:#08c;*/
}
.itemListSidebar .itemSidebar .image img {
	position:absolute;
	top:-9999px;
	bottom:-9999px;
	left:-9999px;
	right:-9999px;
	margin:auto;
	z-index:1;
	height:100%;
	width:auto !important;
	max-width:none !important;
}
.itemListSidebar .itemSidebar .text {
	margin-left:100px;
}
.itemListSidebar .itemSidebar .text .title {
	margin:0 0 12px 0;
	padding:0;
	font-size: var(--text-size);
	line-height:140%;
}
.itemListSidebar .itemSidebar .text .title a {
	color:var(--primary-color);
}
.itemListSidebar .itemSidebar .text .subtitle {
	margin:0;
	padding:0 0 6px 0;
	color:var(--primary-color);
}
.itemListSidebar .itemSidebar .text .subtitle.dateTime {
	font-weight:600;
	color:var(--primary-color);
}
.itemListSidebar .itemSidebar .text .location {
	margin:0;
	padding:0 0 6px 0;
}
.itemListSidebar .itemSidebar .text .location .locationMarker {
	color:var(--primary-color);
}

/*-----------------------
Veranstaltungen
-----------------------*/
div.eventSearchContainer {
	margin:0 0 40px 0;
}
input.query, div.query {
	width:70%;
	float:left;
}
select.category, input.category, div.category {
	width:28%;
	float:right;
}
input.dateFrom {
	width:48%;
	float:left;
}
input.dateTo {
	width:48%;
	float:right;
}

input.half, select.half, div.half, button.half
{
     width: 48%;
}

input.left, select.left, div.left, button.left
{
     float: left;
}

input.right, select.right, div.right, a.right, button.right
{
     float: right;
}

/*-----------------------
Suche
-----------------------*/
div.mod_search div.formbody {
	margin:0 0 40px 0;
}
div.mod_search input.text {
	margin-bottom:10px;
}
div.mod_search .header {
	margin:0 0 20px 0;
}
div.mod_search .odd,
div.mod_search .even {
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #ededed;
}

/*-----------------------
Adress Kategorien Liste
-----------------------*/
.addressCategoryList ul {
	margin:0 0 20px 0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
	clear:both;
}
.addressCategoryList ul li {
	margin:0 0 20px 0;
	padding:0;
	border-bottom:1px solid #ededed;
	list-style-type:none;
	list-style-image:none;
	clear:both;
}
.addressCategoryList ul li .image {
	width:50px;
	height:50px;
	overflow:hidden;
	position:relative;
	float:left;
}
.addressCategoryList ul li .image img {
	width:auto;
	height:100%;
}
.addressCategoryList ul li .title {
	margin:0 0 10px 70px;
	min-height:50px;
}
.addressCategoryList ul li .title a {
	color:var(--primary-color);
	font-size: 1.4em;
	line-height:140%;
	font-weight:700;
}
.addressCategoryList ul li.active .title a {
	color:#08c;
}
.addressCategoryList ul li ul li {
	margin:0;
	border-bottom:0;
}
.addressCategoryList ul li ul li .title {
	margin:0 0 10px 70px;
	min-height:20px;
}
.addressCategoryList ul li ul li .title a {
	color:#666;
	font-size: var(--text-size);
	line-height:140%;
	font-weight:700;
}
.addressCategoryList ul li.active ul li .title a {
	color:#666;
}
.addressCategoryList ul li ul li.active .title a {
	color:#08c;
}

/*-----------------------
Slider
-----------------------*/

.dbaySliderText
{
    z-index: initial;
}

.sliderContainer .buttons
{
    background-color: transparent;
    transform: translateX(-50%);
    left: 50%;
    width: 200px;
    height: 10px;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    bottom: 0;
}

.sliderContainer .buttons > div
{
    border-radius: 10px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.22);
    width: 100%;
    height: 100%;
    margin-left: 10px;
}

.sliderContainer .buttons > .active
{
    background-color: var(--primary-color);
}


#content .sliderContainer {
	height: 550px;
	overflow:hidden;
}

#content .dbaySliderElement .img
{
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-size: cover;
}

#content .sliderContainer .dbaySliderBrowsePrev,
#content .sliderContainer .dbaySliderBrowseNext {
	background-position:center 170px;
	max-height: 77%;
}
#content .sliderContainer .dbaySliderText {
	padding: 36px 0 10px 0;
	height:140px;
	background-color:#fff;
	overflow:hidden;
	color:#3a3a3a;
}

#content .sliderContainer .dbaySliderText h2.dbaySliderHl {
	margin:0;
	padding:0 20px 10px 0;
	/* max-height:80px; */
	/*font-size: var(--h2-size);*/
	font-size: var(--text-size);
	line-height:110%;
	font-weight:700;
}

#content .sliderContainer .dbaySliderText h2.dbaySliderHl a {
	color:#3a3a3a;
}
#content .sliderContainer .dbaySliderText .dbaySliderTextInfo {
	padding:0 20px 0 0;
	height:20px;
	background-color:#fff;
	font-size: 16px;
}

#content .sliderContainer .dbaySliderText i
{
    color: var(--primary-color);
}

#content .sliderContainer .dbaySliderText i.fa.fa-flag
{
    margin-left: 15px;
}

#content .sliderContainer .dbaySliderText i.fa.fa-flag::before
{
    content: '\f041';
}

#content .sliderContainer .dbaySliderText i.fa.fa-flag::after
{
    content: '';
    position: relative;
    width: 1px;
    height: 20px;
    background-color: var(--primary-color);
    display: inline-block;
    top: 4px;
    left: -18px;
}

#sidebar .sliderContainer {
	margin:0 0 30px 0;
	height:330px;
	overflow:hidden;
}
#sidebar .sliderContainer .dbaySliderBrowsePrev,
#sidebar .sliderContainer .dbaySliderBrowseNext {
	background-position:center 100px;
}
#sidebar .dbaySliderElement {
	background-color:var(--primary-color);
}
#sidebar .sliderContainer .dbaySliderText {
	padding:10px 0 0 0;
	height:94px;
	overflow:hidden;
}
#sidebar .sliderContainer .dbaySliderText h2.dbaySliderHl {
	margin:0;
	padding:0 10px;
	height:47px;
	/*font-size: var(--h2-size);*/
	font-size: var(--text-size);
	line-height:110%;
	font-weight:700;
}
#sidebar .sliderContainer .dbaySliderText h2.dbaySliderHl a {
	color:#fff;
}
#sidebar .sliderContainer .dbaySliderText .dbaySliderTextInfo {
	padding:8px 10px 0 10px;
	height:37px;
	color:#fff;
	font-style:italic;
	font-weight:300;
	background-color:#101021;

}
#content .sliderContainer.noDescription {
	margin:0 0 20px 0;
}

#content .sliderContainer.birthday {
	height:460px;
}
#content .sliderContainer.noDescription .dbaySliderText{
	height: 30px;
}

/*-----------------------
Tag Cloud
-----------------------*/
.tagCloud {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ededed;
	line-height:140%;
}
.tagCloud a {
	margin:0 6px 6px 0;
	padding:6px;
	border:1px solid #ddd;
	color:#7A7A7A;
	/* font-weight:600; */
	display: block;
	float:left;
	font-family: var(--bold-font);
	font-size: 14px;
}
.tagCloud a:hover {
	background-color:#7A7A7A;
	border-color:#7A7A7A;
	color:#fff;
	text-decoration:none;
}

/*-----------------------
Issues
-----------------------*/
ul.issues {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ededed;
	list-style-image:none;
	list-style-type:none;
}
ul.issues li {
	margin:0 0 6px 0;
	padding:0 35px 0 0;
	height:40px;
	box-sizing:border-box;
	list-style-image:none;
	list-style-type:none;
	background-color:#08c;
}
ul.issues li a {
	margin:0;
	padding:12px 0 0 10px;
	height:40px;
	display:block;
	box-sizing:border-box;
	color:#fff;
	font-weight:700;
	background-color:#1d1d1d;
}

/*-----------------------
Google Maps
-----------------------*/
#gMapsContainer {
	margin:0 0 20px 0;
	width:100%;
	height:500px;
	overflow:hidden;
	position:relative;
}
#gMapsCanvas {
	width:100%;
	height:500px;
}
#gMapsCanvas img {
	max-width:none !important;
	background:none !important;
}

/*-----------------------
Social Bookmark Icons
-----------------------*/
/* #headerSocialMediaIcons { */
/* 	text-align:right; */
/* 	height:47px; */
/* 	position:absolute; */
/* 	right:60px; */
/* 	z-index:2; */
/* } */
/* #headerSocialMediaIcons a { */
/* 	margin:0; */
/* 	padding:9px 0; */
/* 	box-sizing:border-box; */
/* 	float:right; */
/* 	display:block; */
/* 	height:47px; */
/* 	width:47px; */
/* 	text-align:center; */
/* 	font-size: var(--h1-size); */
/* 	line-height:28px; */
/* 	color:#f9f9f9; */
/* } */
/* #headerSocialMediaIcons a:hover { */
/* 	background-color:#555; */
/* } */

/*----------------------------------
PANELS start
----------------------------------*/
.panel {
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid transparent;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .05);
	box-shadow:0 1px 1px rgba(0, 0, 0, .05);
}
.panel-heading {
	padding:10px 15px;
	border-bottom:1px solid transparent;
}
.panel-body {
	padding:15px;
}
.panel-footer {
	padding:10px 15px;
	background-color:#f5f5f5;
	border-top:1px solid #ddd;
}
.panel-default {
	border-color:#ddd;
}
.panel-default > .panel-heading {
	color:#333;
	background-color:#f5f5f5;
	border-color:#ddd;
}
.panel-primary {
	border-color:#337ab7;
}
.panel-primary > .panel-heading {
	color:#fff;
	background-color:#337ab7;
	border-color:#337ab7;
}
.panel-success {
	border-color:#d6e9c6;
}
.panel-success > .panel-heading {
	color:#3c763d;
	background-color:#dff0d8;
	border-color:#d6e9c6;
}
.panel-info {
	border-color:#bce8f1;
}
.panel-info > .panel-heading {
	color:#31708f;
	background-color:#d9edf7;
	border-color:#bce8f1;
}
.panel-warning {
	border-color:#faebcc;
}
.panel-warning > .panel-heading {
	color:#8a6d3b;
	background-color:#fcf8e3;
	border-color:#faebcc;
}
.panel-danger {
	border-color:#EDC1C8;
}
.panel-danger > .panel-heading {
	color:#932D2B;
	background-color:#F3D2D2;
	border-color:#EDC1C8;
}
/*----------------------------------
PANELS end
----------------------------------*/

/*----------------------------------
LinkBundle
----------------------------------*/
.link-box{
	border: solid 1px var(--primary-color);
	margin-bottom: 15px;
}
.link-box div {
	padding: 5px;
}

/*----------------------------------
Browse Function
----------------------------------*/
.browse-box{
	height: 100px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.browse-box p{
	margin: 0;
}
.browse-box .header{
	color: #aaa;
}
.browse-box .title{
	font-size: 120%;
	color: #3a3a3a;
}
.browse-box div{
	padding: 30px;
}

.col-6:nth-child(odd) .browse-box{
	background-image: url(../images/arrow_left.png);
	background-position: left;
	float: left;
	text-align: left;
}
.col-6:nth-child(even) .browse-box{
	background-image: url(../images/arrow_right.png);
	background-position: right;
	float: right;
	text-align: right;
}

/*----------------------------------
Image
----------------------------------*/
.link-img-thumbnail {
	width: 150px;
	margin: 0 10px 0 0;
}

.contact-img-thumbnail {
	width: auto;
	max-height: 259px ;
	margin: 0 10px 0 0;
}

.square-pic-wrapper{
	overflow: hidden;
}

.square-pic
{
    display: inline-block;
}


a.square-pic > img{
    width: 30vw;
    height: 30vw;
    max-width: 106px;
    max-height: 106px;
    object-fit: cover;
    /* display: inline-block; */
}

/*----------------------------------
Workaround
----------------------------------*/
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.borderless {
	border: 0 !important;
}

.paddingless{
	padding: 0 !important;
}

.overfloated{
	max-width: none !important;
}
img.square-pic.imgFull {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.left{
	float:left;
}
#content .today-button{
	display: none;
}

/*----------------------------------
Label/Checkbox
----------------------------------*/
.label-checkbox-align {
	display: block;
	padding-left: 27px;
	margin-top: -25px;
}

.checkboxWrapper {
	margin-top: 6px;
	margin-bottom: 8px;
}
.checkboxWrapper input[type="checkbox"] {
	vertical-align: middle;
}

.centerRadioButton {
	vertical-align: middle;
}

.fieldset-error {
	background-color: red;
	color: white;
	font-weight: bold;
	text-align: center;
}
.fieldset-confirm,
.fieldset-FE-success,
.fieldset-success {
	background-color: #D2F2AD;
	/* font-weight: bold; */
	text-align: left;
	color: var(--text-color);
	border: none;
	box-sizing: border-box;
	padding: 8px 40px 8px 80px;
	border-left: 10px solid #80CC28
}

.fieldset-confirm::after,
.fieldset-confirm::before,
.fieldset-FE-success::after,
.fieldset-FE-success::before,
.fieldset-success::after,
.fieldset-success::before
{
    content: '';
    position: absolute;
    left: 60px;
    top: 60px;
    width: 5px;
    height: 41px;
    background-color: #80CC28;
    transform: rotateZ(45deg);
    border-radius: 2px;
}

.fieldset-confirm::before,
.fieldset-FE-success::before,
.fieldset-success::before
{
    transform: rotateZ(-45deg);
    left: 40px;
    top: 74px;
    height: 23px;
}

.fieldset-FE-success
{
	margin-bottom: 10px;
}

.error {
	color: red;
}

/*----------------------------------
Social Icons Content Element
----------------------------------*/

.socialIconBox {
	min-height: 130px;
	border: 1px solid #e9e9e9;
}

.socialIconBox .socialIcons {
	margin:0 0 40px 0;
	padding: 12px 0 0 12px;
	min-height:100px;
}
.socialIconBox .socialIcons .a-social-box {
	margin:0 5px 0 0;
	padding: 0;
	width:40px;
	height:40px;
	overflow:hidden;
	float:left;
	background-color:#ccc;
}

.socialIconBox .socialIcons .instagram
{
    background-color: white;
}

.socialIconBox .socialIcons div img {
	width:40px;
	height:40px;
	cursor:pointer;
}
.socialIconBox .socialIcons div .label {
	margin:10px 10px 0 0;
	color:#fff;
	font-weight:600;
	float:right;
	display:inline-block;
}
.socialIconBox .socialIcons div.facebook {
	background-color:#9fadcd;
}
.socialIconBox .socialIcons div.twitter {
	background-color:#abd4f7;
}
.socialIconBox .socialIcons div.pinterest {
	background-color:#FF7572;
}
.socialIconBox .socialIcons div.rss-icon {
	background-color: #fff;
}

.content-one {
	display:none;
	padding: 12px 12px 0 12px;
	background-color: #f8f8f8;
	border: 1px solid #e9e9e9;
	width: 100%;
}
.content-two {
	display:none;
	padding: 12px 0 0 12px;
	background-color: #f8f8f8;
	border: 1px solid #e9e9e9;
	width: 100%;
}
.content-two .media_content {
	padding: 20px 0;
}
.content-three {
	display:none;
	padding: 12px 0 0 12px;
	background-color: #f8f8f8;
	border: 1px solid #e9e9e9;
	width: 100%;
}
.content-three .media_content {
	padding: 20px 0;
}
.content-four {
	display:none;
	padding: 12px 0 0 12px;
	background-color: #f8f8f8;
	border: 1px solid #e9e9e9;
	width: 100%;
}
.content-four .media_content {
	padding: 20px 0;
}
.triangle-down {
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #ccc;
	position:relative;
	margin-top: -13px;
}
.triangle-down:after {
	content:'';
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 11px solid #fff;
	position:absolute;
	left:-11px;
	bottom:1px;
	margin-top: -13px;
}

.twitter-share-button {
	vertical-align: middle;
}

/*----------------------------------
Frontend Address Form Content Element
----------------------------------*/

#premium-options {
	display: none;
}

.events-in-a-radius-of-2km-around-me-under-title
{
	display: none;
	width: 100%;
}

.events-in-a-radius-of-2km-around-me-in-title
{
	display: inline-block;
	margin-top: 10px;
	float: right;
}

.mobileToggle>h2
{
	float: left;
}

.ce_text p
{
	font-size: var(--text-size);
	line-height: 140%;
}

.banner-title {
	margin: 0 0 3px 11px;
	padding: 0;
	color: #bbb;
	font-size: 11px;
	height: 15px;
	line-height: 15px;
	text-transform: uppercase;
	text-align: left;

}

.profile_page p{
	width: 324px;
}

.profile_page a{
	padding: 10px;
	text-align: center;
}

.administration .btn-row {
	padding-top: 10px;
}
.administration .btn-row .col{
	width: 50%;
	text-align: center;
	float: left;
}

.noimage .administration a {
	color: #fff;
	font-weight: bold;
}
.noimage .administration a.error {
	color: #9c000a;
}

.button_my_profile,
button,
a.btn {
	margin: 0;
	padding: 10px 35px;
	/* font-weight: 600; */
	font-size: var(--text-size);
	/* line-height: 120%; */
	color: #fff;
	border: 0;
	border-radius: 5px;
	display: inline-block;
	background-color: var(--primary-color);
	/* height: 42px; */
	/* width: 380px; */
	/* box-sizing: border-box; */
	/* vertical-align: middle; */
	text-align: center;
	text-decoration: none;
	transition: 0.5s background-color;
}

.button_my_profile:hover,
button:hover,
a.btn:hover
{
    background-color: #4DD4BC;
    color: #FFFFFF;
    text-decoration: none;
}

/*----------------------------------
Flex container editions
----------------------------------*/

.flex-containerForEditions {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.flex-item {
	background: #38aae0;
	padding: 5px;
	width: 330px;
	height: auto;
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-size: var(--text-size);

}

.flex-item a {
	color: #fff;
}

.flex-item.even {
	background-color: #38aae0;
}
.flex-item.odd {
	background-color: #1972b8;
}
.flex-item.first {
	background-color: #1972b8;
}

.flex-item .image {
	height:207px;
	overflow:hidden;
	position:relative;
}
.flex-item .image a {
	width:100%;
	height:100%;
	display:block;
}
.flex-item .image img,
.flex-item .image a img {
	position:absolute;
	top:-9999px;
	bottom:-9999px;
	left:-9999px;
	right:-9999px;
	margin:auto;
	z-index:1;
	width:auto;
}

.itemList > .banner
{
	height: 279px;
	/* border-bottom: 1px solid #ededed; */
    margin-bottom: 44px;
}

div.advertising .mainCategoryMark > em > a
{
	color: white!important;
}

.location
{
	margin-bottom: 40px;
}

.leaderboard .banner > p
{
	display: none;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

.mod_article .textContainer .description img
{
        max-width: 100%;
}

video {
  width: 100%    !important;
  height: auto   !important;
}

video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.event-youtube-video
{
    width: 100%;
    height: 400px;
    box-sizing: border-box;
    /* padding: 0 calc((100vw - var(--wrapper-max-width)) / 2); */
}

/* Tag Light Box */
.tag-light-box-main
{
    position: relative;
    padding-left: 45px;
    padding-right: 45px;
}

.tag-light-box-items
{
    
}

.tag-light-box-item
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--text-color);
}

.tag-light-box-item:hover
{
    color: var(--text-color);
}

.tag-light-box-item:focus
{
    outline: none;
}

.tag-light-box-item-text
{
    /*width: calc(100% - 28%);*/
    /*display: inline-block;*/
}

.tag-light-box-item-image-wrapper
{
    position: relative;
    width: 100%;
    box-sizing: border-box;
    /*padding-right: 20px;*/
}

.tag-light-box-item-image
{
    width: 100%;
    display: inline-block;
    height: 175px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 30px;
}

.tag-light-box-item-teaser > p
{
    margin-top: 5px;
}

.tag-light-box-items .owl-nav button {
	width: 40px;
	height: 100%;
	background: none;
	border: none;
}
.tag-light-box-items .owl-nav button > span {
	font-size: 45px;
	font-weight: bold;
}
.tag-light-box-items .owl-nav .owl-prev {
	margin-right: 10px;
	position: absolute;
	bottom: 0;
	left: -55px;
}
.tag-light-box-items .owl-nav .owl-next {
	margin-left: 10px;
	position: absolute;
	bottom: 0;
	right: -55px;
}

#sidebar .tag-light-box-item
{
    flex-direction: column;
    margin-bottom: 30px;
}

#sidebar .tag-light-box-item-image-wrapper
{
    width: 100%;
    padding-right: 0;
}

#sidebar .tag-light-box-item-image
{
    height: 150px;
    margin-bottom: 15px;
}

#sidebar .tag-light-box-item-text
{
    width: 100%;
}


/* Tag Light Box End */

.formContainer.lastFilterRow
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.formContainer.lastFilterRow > *
{
    display: block;
    float: unset;
}

.formContainer.lastFilterRow > select.half
{
    width: auto;
    flex-grow: 1;
}

.formContainer.lastFilterRow > .online-available
{
    margin: 0 10px;
}

.formContainer.lastFilterRow > .online-available label
{
    margin-right: 10px;
}

.formContainer.lastFilterRow > a[name="result"]
{
    display: none;
}

.cookie-info-block
{
    display: flex;
    align-items: center;
}

.cookie-info-block > img
{
    width: 100px;
    height: auto;
    margin-right: 20px;
}

.cookie-box,
.mod_cms_accept_tags form > .cookie-box,
.mod_cms_accept_tags form > .cookie-box.tags > div p
{
    line-height: 20px;
    font-family: var(--font-family);
    font-size: var(--text-size);
}

.cookie-outline
{
    padding: 15px;
    background-color: #e4e4e4;
}

@media screen and (max-width: 767px) {
    .formContainer.lastFilterRow div.half.right {
        width: 100%;
        margin-top: 10px;
    }
}

cms-cookie-bar, cms-accept-tags {
	--main-bg-color: #ffffff;
	--main-shadow-color: rgba(0, 0, 0, 0.5);
	--main-text-color: inherit;
	--btn-accept-text-color: #ffffff;
	--btn-accept-bg-color: #27ae60;
	--btn-reject-text-color: var(--btn-accept-text-color);
	--btn-reject-bg-color: #A3A3A3;
}

cms-cookie-bar > cms-container, cms-accept-tags > cms-container {
	max-width: 1100px;
}

cms-accept-tags > cms-container form cms-taglist cms-taggroup cms-taggroup-header label {
	height: 16px;
}

cms-accept-tags > cms-container form cms-taglist cms-taggroup cms-taggroup-header label:after {
	background: #798d8f;
	width: 20px;
	height: 20px;
	transform: translateY(-50%) translateX(0)
}

cms-accept-tags > cms-container form cms-taglist cms-taggroup cms-taggroup-header input:checked + label:after {
	transform: translateY(-50%) translateX(-100%) translateX(0);
}

cms-accept-tags > cms-container form cms-taglist cms-taggroup cms-taggroup-description {
	font-size: 16px;
}

cms-accept-tags > cms-container form cms-taglist cms-taggroup cms-taggroup-header {
	align-items: flex-start;
}