/*
 * extended styles euroregion
 *
 * Copyright 2015 pocolico multimedia berlin
 *
 * author: pocolico multimedia berlin - http://www.pocolico.de
 * 
 */
 
 
/*
(euroregion)		darkblue standard: 	#0a1f7b
(h and menu backs)	lighter darkble:	#3a4d9f
(submenu/h2) 		background-blue: 	#C1CDFF
(sidepanel) 		lightgrey: 			#F2F3F7
*/ 
 
/*------------------------------------Basics-----------------------------------*/ 
h1.entry-title{
	font-size: 26px;
	background-color: #0a1f7b;
	background-color: #3a4d9f;
	padding: 10px;
	margin-top: 20px;
	color: #FFF;
}
h1.entry-title a{
	color: #FFF;
}
h1.entry-title a:hover{
	color: #DDD;
}

.entry-content h2{
	font-size: 18px;
	/*color: #0a1f7b !important;*/
}

.entry-content h3{
	font-size: 17px;
	margin-top: 35px;
}
.entry-content h4{
	font-size: 16px;
	margin-top: 25px;
}
 
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
	margin-top: 0px;
	padding-top: 0px;
}




strong, b{
	color: #3a4d9f;
}

strong.grey, b.grey, .grey{
	color: #6B6B6B;
}

p{ 
	line-height: 1.5;
}

.entry-content p, .textwidget p{
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
/*------------------------------------Header-----------------------------------*/
.flex-caption{
	width: 50%;
}

.flex-caption div.area{
	border: 1px solid white;
	
}

.flex-caption .areacontent{
	background-color: white;
	opacity: 0.8;
	padding:5px;
	margin:0;
}
.flex-caption img.arealogo{
	margin-right: 10px;
}

#subtitle{
	background-color: #F2F3F7;
}
.description span{
	color: #3A4D9F;
	margin-left: 80px;
	font-weight: bolder;
	font-size: 19px;
}


.flexslider div.printfriendly{
	display: none !important;
}




h2.entry-title{
	opacity: 0.8;
}

#area-pic{
	margin-bottom: 30px;
	width: 1125px;
	width: auto;
}



.cfa-button {
	display: none;
}

.page-header {
    padding-bottom: 0px;
    margin: 0px;
    border-bottom: none;
}




@media (max-width: 1024px) {
  .flex-caption {
    display: block;
   /*  border: 3px solid yellow;*/
    position: relative;
    margin-top: -200px;
    width: 80%;
    
  }

}

@media (max-width: 768px) {
  .flex-caption {

     /*border: 3px solid green;*/
  
    margin-top: -140px;
    width: 85%;
    
  }
  
  .flex-caption img.arealogo{
	width: 100px;
  }
  
  .flex-caption h2{
	font-size: 110%;
	margin:0;
	padding: 5px 10px;
  }
  
   .flex-caption .areacontent{
	font-size: 90%;
  }

}


@media (max-width: 667px) {
  .flex-caption {
  	  margin-top: 60px;
   /* border: 3px solid red;*/

    
  }

}

@media (max-width: 240px) {
  .flex-caption {
  	  display:none;

    
  }

}
.description{
	float: left;
	width: 70%;	
}

.lang_selector{
	float: right;
	margin-top: 6px;	
}



.cat-logo{
	float: left;
}

/*----------------------menu------------*/
li.divider{
	background-color: #FFF !important;
}

li.dropdown-header{
	background-color: #3A4D9F !important;
	color: #FFF;
}

li.nav-archiv{
	background-color: #EEE;
}

li.nav-archiv a{
	color: #BBB !important;
}


#secondary .widget_nav_menu{
	background-color: #c1cdff !important;
}

#secondary .widget_nav_menu li{
	text-align: right;
	border-bottom: 1px solid #DDD;
}

#secondary .widget_nav_menu li.current-menu-item{
	background-color: #0A1F7B;
	background-color: #3A4D9F;
}
#secondary .widget_nav_menu li.current-menu-item a{
	color: #FFF;
	margin-right: 10px;
}


/*------------------------------------content frontpage------------------------*/

/*------------------------------------content ---------------------------------*/


/* bootstraps */
.alert-info{
	background-color: #dee4ff;
	border-color: #0a1f7b;
	color: #333;
}

.tab-pane{
	padding: 5px;
}
li.list-group-item{
	background-color: #F2F3F7;
}






div.geo-partner, div.partner{
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
	padding: 10px;
}


/* home boxes */
.home-widget, .home-widget p{	
	text-align: center;
}
.hpbox_outer{
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	box-shadow: 2px 4px 5px #d7d7d7;
}

.hpbox_outer figure {
    margin: 0px;
    padding: 0px;
    background: #FFF none repeat scroll 0% 0%;
    overflow: hidden;
}

.hpbox figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}




.hpbox_outer .hpbox p{
	background-color: #3A4D9F;
	color: white;
	/*font-weight: bolder;*/
	text-align: center;
	padding: 10px;
	margin-bottom: 0;
}



/*------------------------------------left side content------------------------*/
#secondary{
	background-color: #f2f3f7;
	border-right: 1px solid #DDD;
}
#secondary h3{
	font-size: 22px;
	background-color: #0a1f7b;
	background-color: #3a4d9f;
	color: #FFF;
	padding: 2px;
	text-align: right;
}

#secondary aside.widget_nav_menu h3{
	text-align: right;
}
#secondary h5{
	font-weight: bolder;
	line-height: 1.4;
}

.smaller{
	font-size: 80%;
}

img.border{
	border: 1px solid #DDD;
}

.my_box{
	width: 100%;
	float:left;
	margin-bottom: 35px;
}
/*------------------------------------mitglieder-----------------------------------*/

.mitglied{
	float: left;
	width: 100%;
	/*border-bottom: 1px solid #DDD;*/
	padding-top: 15px;
	
	width: 50%;
	margin-top: 2em;
	/*border: 1px solid red;*/

}

.odd{
	clear: left;
}
.wappen{
	float: left;
	
}

.einmitglied{
	float: left;
	padding-left: 20px;
	
	width: 75%;
	
}
.mitglieddetails{
	display: none;
	position: relative;
	float: left;
	width: 520px;
	background-color: #f2f3f7;
	text-align: left;
	padding: 5px;
	
	width: 130%;
	
	
}

.mitglieddetails p, .einmitglied p{
		text-align: left;
		
}

.mitglieddetails p{
		font-size: 0.9em;
		
}

@media (max-width: 735px) {
	.mitglied{
		width: 100%;
		margin-top: 2em;
	}
	.einmitglied{
		width: 70%;
	}
}


@media (max-width: 374px) {
	.einmitglied{
		width: 100%;
	}
	.mitglieddetails{
		width: 100%;
	}
}

/*------------------------------------Forms-----------------------------------*/
input.countfield{
	width: 55px;
	max-width: 55px;
}
label.l_title{
	//min-width: 200px;
	margin-right: 10px;
margin-left: 10px;
}

textarea.txtarea_middle{
	max-width: 500px;
	height: 120px;
}

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

/*------------------------------------Jetpack-----------------------------------*/

.slideshow-window{

}


/*------------------------------------WPML-----------------------------------*/
.wpml-ls-statics-shortcode_actions a{
	background-color: #f2f3f7;
}
.wpml-ls-current-language{
    border: 1px solid #FFF;
}

/*------------------------------------WP-Tables--------Elementor-------------------------*/
.jsgrid-table{
	font-size: 11px !important;
	-moz-hyphens: auto !important;
   -o-hyphens: auto!important;
   -webkit-hyphens: auto !important;
   -ms-hyphens: auto !important;
   hyphens: auto !important; 
   hyphenate-limit-chars: auto 5 !important;
   word-wrap: break-word;
  text-align: left !important;
}

.jsgrid-table .jsgrid-cell{
	padding: 3px !important;
}

.elementor-tab-content{
	padding: 0px !important;
}



p.short-desc{
	-moz-hyphens: auto !important;
   -o-hyphens: auto!important;
   -webkit-hyphens: auto !important;
   -ms-hyphens: auto !important;
   hyphens: auto !important; 
   hyphenate-limit-chars: auto 5 !important;
   word-wrap: break-word;
  text-align: left !important;
}

.tlp-content-holder h3{
	height: 55px !important;
}

@media only screen and (max-width: 767px) {
	.tlp-content-holder h3{
		height: 30px !important;
	}
}

.pfp-wrapper button{
	background-color: #DDD;
	margin-bottom: 10px !important;
}

.pfp-wrapper button.selected, .pfp-wrapper button:hover{
	background-color: #3a4d9f !important;
}