a {color: #e30d7e;}

.marquee {
	width: 100%;
	overflow: hidden;
	background: #e31d86;
	padding: 15px;
	font-size: 1.5em;
	font-weight: 600;
	color: #ffffff;
}

.marquee p {margin-bottom: 0px;}
.marquee p:hover {cursor: pointer;}

.menuzord-brand img {
    max-height: 50px;
}

.menuzord-brand {
    margin: 18px 0px 0 0;
}

.header-top.bg-theme-gray a{
	font-size: 13px;
}

.header-top ul.list-inline li.text-white a {color: #ffffff;}
.header-top ul.list-inline li.text-white a:hover {color: #e30d7e;}
.header-top ul.list-inline li.text-white a.border-right {padding-right: 1em;}

.frame-layout-32 {padding: 15px; margin: 15px; background-color: #ffffff; border: 1px solid #e31d86; transition: 300ms;}
.frame-layout-32:hover {
    transform: scale(1.1);
    background-color: #e31d86;
    color: #ffffff!important;
    border: 1px solid #ffffff;
    -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.25);
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.25);
}
.frame-layout-32:hover h1, .frame-layout-32:hover h2, .frame-layout-32:hover h3, .frame-layout-32:hover h4, .frame-layout-32:hover h5, .frame-layout-32:hover .text-theme-colored {color:#ffffff!important;}

.frame-layout-34 {padding: 15px; margin: 15px; background-color: #e31d86; border: 1px solid #ffffff; transition: 300ms; color:#ffffff!important; }
.frame-layout-34 h1, .frame-layout-34 h2, .frame-layout-34 h3, .frame-layout-34 h4, .frame-layout-34 h5 {color:#ffffff!important;}
.frame-layout-34:hover {
    transform: scale(1.1);
    background-color: #ffffff;
    color: #e31d86!important;
    border: 1px solid #e31d86;
    -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.25);
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.25);
}
.frame-layout-34:hover h1, .frame-layout-34:hover h2, .frame-layout-34:hover h3, .frame-layout-34:hover h4, .frame-layout-34:hover h5, .frame-layout-34:hover .text-theme-colored {color:#e31d86!important;}

.frame-layout-50 section {background-position: center center; background-size: cover;}

section > .container,
section > .container-fluid {
  padding-top: 20px;
  padding-bottom: 40px;
}

/* Your custom css codes start here: */

.bg-magenta {background-color: #e31d86;}
.bg-gray-25 {background-color:rgba(0,0,0,0.25)}
.bg-gray-33 {background-color:rgba(0,0,0,0.33)}
.bg-gray-50 {background-color:rgba(0,0,0,0.50)}
.bg-gray-66 {background-color:rgba(0,0,0,0.66)}
.bg-white {background-color: #ffffff}
.bg-white-trans {background-color:rgba(255,255,255,0.85)}
.bg-blue {background-color:rgba(0,64,237,1.00)}
.bg-green {background-color:rgba(24,134,29,1.00)}

.news-slider article.post.clearfix.bg-lighter {background-color: transparent !important;}


ul.breadcrumb {padding: 0px 15px;}
ul.breadcrumb li.bc-item  {
	text-transform: uppercase;
	font-size: 13px;
}

img.image-embed-item,
.owl-item img {
	width: 100% !important;
	height: auto;
}

img.image-svg {height: 100%;}

figcaption.image-caption {font-size: 0.85em; font-style: italic; }


.divider .display-table-cell .inline-block h2 {margin: 0; line-height: 24px;}
.divider .display-table-cell .inline-block h2 a {
	font-family: 'Muli', sans-serif;
	font-size: 20px;
	color: #e30d7e;
}

.divider .display-table-cell .inline-block h2 a:hover {
	color: #808080;
}

.divider .display-table-cell .inline-block hr {
	border:none;
	padding: 6px;
	background-image: url("../images/welle50.png");
	background-position: center center;
	background-repeat: no-repeat;
	margin: 10px 0 2px;
}

hr.ce-div {border-top:none;}

.header-text .section-title {margin-bottom: 0;}

.section-contents h2 {
	font-family: 'Muli', sans-serif;
	color: #e30d7e;	
	text-transform: uppercase;
}

.box.bg-theme-colored {
	padding: 1em 0;
}


.frame-type-menu_subpages ul{
	margin-bottom: 1em;
}


.ce-bodytext h2 {
	font-family: 'Muli', sans-serif;
	color: #e30d7e;		
	font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;	
}
.ce-bodytext h3 {
	font-family: 'Muli', sans-serif;
	color: #808080;	
	font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 2em;
}

.ce-bodytext h4,
.frame-type-text h4 {
	font-family: 'Muli', sans-serif;
	color: #e30d7e;	
	font-weight: 500;
	font-size: 16px;	
}


.ce-bodytext span.font-barrique,
.ce-bodytext span.font-barrique-logo {
	font-size: 1.4em;
}
.ce-bodytext span.font-bendix {
	font-size: 1em;
}

.section-title h1 {
	position: relative;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;	
}
.section-title h1 span {

}
.section-title h1 span.font-barrique-logo {
	margin-right: 20px;
}
.section-title h1 span.barrique-loc {
	font-size: 38px;
	position: absolute;
	top: 10px;
	color: #59595b;
}

/*
h1 span.font-bendix.text-black-777
*/


h1, h2, h3, h4, h5 {margin-top:0 !important;padding-top:0 !important;}


.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5 {color: #ffffff !important; font-weight: 600 !important;}

h3.font-barrique {font-size: 30px;}
h4.font-16.text-gray{font-weight: 400;}

ul.meta-menu li.list-inline-item {
	display: inline-block;
	padding-left: 12px; 
}
ul.meta-menu li.list-inline-item a {color: #ffffff;}

.ce-bodytext a,
.icon-box .media-body p a {
	color: #808080;	
}
.ce-bodytext a:hover,
.icon-box .media-body p a:hover {
	color: #e30d7e;	
}
.ce-bodytext a, .powermail-errors-list {
	color: #e30d7e;
}

.cd-timeline-img.cd-picture {
    background: #f2f2f2;
}
.cd-timeline-img img {
	width: 50px;
	height: auto;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -20px;
}

.btn-barrique-100 {
	width: 100%;
	margin-bottom: 0.5em;
}

.barrique-osm-allow {
	text-align: center;
	padding: 2em;
	background-image: url("../images/bg_OSM.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.barrique-osm-allow p {
	background-color: rgba(255,255,255,0.60);
	padding: 2em;
}

.frame-border-gray {
	border: 10px solid #eeeeee !important;
	padding: 30px;
}


/*========== Forum ==============*/
textarea#typo3forum_editor {min-height: 200px;}


/*==========  InfoBar  ==========*/


#info-bar-right {
  position: fixed;
  right: 0px;
  top: 370px;
  z-index: 2; 
}


#info-bar-right > ul {
    list-style: none; 
}

#info-bar-right > ul > li {
	position: relative;
	background-color: #808080;
	text-align: center;
	padding: 0 5px 5px 5px;
	margin: 5px;
	display: list-item;
	border: 1px solid #808080;
}

#info-bar-right > ul > li .info-box {
	text-align: left;
	z-index: 2;
	position: absolute;
	right: 50px;
	top: 0px;
	width: 400px;
	display: none;
	border: 1px solid #808080;
	padding: 15px;
	background-color: #FAFAFA; 
	
	/*
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 5px
	*/
}
#info-bar-right > ul > li .info-box .h3 {
	margin-top: 0px; 
}

#info-bar-right > ul > li > a {
	color: #fff;
	font-size: 25px; 
}
#info-bar-right > ul > li:hover {
	background-color: #FAFAFA;
	color: red;
}
#info-bar-right > ul > li:hover > a {
	color: #4E4E4E;
}
#info-bar-right > ul > li:hover .info-box {
	display: block;
	color: #4E4E4E;
}
#info-bar-right > ul > li:hover .info-box a {
	color: #4E4E4E;
}

.info-bar-text {
	font-size: 12px; margin-top: -5px;
}

.you {
    float: right;    
    margin: -1px 18px 5px 0;         
}

.you::before {
    box-shadow: 5px -5px 5px 0 rgba( 178, 178, 178, .4 );
    right: -9px;    
}

.bubble::before {
    background-color: #F2F2F2;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 20px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
}

.fal-securedownload ul li:hover {cursor: pointer;}


.barrique-paytype {display: inline-block; margin-right: 0.75em; margin-bottom: 0.75em; text-align: center;}
.barrique-paytype i.fa {font-size: 4em; color: #808080;}
.barrique-paytype span {font-size: 12px}




.lead {
	font-size: 1.25em;
}
.small {
	font-size: 0.8em;
}
.text-nowrap {
	white-space: nowrap;
}
.text-lowercase {
	text-transform: lowercase;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}
.text-info {
    color: #17a2b8 !important;
}
.text-muted {
    color:#D5D5D5 !important;
}
.text-danger {
    color: #e30d7e !important;
}
.text-success {
    color: #28a745 !important;
}
.text-warning {
    color: #ffc107  !important;
}

.footer .legal-notes ul.meta-menu {
	text-align: right;
}

/*==========  Paginator in Intranet  ==========*/
.page-item a,
a.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #e30d7e;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:hover {color: #808080;}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #e30d7e;
    border-color: #e30d7e;
}


/*==========  Intranet / Forum  ==========*/
.tx-typo3forum-pi1 .forum_menu .btn {margin-bottom: 20px;}
.tx-typo3forum-pi1 .card {padding-bottom: 20px; text-align: left;}
.note-popover.popover {display: none;}

/*==========  Barrique Payment  ==========*/
.barrique-paytype img {	height: 50px; width: auto;}

/*==========  Powermail  ==========*/

.tx-powermail {margin: 0 -15px;overflow: hidden}
.powermail-errors-list {margin: 85px 30px 30px 30px}
.powermail-errors-list.filled {margin: 0}

/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.menuzord-brand img {max-height: 40px;}	
	.footer .legal-notes ul.meta-menu {
		text-align: left;
	}
	#info-bar-right > ul > li {padding: 1px;}
	#info-bar-right .info-bar-text {display: none;}
	#info-bar-right > ul > li .info-box {
		right: 16px;
		width: 280px;
	}		
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.tx-barrique .row.pt-5.border-bottom {
		margin-bottom: 1em;
		padding: 1em;
	}
	.footer .legal-notes {margin-bottom: 60px;}
	.footer .legal-notes p.text-white,	
	.footer .legal-notes ul.meta-menu {
		text-align: center;
		margin-bottom: 20px;
	}
	.rootline {display: none;}

		
}

@media (max-width: 900px){
	.menuzord-responsive .menuzord-brand {
		margin: 8px 0px 0px 10px;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.section-title h1.font-60 {font-size: 40px !important}
	.section-title h1 span.barrique-loc {
		position: relative;
	}
	.inline-block.mt-30.pb-40.pl-40.pr-40.pt-40 {padding: 10px 40px 10px 10px !important}
  	#info-bar-right {top: 250px;}
	
	/* TABLES RESPONSIVE START */
	/* Uwe Jakobs 26.09.2022*/


	table {
		border:none;
	}
	table.ce-table-striped tbody tr td.text-bold {
		font-weight: 600;
		font-size: 1.25em;
	}

	thead {
		display:none;
	}

	tr {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}

	td {
		float: left;
		width: 100%;
		padding:1em;
	}

	td::before {
		content:attr(data-label);
		word-wrap: break-word;
		float:left;
		padding:1em;
		font-weight: bold;
		margin:-1em 1em -1em -1em;		
	}	
	/* TABLES RESPONSIVE ENDE*/	
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
	.menuzord-brand img {max-height: 36px;}	
}

@media only screen and (max-width : 400px) {
	.menuzord-brand img {max-height: 30px;}	
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
	.menuzord-responsive .menuzord-brand {margin: 8px 10px;}
	.menuzord-brand img {max-height: 22px;}	
}