.hdl_anfrage{ font-size: 24pt; line-height: auto;   font-weight: 100; color:#9b9b9b;}
.facts  {list-style:none !important; }
.facts ul li {margin-bottom:40px; list-style:none !important; }

.ico_event:before {content: url(../imglib/icon/kompass.svg); display:block; height:35px; width:35px;  position:relative;     left: -40px; top:30px;  }
.ico_request:before {content: url(../imglib/icon/tacho.svg); display:block; height:35px; width:35px;  position:relative;     left: -40px; top:30px; }
.ico_add:before {content: url(../imglib/icon/add.svg); display:block; height:35px; width:35px;  position:relative;     left: -40px; top:30px; }
.ico_handshake:before {content: url(../imglib/icon/handshake.svg); display:block; height:35px; width:35px;  position:relative;     left: -40px; top:30px; }

.ico_personen:before {content: url(../imglib/icon/personen.svg); display:block; height:35px; width:35px;  position:relative;     left: -40px; top:30px; }
.ico_location:before {content: url(../imglib/icon/location.svg); display:block; height:35px; width:35px;  position:relative;     left: -40px; top:30px; }
.ico_dauer:before {content: url(../imglib/icon/dauer.svg); display:block; height:35px; width:35px;  position:relative;     left: -40px; top:30px; }

.col-2spalten h2 {margin-top:0px !important;}
.col-2spalten { margin-bottom:20px;}

.slider_intro {min-height:270px;}


.newsArea .col-sm-12 h3{ color:#9b9b9b; } /* font-size:13pt; font-weight:600; font-style:italic; */


/* NEWS */
a{ color:#8f1625;}
a:hover{ color:#146139; font-weight:600;}

.link-white { color:#fff !important;}

.gallery_titel { font-size:12pt; letter-spacing:0;  margin-top:0px !important;  margin-bottom:20px; }
.selbox{ margin-left:10px;}

.form-control-borderless{ border:0px;}
.suchrahmen { border: 1px solid #ced4da; border-radius: .25rem;     padding-left: 5px; height:30px; overflow:hiddden;}

/* NEWS */
.datum_blog{ font-size:18px; }
.monat{ font-size:30pt;}
.news_text { font-size:10pt; }
.gallery .row > div { padding: 2px; }
.w100 { width:100%;}
.location { min-height:240px;}
.location_titel {font-size:13pt; text-transform:uppercase; font-weight:600; }
.location_subline {font-size:10pt; #242525}

.news  h1 { margin-bottom:0px !important;}
.news  h2 { margin-top:0px !important; margin-bottom:20px;}
.newslist { margin-top:30px; padding:30px; list-style-type: none !important; margin-bottom:0px !important; margin-left:0px !important;}

/* ITALY MAP */

.blog_entry img { height:auto; width:320px; display:flex; clear:left; padding:5px; padding-right:20px;}
.blog_entry ul li { padding-left:20px;}
.map svg {
  height: auto;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.maplink {
  color: #146139 ;
}

.map g {
  fill: #ccc;
  stroke: #333;
  stroke-width: 1;
}

.map g:hover {
  fill: #146139 !important;
  cursor: pointer;
}

.info_panel {
  background-color: rgba(255,255,255, .8);
  padding: 5px;
  font-size: 11px;
  font-family: Helvetica, Arial, sans-serif;
  position: absolute;
  border: 1px solid #333;
  color: #333;
  white-space: nowrap;
}

.info_panel::first-line {
  font-weight: bold;
}

/*Hunger sec form css starts here*/ 
.hunger_sec label {color:#7c7575;}
.hunger_sec .checkbox-inline {margin-bottom:10px;}
.hunger_sec{padding:0px;}
.hunger_sec .hunger_box{float:left;width:100%;padding:10px 180px;}
.hunger_sec .hunger_box h2{font-size:64px;}
.hunger_sec .hunger_box h3{font-size:48px;color:#9b9b9b;}
.hunger_sec .hunger_box p{text-align:justify;font-size:14px;line-height:36px;color:#4a4a4a;}
.hunger_sec .hunger_box .messagefeld{	margin-top: -51px;} 

.hunger-intro h1 {color:#9b9b9b !important; margin-bottom:10px; text-transform:none; font-size:18pt; }
.hunger-intro {text-align:left;}
.hunger-intro p {text-align:left; line-height:12pt !important;}

.hunger_form {padding:35px 0 5px;}
.hunger_form input, .hunger_form textarea,  .hunger_form select{background-color:#f7f7f7;}
.hunger_form .form-group{margin-bottom:0;line-height:10px;}
.hunger_form .form-group .form-control{height:46px;}
.form-control:focus, form-control:active{outline:0;box-shadow: 0 0 3px #9b9b9b;border:1px solid #9b9b9b;background-color:#fefefe;}

.inp-search:focus{outline:0;box-shadow: 0;border:0px;background-color:transparent;}

.hunger_sec .hunger_box .checkboxes_div{padding:25px 0px 0 40px}
.checkboxes_div .form-check{width:45%;display:inline-block;padding-bottom:0.8rem;margin: 0 0 0 0.2rem;}
.checkboxes_div .form-check input{display: none;}
.checkboxes_div .form-check label{display: block; cursor:pointer;}
.checkboxes_div .form-check span{padding-left:20px;display:block;}
.checkboxes_div .form-check span:before{content: ''; position: absolute; left:0; width:25px; height:25px; border-radius:15%; border:1px solid #9b9b9b;background-color:#f7f7f7;}
.checkboxes_div .form-check input:checked + span:after{content: ''; position: absolute; left:2px; top:4px; text-align: center; width:22px; height:18px; background: url(../images/tick.png) no-repeat center;}
.hunger_form button.form_submit{outline:0;border:none;background-color:#8f1625;cursor:pointer; color:#ffffff;font-size:16px;padding:15px 5px;margin:0px;width:300px;}
.hunger_form button.form_submit:hover{background-color:#4a4a4a;}

/*Hunger sec form css ends here*/ 



/* HOME */
.karte_hdl{font-size: 21pt; font-weight: 900; text-transform: uppercase; margin-bottom:0px;}
.karte_subline{font-size: 16pt;  text-transform: uppercase;}

.container .row h2{ margin-top:25px;} /*analog H3 H4 */
.region_info p{ padding-right:20px;}
.regionen_nav .nav__list{  color:#9b9b9b; list-style: square; }
.regionen_nav .nav__list a{color:#9b9b9b; padding:5px;}
.regionen_nav .nav__list a:hover{ font-weight:700; color:#fff; background-color:#146139;}
.container .regionen_nav ul {margin-left:20px;}
.regionen_nav li { float:left; min-width:140px;}




.portfolio-category li:before{
	content:".";
	padding-right:10px;
	
}
.portfolio-category li:first-child:before{
	content:"";
	padding-left:0px;
	padding-right:0px;
}



.portfolio-post, .portfolio-thumbnail{
	position: relative;
	overflow:hidden;
}
.portfolio-post, .portfolio-thumbnail img{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor:pointer;
}
.portfolio-thumbnail img{
	width: 100%;
	height: auto;
}
.portfolio-content{
	position: absolute;
 
    right: 0;
    left: 0;
    bottom: 0px;
    padding: 5px;
    overflow:hidden;
    opacity:1;
     background-color:rgba(60, 60, 60, 0.7);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	text-align:center;
}


.portfolio-thumbnail:hover .portfolio-content{
    background-color:rgba(255, 255, 255, 0.7);
    opacity:1;
	color:#000;
	font-size:14pt;
	
}
.portfolio-content{
	display:table;
	width:100%;
	height:20px;
	color:#fff;
	
	
}
.portfolio-content-details{
	display:table-cell;
}



.team{
background: url(../imglib/templates/team-italiaplus.jpg) no-repeat top center;
    background-size: cover;
    padding: 4% 0 4%;
    color: #fff;
	}
	
.team .name{ font-size:14pt; color:#212529; font-weight:700; padding-bottom:20px; line-height: 27px;}
.team .spirit{ font-size:18pt; color:#212529; font-style:italic;}
.team-bg{ background:rgba(255,255,255,0); }

/* SUCHE */
.suche_item{margin-bottom:10px;}
.suche_item a  { color:#343a40;  font-weight:600; font-size:13pt;}
.suche_url { font-size:8pt; color:#146139;}
.suche_label{font-size:14pt;}
.suche_word{font-size:14pt; color:#8F1625;}

/* TOP BAR */
.top-bar {list-style: none;}
.top-bar li {  float: left; margin-left:5px; margin-bottom:5px; }
.top-bar a{  color:#9b9b9b; font-size:14pt; }
.searchSec{     background-color: transparent; border: none; }
.inp-search{ height:30px; width:120px!important; padding: 3px; padding-top:0px; color:#9b9b9b;     background: transparent}
.inp-search:focus{ border:0px;outline-style:none;
box-shadow:none;
border-color:transparent;}


/* TOP 10 PRODUCTS  */
.top10_green{ padding:10px !important; background-color:#146139; width:100%; margin-top:6px; height:100%; color:#fff; }
.top10_titel{font-size:21pt; font-weight: 900; line-height:21pt; letter-spacing:2px;  transition: all 0.5s ease;}
.top10_subtitel{ font-size:20pt; letter-spacing:1.4px; font-style:light; line-height: 28px; margin-left:2px;  transition: all 0.5s ease;}
.top2-img { width:100%; height:300px;  transition: all 0.5s ease; }
.top-label{
    position: relative;
    bottom:10px;
	z-index:999;
    left: 0;
    z-index: 10;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
	width:100%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background-color: #0B2665;
    opacity: 1;    color: #fff;
}


/* READ MORE */

.btn_back{ 


  background-color:#8f1625;
  color: #fff;
  border-radius: 0px;
  text-align: left;
  cursor:pointer;
  font-weight:600;
  
 }

/* COL TEST */


.col-2spalten {
		margin-top: 1.8ex;
		-moz-column-count: 2;
		-moz-column-gap: 2em;
		-webkit-column-count: 2;
		-webkit-column-gap: 2em;
		column-count: 2;
		column-gap:2em;
		-moz-column-rule-style: dotted; 
		-moz-column-rule-width: 1px;
		-moz-column-rule-color: silver;
		-webkit-column-rule-style: dotted; 
		-webkit-column-rule-width: 1px;
		-webkit-column-rule-color: silver;
		column-rule-style: dotted; 
		column-rule-width: 1px;
		column-rule-color: silver;
		column-width: 50%;
		-webkit-column-width:50%;
		-moz-column-width: 50%;
		box-sizing: border-box;
		line-height:1.2		
}

/* END COL TEST */

.ita-grey { color:#9b9b9b;}
.ita-green { color:#146139;}
.ita-red { color:#8f1625;}

.readmore{ 
border:0px;
margin-bottom:20px;
margin-top:10px;
background-color: #8f1625;
color:#fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

webkit-border-radius: 3px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 6px;
    border-radius: 3px;
    border-bottom-right-radius: 15px;
}
.readmore:hover{	background-color: #146139;	color:#fff;}
.readmore:before { content:"";}

.readmore_old{
  color: #8f1625;
  width:150px;
  border-radius: 0px;
  padding: 0px;
  text-align: left;
  cursor:pointer;
  font-style:italic;
  font-weight:600;
  
}

.view {
  max-width: 210px;
  margin: auto;
  height: 390px;
  border: 10px solid black;
  border-top: 30px solid black;
  border-bottom: 30px solid black;
  border-radius: 15px; padding: 10px;
  position: relative;
}
/* Fonts css **/



section p a {
    color: #8f1625;
	text-decoration:underline;
}

section p a:hover {
    color: #8f1625;
	text-decoration:none;
}

.container ul {margin-left:40px; margin-bottom:30px;  } /*  */
.container ul li {margin-bottom:5px;}
@import url('https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css');

.footer-widget{ margin-bottom:20px;}

.reise figure {
	width:100%;
	msin-width:395px !important;
max-height:235px; overflow:hidden;
}

.reise figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width:100%;
	
}
.reise figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	cursor:pointer;
}

.reiseauswahl figure:hover img {

	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	cursor:pointer;
}


.reiseauswahl figure img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.reiseauswahl figure{ height:145px;  width:218px; margin-right:5px; margin-bottom:5px; float:left; overflow:hidden; position: relative;}

.figure-caption{ 

position: absolute;
    display: block;
    width: 100%;
	padding:2px;
    height: 50px;
    left: 0px;
    bottom: -24px;
    text-align: center;
    color: #fff;
    background-color: rgba(74,74,74,.8);
    line-height: 20px;

	font-size:15px;
	font-weight:400; 
letter-spacing: 0.6px;
	
}



.reisen ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.reisen ul li {
    display: block;
    padding-bottom: 5px;	
}
.reisen ul li a {
    font-size: 12pt;
    color: #fff;
    line-height: 21px;
    font-family: 'Lato';
	 letter-spacing: 0.6px;
	
}
.item-selected{ font-weight:700;}

.breadcrumb-item a {color:#4a4a4a;}
.breadcrumb  {background-color:#fff; margin-bottom:0px;}
.breadcrumb:first-child{padding-left:5px;}
.breadcrumb-item+.breadcrumb-item::before {
    content: "›";
  vertical-align:top;
  font-size:25px;
  line-height:20px;
}


#usp{  padding:0px;}
.usp ul li i{font-size:34pt; color:#146139;display:block; font-weight: 200; float:left; margin-right:10px;	 }
.usp ul li span{display:block; float:left; text-align:left; margin-top:5px; font-weight: 700;  color:#4a4a4a;}
.usp ul li {
min-width:350px;
display: inline-block;
font-size:14pt;	 
padding:50px;
}	


body{
    background: #4988c1;
    background-image: url(../imglib/templates/bg_liguriaplus.jpg);
    background-repeat: repeat-x;
    font-size: 11.5pt;
    background-attachment: fixed;
	line-height: 16pt;
	
}	
	
	
	
.newsArea .col-sm-12, .col-md-4, .col-lg-4{    padding-right: 5px;    padding-left:5px; }
.newsArea  .row {margin:0px;}
.serviceArea  .row {margin:0px;}
.serviceArea .col-sm-12, .col-md-4, .col-lg-4{    padding-right: 5px;    padding-left:5px; }
.container {
    max-width: 1240px;
}


.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.bold {
  font-weight: 700;
}
.black {
  font-weight: 900;
}

/*image_main_gallery css starts here*/


.image_main_gallery.row {display: flex; flex-wrap: wrap; padding: 0; margin:0 auto; position:relative; background-color:#efefef; }
.image_main_gallery .overlay_text{position:absolute;width:580px;min-height:150px;background-color:#f9f7f3;padding:20px;top:25%;left:10%;overflow-y:auto}
.image_main_gallery .overlay_text h3{font-size:26px;}
.image_main_gallery .overlay_text h4{font-size:17px;}
.image_main_gallery .overlay_text p{font-size:14px; padding:20px 0 15px 15px;line-height:22px;color:#4a4a4a;}

.image_main_gallery .column .label { z-index:900;


display: block;
    position: absolute;
    background-color: rgba(255,255,255,0.7);
    padding: 10px;
    width: 100%;
    text-align: center;
    margin.-bottom: 0px;
    height: 40px;
	}

/* Create four equal columns that sits next to each other */
.image_main_gallery .column {
    flex: 25%;
    max-width: 25%;
    padding: 0 6px 0 0;
    float: left;
    overflow:hidden; 
}

.image_main_gallery .column.col_100{
    flex:100%;
    max-width:100%; 
}

.image_main_gallery .column.col_10{
    flex:10%;
    max-width:10%; 
}

.image_main_gallery .column.col_15{
    flex:15%;
    max-width:15%; 
}

.image_main_gallery .column.col_20{
    flex:20%;
    max-width:20%; 
}

.image_main_gallery .column.col_25{
    flex:25%;
    max-width:25%; 
}


.image_main_gallery .column.col_30{
    flex:33.333333%;
    max-width:33.333333%; 
}

.image_main_gallery .column.col_40{
    flex:40%;
    max-width:40%; 
}

.image_main_gallery .column.col_60{
    flex:60%;
    max-width:60%; 
}


.image_main_gallery .column.col_15 .col_7{
    flex:50%;
    max-width:50%;
    width:50%;
    float: left;
    padding-right:2px;
}


.image_main_gallery .column.col_15 .col_7.last_child_element{
    padding-left:2px;padding-right:0;
}


.image_main_gallery .column img {
    margin-top:6px;
    vertical-align: middle;
    width:100%; 
    -webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease;-ms-transition: 0.5s ease;transition: 0.5s ease;
}


.image_main_gallery .column img:hover{transform: scale(1.2);-webkit-transition: 0.5s ease;-moz-transition: 0.5s ease;-o-transition: 0.5s ease;-ms-transition: 0.5s ease;transition: 0.5s ease;}



.image_main_gallery .column.col_60 .col_40.last_child_element{
    padding-left: 2px;
	padding-right: 0;
	
}
/*image_main_gallery css ends here*/



/*General CSS*/
body {
    font-family: 'Lato', sans-serif;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	font-family:  'Lato';
	color:#8f1625;
}

h1{ 
font-size:19pt;
 font-weight: 900;
 text-transform: uppercase;
 margin-bottom:14px;
}

h2 {
	font-family: Lato;
    font-size: 23px;
    color: #8F1625;
    letter-spacing: 1px;
    text-transform: _uppercase;
	margin-bottom:14px;
}

h3 {    font-size: 15pt; }

input:focus,button:focus{
	outline: none;
}
p{	
    font-family: Lato;;
}
section{
	padding: 30px 0;
}
a{
	transition: 0.3s;
}
a:hover,a:focus{
	text-decoration: none;
}
img{
	max-width: 100%;
	height: auto;
}
ul{
	margin: 0;
	padding: 0;
}
b,strong{

    font-family: Lato;
}
.lghtgrn-btn,.mdgrn-btn,.darkgrn-btn{
	line-height: 38px;
	display: inline-block;
	border-radius: 16px;
	background:#8f1625;
    font-family: 'Macho-Medium';
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 13px;
    color: #fff;
    padding: 0 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.lghtgrn-btn:hover,.mdgrn-btn:hover,.darkgrn-btn:hover{
	color: #000;
}
.mdgrn-btn{
	background: #67bc37;
}
.darkgrn-btn{
	background: #34b46a;
}

/* main wrapper css */
.wrapper{

    background-size: cover;	
    max-width: 1440px;
    margin:0 auto;
    overflow: hidden;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.22);
	background-color:#fff;
}

/*Header CSS*/
.headerArea{
	background-color: #fff;
	position: fixed;
	    max-width: 1440px;
    width: 100%;
	z-index:999;
}
.headerArea .logo {
    position: absolute;
    left: 0px;
    z-index: 9;
    width: 100%;
    padding: 17px 16px 30px 19px;
    max-width: 237px;
}
.headerArea .logo:before {
    content: '';
    width: 285px;
    height: 176px;
    background: #fff;
    position: absolute;
    left: -34px;
    border-radius: 100%;
    transform: rotate(-10deg);
}
.headerArea .navbar .navbar-toggler{ margin-top:-52px;}	

.headerArea .logo img {
    position: relative;
    z-index: 99;
}

.headerArea .navbar {
    padding: 0px;
    margin-left: 106px;
}
.headerArea .navbar-light .navbar-nav li:first-child>a{


}
.headerArea .navbar-light .navbar-nav li a {
    color: #000;
    font-size: 15px;
    padding: 0 10px;
    font-family: Lato;
    letter-spacing: 1.1px;
    line-height: 56px;
	text-transform:uppercase;
	
}
.headerArea .navbar-light .navbar-nav li a.active{
	font-family: Lato;
	color: #000;
}
.headerArea .navbar-light .navbar-nav li a:hover{
	color: #8f1625;
	font-weight:600;
}

.navbar-nav li a:after {
    content: none;
}

.headerArea .navbar-nav li .dropdown-menu {
	width: 161px;
    background: #41b16a;
    background: -moz-linear-gradient(top, #41b16a 0%, rgba(156,198,4,0.9) 100%);
    background: -webkit-linear-gradient(top, #41b16a 0%, rgba(156,198,4,0.9) 100%);
    background: linear-gradient(to bottom, #41b16a 0%, rgba(156,198,4,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41b16a', endColorstr='rgba(156,198,4,0.9)', GradientType=0);
}

.navbar-nav li .dropdown-menu {
    border: none;
    border-radius: 0px;
    margin: 0px;
}

.headerArea .navbar-light .navbar-nav li .dropdown-menu a {
    color: #fff;
    padding: 5px 25px;
    line-height: normal;
    font-size: 14px;
}
.headerArea .navbar-nav li .dropdown-menu a.active{
    color: #fff;
    background: none;	
    font-family: Lato;
}
.navbar-nav li .dropdown-menu a:hover {
    color: #000;
    background: none;
}

.navbar-light .navbar-toggler-icon{
	/* background-image:url(../images/mobile-nav-icon.svg); */
}
.headerArea .navbar button{
	border:none;
}

/* Banner CSS */
.banner {
	padding: 0;
    position: relative;
	margin-top: 160px!important;
}
.banner .item{	
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    position: relative;
	padding: 15% 0 3%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    margin-bottom: 5px;
    z-index: 1;
}
.banner.home-slide .item{
    padding: 11% 0 3%;
}
.banner .item:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;

}
.banner .txt {  
    color: #fff;
    letter-spacing: .6px;
}

.banner .txt h1 {
    font-size: 60px;
    letter-spacing: 1.5px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    font-family: Lato;
    text-transform: uppercase;
    line-height: 70px;
}
.banner.home-slide .txt h1{
    font-size: 80px;
    letter-spacing: 2px;
    line-height: 80px;
}

.banner .txt p {
    font-size: 26px;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    margin-top: 15px;
}

/* Welcome css */

.welcome h2 {
    color: #000;
    margin-bottom: 1em;
}

.welcome p {
    font-size: 16px;
    color: #000;
    font-family: Lato;;
}

.owl-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

.owl-dots button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff !important;
    margin: 0px 4px;
    position: relative;
}

.owl-dots button.active:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #90b81c;
    position: absolute;
    border-radius: 50%;
    top: 4px;
    left: 4px;
    margin: auto;
}

.owl-nav {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: 100%;
    padding: 0px 30px;
}

.owl-nav button {
    color: #fff !important;
    float: left;
    font-size: 0px !important;
    width: 15px;
    height: 26px;
    background-image: url(../images/lefticon.png) !important;
}

.owl-nav button+button {
    float: right;
    background-image: url(../images/righticon.png) !important;
}

/* Our Goal CSS */
.ourgoal ul {
    padding: 0px;
    margin: 0px;
    counter-reset: section;
}

.ourgoal ul li {
    list-style: none;
    position: relative;
    font-family: Lato;;
    font-size: 16px;
    padding: 0 0 24px 48px;
}

.ourgoal ul li:before {
    counter-increment: section;
    content: counter(section);
    width: 22px;
    height: 22px;
    display: inline-block;
    background: #d8d8d8;
    text-align: center;
    line-height: 22px;
    border-radius: 100%;
    font-size: 12px;
    position: absolute;
    left: 0;
}
.ourgoal ul li:after {
    content: '';
    width: 15px;
    display: inline;
    position: absolute;
    left: 22px;
    top: 8px;
    border: 1px dotted #d8d8d8;
}

.ourgoal p {
    font-size: 16px;
    color: #000;
}

/*responsibility css*/
.responsibility {
    background: url(../images/contact.jpg) no-repeat top center;
    background-size: cover;
    padding: 4% 0 4%;
    color: #fff;
}
.contact_number{  margin-left:120px; font-size:17pt;  line-height:16pt;color:#8f1625; }
	
.responsibility h2 {
    color: #9b9b9b;
    font-size: 22px;
    line-height: 21px;
    letter-spacing: 1.5px;
	margin-left:120px;
}

/*serviceArea css*/
.serviceArea{
	text-align: center;
	background: #4a4a4a;
	background-size: cover;
	position: relative;
}
.serviceArea:before{
	content: '';
	width: 100%;
	height: 0px;
	position: absolute;
	top: 0;
	left: 0;
	background: #000000;
	
}
.serviceArea:after{
	content: '';
	width: 100%;
	height: 0px;
	position: absolute;
	bottom: 0;
	left: 0;

}
.serviceArea h2{
	color: #fff;
}
.serviceArea p{
	color: #fff;
}
.service-item{
	margin: 30px 0;
}
.service-item .service-icon{
	margin-bottom: 10px;
}
.service-title h4{
	color: #fff;
	font-family: Lato;
	font-size: 16px;
	min-height: 58px;
	line-height: 24px;
}

/* newsArea css*/
.newsArea{
	padding: 0px;
}
.newsitem{
	margin: 10px 0;
}
.newsitem .news-info{
	text-align: center;
}
.newsitem .news-img{
	margin-bottom: 10px;
}
.newsitem .news-info h3{
	font-size: 22px;
	color: #8F1625;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 21px;	
	letter-spacing: 1px;
	text-align: left;
	margin-top:20px;
}
.newsitem .news-info h4{
	font-size: 16px;
	font-family: Lato;
	font-weight: 700;
	color:#4a4a4a;
	margin-bottom: 15px;
	line-height: 19px;
	text-align: left;
}
.newsitem .news-info p{
	text-align: left;
	margin-bottom: 2em;
	line-height:16px;
}

/*countryArea css*/
.countryArea{
	padding: 0px 0 68px;
}
.map-img {
    text-align: center;
    margin-top: 30px;
}
.map-img img{
	margin: 0 auto;
	display: block;
}
/* Governance css*/
.governanceArea{
	padding: 32px 0 52px;
	text-align: center;
	position: relative;
	background: #fff;
}
.governanceArea:before{
	content: '';
	width: 100%;
	height: 6px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(156,198,4);
	background: linear-gradient(90deg, rgba(156,198,4,1) 0%, rgba(0,170,156,1) 100%);
}
.governanceArea:after{
	content: '';
	width: 100%;
	height: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgb(156,198,4);
	background: linear-gradient(90deg, rgba(156,198,4,1) 0%, rgba(0,170,156,1) 100%);
}
.governanceArea h2{
	margin-bottom: 0;
}
.Umbrella-title h4{
	text-align: left;
	color: #9f9f9f;
	font-size: 26px;
	line-height: 32px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}
.Umbrella-block{
	border-bottom: 1px solid #dedede;
	padding-top: 44px;
	padding-bottom: 44px;
}
.Umbrella-block.imple-block{
	border-bottom: none;
}
.donor-block{
	padding-top: 44px;
}


/*About objectiveArea Css*/
.objectiveArea{
	padding: 36px 0;
	text-align: center;
	background: rgb(156,198,4);
	background: linear-gradient(90deg, rgba(156,198,4,0.7) 0%, rgba(0,170,156,0.7) 100%);
}
.objectiveArea h2{
	color: #fff;
	text-align: left;
	margin-bottom: 24px;
}
.objectiveArea ul{
	list-style: none;
	margin: 0 0 24px;
}
.objectiveArea ul li{
	text-align: left;
    color: #fff;
    font-family: Lato;;
    font-size: 16px;
    position: relative;
    padding: 0 0 0 80px;
    min-height: 54px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    line-height: 22px;
}
.objectiveArea ul li img{
	position: absolute;
	left: 0;
}

/* About approachArea css*/
.approachArea{
	padding: 48px 0 28px;
}
.approachArea h2{
	margin-bottom: 24px;
}
.approach-img{
	margin-top: 32px
}
/* parallax css */
.parallax{
    padding: 12.5% 0;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
/* reasonAct css */
.reasonAct{
	padding: 71px 0 39px;
}
.reasonAct h2{
	margin-bottom: 24px;
}
.accordion-block .card{
    border: none;
    margin-bottom: 22px;
    border-radius: unset;
   
}
.accordion-block .card .card-header {
    padding: 0;
    border-radius: unset;
    border-bottom: none;
	max-width:420px;
}
.accordion-block .card .card-header a{
    display: block;
    color: #fff;
    padding: 6px 24px 12px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #8f1625;
    line-height: 32px;
    font-family: Lato;
	    -webkit-border-radius: 3px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 6px;
    border-radius: 3px;
    border-top-right-radius: 26px;
}
.accordion-block .card .card-header a img{
	float: right;
	margin-top: 3px;
	transition: 0.3s;
}
.accordion-block .card .card-header a.collapsed img {
    transform: rotate(180deg);
}
.accordion-block .card .card-body{
	padding: 20px 24px;
	text-align: center;
}
.accordion-block .card .card-body p {
    text-align: left;
}
.reasonAct.governance-wrap {
    padding-bottom: 0;
}

/* gabcArea css */
.gabcArea{
	padding: 33px 0 39px;
}
.gabcArea h2{
	margin-bottom: 24px;
}

/* .peebgovern css */
.peebgovern{
	padding: 48px 0 56px;
}
.peebgovern h2{
	margin-bottom: 24px;
}
.peebgovern-btn{
	margin-top: 32px;
	text-align: center;
}

/* peebteam css */
.peebteam{
	padding: 48px 0 4px;
}
.peebteam h2{
	margin-bottom: 24px;
}
.peebgovern-btn{
	margin-top: 32px;
	text-align: center;
}

/* governance page css */
.governance-logo {
    text-align: center;
    margin-bottom: 52px;
}
img.flower-logo{
    display: none;
}
.level-item {
    margin: 0 auto;
    position: relative;
    padding: 25px 0 0 0;
}
.level-item:before {
    content: '';
    width: 100%;
    height: 3px;
    background: #9c9c9c;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    max-width: 763px;
    margin: 0 auto;
}
.level-item:after {
    content: '';
    width: 3px;
    height: 36px;
    background: #9c9c9c;
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.level-item em {
    position: absolute;
    top: -25px;
    left: 240px;
    font-size: 16px;
    color: #000;
    line-height: 22px;
}
.level-block {
    text-align: center;
    background: #34b46a;
    padding: 25px 12px;
    width: 82%;
    margin: 0 auto;
    position: relative;
}
.level-block:before {
    content: '';
    width: 3px;
    height: 22px;
    background: #9c9c9c;
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.level-block h4 {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    margin-bottom: 12px;
    min-height: 36px;
}
.level-block p{
	color: #fefefe;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	margin-bottom: 0;
}
.level-item-logo {
    background: #ffffff;
    padding: 25px 20px 5px;
    width: 82%;
    margin: 10px auto;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
    text-align: center;
    min-height: 174px;
}
.level-item-logo img {
    margin-bottom: 20px;
}
.governance-level {
    overflow: hidden;
}
div#governance-accordion {
    margin-top: 44px;
}

/* news-events css*/
.news-events-block {
    padding: 44px 0 18px;
}
.news-events-block h2 {
    margin-bottom: 1em;
}
.filterArea{
    padding: 16px 0 0 0;
}
.filterArea span {
    position: relative;
    align-items: center;
    display: flex;
}
.filterArea span img {
    margin-right: 12px;
}
.filterArea ul.filter-list li a{
    line-height: 30px;
    display: inline-block;
    border-radius: 16px;
    background:#9CC705;
    font-family: 'Macho-Medium';
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
    color: #fff;
    padding: 0 64px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.filterArea ul.filter-list{
    margin: 20px 0 12px;
}
.filterArea ul.filter-list li{
    padding: 0 33px 0 0;
}
.filterArea ul.filter-list li a.btn-grey{
    background: #7E7E7E;
}
.filterArea ul.filter-list li a.btn-drkgrn{
    background: #34b46a;
}
.filterArea ul.filter-list li a.active{
    font-family: Lato;    
}
.filterArea .tab-content{
    position: relative;
    padding: 20px 0 12px;
}
.filterArea .tab-content:before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(156,198,4);
    background: linear-gradient(90deg, rgba(156,198,4,1) 0%, rgba(0,170,156,1) 100%);
}
.filterArea .tab-content:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(156,198,4);
    background: linear-gradient(90deg, rgba(156,198,4,1) 0%, rgba(0,170,156,1) 100%);
}
.news-event-item .card{
    border:none;
    border-radius: unset;
    background: none;
    margin-bottom: 20px;
}
.news-event-item .card-header {
    padding: 0;
    border: none;
    background: none;
}
.news-event-item .card-header a{
    padding: 10px;
    background: #34b46a;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.news-event-item .card-header a.card-link.event-color{
    background: #34b46a;    
}
.news-event-item .card-header a.card-link.news-color{
    background: #9cc705;    
}
.news-event-item .card-header a .card-header-lft{
    flex: 0 0 20%;
    max-width: 20%;
}
.news-event-item .card-header a .card-header-lft img{
    width: 100%;
}
.news-event-item .card-header a .card-header-rht{
    flex: 0 0 70%;
    max-width: 70%;
    padding: 0 0 0 27px;
}
.news-event-item .card-header a .card-header-rht h3{
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #ffffff;
    text-transform: uppercase;
}
.news-event-item .card-header a .card-header-rht h3 span{
    display: inline-block;
    padding: 0;
}
.news-event-item .card-header a .card-header-rht p{
    color: #ffffff;
}
.news-event-item .card-header a .card-header-arrow{
    flex: 0 0 10%;
    max-width: 10%;
    text-align: center;
    font-size: 0;
}
.news-event-item .card-header a .card-header-arrow img{
    transition: 0.3s;
}
.news-event-item .card-header a.collapsed .card-header-arrow img {
    transform: rotate(180deg);
}
.news-event-item .card-body{
    padding: 20px 40px;
    background: #f4f4f4;
}
.news-event-item .card-body p{
    margin-bottom: 24px;
}
.filter-btn{
    padding: 20px 0 0 0;
    text-align: center;
}
.filter-btn a{
    line-height: 34px;
    padding: 0 48px;
}
.read-less{
    display: none;
}
.tab-up{
    display: none;
}


/* footerArea css*/
.footer-top{
	padding: 44px 0 0 0;
}
.footer-top img{
	width: 100%;
}
.footer-bottom{
	padding: 40px 0;
	background-color:#686364;
	position: relative;
}
.footer-logo{
	position: absolute;
	right: 78px;
	bottom: 65px;
}
.footer-widget h3{
	font-size: 10pt;
	font-weight:900;
	font-style:normal;
	text-transform: uppercase;
	line-height: 30px;
	letter-spacing: 2px;
	color: #fff;
	margin-bottom: 14px;
}
.footer-widget ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-widget ul li{
	display: block;
	padding-bottom: 5px;
}
.footer-widget ul li a{
	font-size: 14px;
	color: #fff;
	line-height: 21px;
    font-family: 'Lato';
}

.footer-widget ul li a:hover{ color:#000;}

.footer-widget ul li.active a{
    font-family: Lato;	
}




/*========= Device css ===========*/
.top2-img { height:300px !important;}

@media only screen and (min-width:1308px) and (max-width: 1445px){	
.top2-img { height:290px !important;}
}


@media only screen and (min-width:1101px) and (max-width: 1307px){	
.top2-img { height:266px !important;}
}

@media only screen and (min-width:1101px) and (max-width: 1199px){	
	.headerArea .navbar-light .navbar-nav li a{
		padding: 0 10px;
		font-size: 12px;
	}
	.service-title a{
	    padding: 0 12px;
	    line-height: 34px;
	}
	.footer-logo {
	    position: absolute;
	    right: 15px;
	    bottom: 40px;
	}
	.level-block,.level-item-logo{
		width: 100%;
	}
	.level-item:before{
		max-width: 643px;
	}
	.level-item em{
		left: 180px;
	}
    .banner .item{
        padding: 20% 60px 5%;
    }
    .banner .txt h1{
        font-size: 48px;
    }
    .banner.home-slide .item{
        padding: 11% 70px 3%;
    }
    .banner.home-slide .txt h1{
        font-size: 80px;
    }
}
@media only screen and (min-width:1024px) and (max-width: 1100px){  

.xtop10_titel{font-size:12pt; line-height:auto;}
.xtop10_subtitel{font-size:12pt; line-height:auto;}
.top2-img { height: 240px !important;}

    .headerArea .navbar-light .navbar-nav li a{
        padding: 0 6px;
        font-size: 12px;
    }
    .service-title a{
        padding: 0 12px;
        line-height: 34px;
    }
    .footer-logo {
        position: absolute;
        right: 15px;
        bottom: 40px;
    }
    .level-block,.level-item-logo{
        width: 100%;
    }
    .level-item:before{
        max-width: 643px;
    }
    .level-item em{
        left: 180px;
    }
    .banner .item{
        padding: 20% 60px 5%;
    }
    .banner .txt h1{
        font-size: 48px;
    }
    .banner.home-slide .item{
        padding: 11% 70px 3%;
    }
    .banner.home-slide .txt h1{
        font-size: 80px;
    }
}

@media only screen and (min-width:870px) and (max-width: 1120px){
	
.usp ul{ margin-left:0px;     line-height: 19pt;}
.usp ul li { min-width:auto; font-size:13pt; padding:30px;}	

}

@media only screen and (min-width:978px) and (max-width: 1023px){
.xtop10_titel{font-size:14pt; line-height:auto;}
.xtop10_subtitel{font-size:14pt; line-height:auto;}
.top2-img { height: 230px !important;}
}


@media only screen and (min-width:933px) and (max-width: 978px){
	
.xtop10_titel{font-size:12pt; line-height:auto;}
.xtop10_subtitel{font-size:12pt; line-height:auto;}
.top2-img { height: 220px !important;}

}	

@media only screen and (min-width:870px) and (max-width: 933px){
	
.xtop10_titel{font-size:12pt; line-height:auto;}
.xtop10_subtitel{font-size:12pt; line-height:auto;}
.top2-img { height: 210px !important;}

}	
	
@media only screen and (min-width:500px) and (max-width: 869px){
	.usp ul{ margin-left:0px;     line-height: 19pt; margin-top: 20px; margin-bottom:20px;}

	.usp ul li {
	min-width:auto;
	font-size:12pt;	 
	padding:10px;
	}	

	.image_main_gallery .column.col_40 .common_width_2 {
    max-width: 100% !important;
    flex: 100%;
}

.xtop10_titel{font-size:14pt; line-height:auto;}
.xtop10_subtitel{font-size:14pt; line-height:auto;}
.top2-img { height: 200px !important;}
}

@media only screen and (min-width:200px) and (max-width: 747px){
	.usp ul{ line-height: 19pt; margin-left:20px; margin-top: 20px; margin-bottom:20px;  }
	
	.usp ul li {
	width:100%;
	min-width:auto;
	font-size:12pt;	 
	padding:10px;
	}	
}




@media only screen and (min-width:992px) and (max-width: 1023px){

    .headerArea .logo{
        padding: 12px 16px 30px 19px;
    }
    .headerArea .logo:before{
        left: -54px;
        top: -64px;
        transform: rotate(-10deg);
    }
    .headerArea .logo img{
        max-width: 75%;
    }
    .headerArea .navbar{
        margin-left: 230px;
    }
    .headerArea .navbar-light .navbar-nav li a{
        padding: 0 6px;
        font-size: 12px;
    }
    .banner .item{
        padding: 20% 60px 5%;
    }
    .banner .txt h1{
        font-size: 48px;
    }
    .banner.home-slide .item{
        padding: 11% 70px 3%;
    }
    .banner.home-slide .txt h1{
        font-size: 80px;
    }
    .service-title a{
        padding: 0 12px;
        line-height: 34px;
    }
    .footer-logo {
        position: absolute;
        right: 15px;
        bottom: 40px;
    }
    .level-block,.level-item-logo{
        width: 100%;
    }
    .level-item:before{
        max-width: 643px;
    }
    .level-item em{
        left: 180px;
    }
}
@media only screen and (min-width:768px) and (max-width: 991px){
	
.hunger_sec .hunger_box {padding: 10px 25px; }
.hunger_sec .hunger_box .messagefeld{	margin-top: 0px;} 

    .headerArea .navbar {
        justify-content: flex-end;
        margin: 0;
    }
	.headerArea .navbar .navbar-toggler{ margin-top:-52px;}	
	
    .headerArea .logo {
        left: 50%;
        padding: 6px 0 10px;
        max-width: 102px;
        transform: translate(-50%);
    }
    .headerArea .logo:before {
        width: 270px;
        height: 170px;
        left: -78px;
        top: -96px;
        transform: rotate(0deg);
    }
    .headerArea .navbar button {
        padding: 13px 40px 13px 0;
    }
    .headerArea .navbar-collapse{
        padding: 30px 15px 15px;
        text-align: center;
      background:#9b9b9b
    }
    .headerArea .navbar-light .navbar-nav li a{
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;

    }
    .headerArea .navbar-light .navbar-nav li a.active{
        font-family: Lato;  
        color: #fff;    
    }
    .headerArea .navbar-light .navbar-nav li:last-child>a{
        border-bottom: none;
    }
    .headerArea .navbar-light .navbar-nav li:first-child>a{
        font-size: 18px;
    }
    .headerArea .navbar-light .navbar-nav li:first-child>a>img{
        display: none;
    }   
    .headerArea .navbar-nav li .dropdown-menu{
        width: auto;
        padding: 0;
    }
    .service-title a{
        line-height: 32px;
        font-size: 12px;
        padding: 0 8px;
    }
    .footer-bottom{    
        padding: 40px 20px 80px;
       
    }
    .footer-logo {
        position: absolute;
        right: 15px;
        bottom: 40px;
    }
    .banner .item{
        padding: 20% 60px 5%;
    }
    .banner .txt h1{
        font-size: 48px;
    }
    .banner.home-slide .item{
        padding: 11% 70px 3%;
    }
    .banner.home-slide .txt h1{
        font-size: 80px;
    }
    .level-block,.level-item-logo{
        width: 100%;
    }
    .level-item:before{
        max-width: 483px;
    }
    .level-block{
        min-height: 146px;
    }
    .level-item-logo{
        min-height: 180px;
    }
    .level-item em{
        left: 108px;
    }
    .filterArea span{
        justify-content: center;
    }
    .filterArea ul.filter-list {
        justify-content: center;
    }
    .filterArea ul.filter-list li {
        padding: 0 16px;
    }
    .news-event-item .card-header a .card-header-lft {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .news-event-item .card-header a .card-header-rht {
        flex: 0 0 60%;
        max-width: 60%;
        padding: 0 0 0 22px;
    }
}
@media only screen and (min-width:991px){
    .navbar-nav li:hover .dropdown-menu {
        display: block;
    }
	

}

@media only screen and (max-width: 1250px){
.headerArea .navbar { margin-left:0px; }
.hunger_sec .hunger_box {
    float: left;
    width: 100%;
    padding: 10px 20px;
}



@media only screen and (max-width: 916px){
.hunger_sec .hunger_box {padding: 10px 25px; }
.hunger_sec .hunger_box .messagefeld{	margin-top: 0px;} 
.hunger_sec .hunger_box .checkbox-inline { margin-right:10px; line-height:16pt;}
.hunger_sec .hunger_box .checkbox-inline input[type="checkbox"] { margin-top:10px; }
.col-break {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.top-bar {margin-left:0px !important;}
}

@media only screen and (max-width: 767px){
	
.top-bar {margin-left:0px !important;}

    .headerArea .navbar{
        justify-content: flex-end;
        margin: 0;
    }
    .headerArea .logo {
        left: 50%;
        padding: 6px 0 10px;
        max-width: 102px;
        transform: translate(-50%);
    }
    .headerArea .logo:before {
        width: 270px;
        height: 170px;
        left: -78px;
        top: -99px;
        transform: rotate(0deg);
    }
    .headerArea .navbar button {
        padding: 13px 15px;
        z-index: 999;
    }
    .headerArea .navbar-collapse{
        padding: 30px 15px 15px;
        text-align: center;
        background:#9b9b9b
      
    }
    .headerArea .navbar-light .navbar-nav li a{
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;

		
    }
    .headerArea .navbar-light .navbar-nav li a.active{
        font-family: Lato;  
        color: #fff;    
		
    }
    .headerArea .navbar-light .navbar-nav li:last-child>a{
        border-bottom: none;
    }
    .headerArea .navbar-light .navbar-nav li:first-child>a{
        font-size: 18px;
    }
    .headerArea .navbar-light .navbar-nav li:first-child>a>img{
        display: none;
    }
    .headerArea .navbar-nav li .dropdown-menu{
        width: auto;
        padding: 0;
    }
    .banner .item{
        padding: 44% 20px;
    }
    .banner.home-slide .item{
        padding: 22% 20px;
    }
    .banner .item:before{
       
    }
    .banner .txt h1{
        font-size: 28px;
        line-height: 32px;
    }
    .banner.home-slide .txt h1{
        font-size: 48px;
    }
    .banner .txt p{
        font-size: 20px;
    }
    .owl-nav{
        padding: 0 10px;
    }
    .responsibility{
        padding: 10% 0 14%;
    }
    .responsibility h2{
        font-size: 22px;
		margin-left:20px;
    }
	
	.contact_number{margin-left:20px;}
	
    .service-title a{
        line-height: 32px;
        font-size: 10px;
        padding: 0 8px;
    }
    .countryArea h2 {
        text-align: center;
    }
    .map-img a{
        margin-top: 30px;
    }
    .Umbrella-title h4{
        text-align: center;
        margin-bottom: 24px;
    }
    .Umbrella-logos {
        margin-bottom: 15px;
    }
    .footer-bottom {
        padding: 40px 20 200px;
       
        position: relative;
        text-align: center;
    }
    .footer-logo{
        right: 16px;
        bottom: 40px;
    }
    .footer-widget {
        margin-bottom: 64px;
    }
    .accordion-block .card .card-header a{
        font-size: 16px;
        text-align: center;
        line-height: 24px;
    }
    .accordion-block .card .card-header a img{
        float: none;
        margin: 16px auto 0;
        display: block;
    }
    .reasonAct {
        padding: 44px 0 39px;
    }
    .parallax{
        padding: 22% 0;
    }
    .level-item {
        margin: 0;
        width: 205px;
        float: right;
    }
    .governance-logo {
        margin-bottom: 10px;
    }
    img.flower-logo {
        position: absolute;
        top: 415px;
        left: -85px;
        display: block;
    }
    .level-item:before {
        content: '';
        width: 3px;
        height: 100%;
        background: #9c9c9c;
        position: absolute;
        left: -24px;
        right: 0;
        top: 98px;
        max-height: 688px;
        max-width: unset;
        margin: 0;
    }
    .level-item:after {
        content: '';
        width: 15px;
        height: 3px;
        background: #9c9c9c;
        position: absolute;
        top: 438px;
        left: -35px;
        right: 0;
        margin: 0;
    }
    .level-item em {
        position: absolute;
        top: 215px;
        left: -145px;
        font-size: 16px;
        color: #000;
        line-height: 22px;
        transform: rotate(-90deg);
    }
    .level-block,.level-item-logo{
        width: 100%;
    }
    .level-block{
        min-height: 146px;
    }
    .level-block:before {
        width: 22px;
        height: 3px;
        top: 50%;
        left: -22px;
        right: 0;
        margin: 0;
    }
    .news-event-item .card-header a .card-header-lft {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .news-event-item .card-header a .card-header-rht{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .news-event-item .card-header a .card-header-arrow{
        flex: 0 0 100%;
        max-width: 100%;
        font-size: 16px;
        color: #ffffff;
    }
    .news-event-item .card-body{
        padding: 15px;
    }
    .news-event-item .card-header a .card-header-rht h3 span{
        display: block;
    }
    .filterArea ul.filter-list li {
        padding: 0;
        display: block;
        width: 100%;
        text-align: center;
    }
    .filterArea ul.filter-list li a{
        display: block;
    }
    .filterArea ul.filter-list li a.btn-lgtgrn {
        border-radius: unset;
        display: none;
    }
    .filterArea ul.filter-list li a.btn-drkgrn {
        border-radius: 0 0 16px 16px;
        display: none;
    }
    .filterArea ul.filter-list li a.dropdown-show{
        display: block;
    }
    .filterArea ul.filter-list li a.btn-grey{
        position: relative;
    }
    .filterArea ul.filter-list li a.btn-grey:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid #fff;
        position: absolute;
        right: 32px;
        top: 12px;
    }
    .filterArea ul.filter-list li a.btn-grey.allbrdr {
        border-radius: 16px 16px 0 0;
    }
    .news-event-item .card-header a .card-header-arrow{
        display: none;
    }
    .news-event-item .card-header a.collapsed .card-header-arrow{
        display: block;
    }
    .news-event-item .card-header a .card-header-arrow.read-less{
        display: block;
    }
    .news-event-item .card-header a.collapsed .card-header-arrow.read-less{
        display: none;
    }
    .tab-up {
        text-align: center;
        color: #34b46a;
        display: block;
    }
}
@media only screen and (min-width:575px) and (max-width: 766px){
    .level-item{
        float: none;
        margin:0 auto;
        width: 345px;
    }
    .level-item:before{
        max-height: 707px;
    }
    .level-item:after{
        top: 456px;
    }
    img.flower-logo{
        top: 432px;
    }
	
	
}
@media only screen and (min-width:300px) and (max-width: 766px){
	
h1{ font-size:13pt; }	
h5{     font-size: 11pt; }
.reiseliste { display:none;}
.reiseauswahl figure { width:100%; height:auto; }
.reiseauswahl figure img { width:100%; height:auto !important; }
section {    padding: 10px 0;}
.newslist { margin-top:30px; padding:0px; }

.col-2spalten {     column-count: 1;}


.breadcrumb-item+.breadcrumb-item{  padding-left: 0rem;     font-size: 11pt;}
.breadcrumb-item+.breadcrumb-item::before { padding-left: .1rem; padding-right: .1rem;    font-size: 11pt;}

.inp-search { width: 113px!important; }
.headerArea .navbar .navbar-toggler{ margin-top:-48px;}	
.top-bar{ margin-left:0px !important;}

.image_main_gallery .column.col_40.top2{     max-width: 100%; padding:0px;}	
.image_main_gallery .column.col_40{
flex: 100%;
  width: 100%;
}

.image_main_gallery .column.col_60 {
    flex: 100%;
   max-width: 100%;
}

.region_info p {padding-right:0px;}
	


.newsitem .news-info h3{
	font-size: 19px;
	color: #8F1625;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 12px;	
	letter-spacing: 1px;
	text-align: left;
	margin-top:20px;
}
.newsitem .news-info h4{
	font-size: 16px;
	font-family: Lato;
	font-weight: 700;
	color:#4a4a4a;
	margin-bottom: 15px;
	line-height: 22px;
	text-align: left;
	margin-top:10px;
}

}

@media only screen and (max-width: 768px){

.ita-grey {    flex: 0 0 100% !important; max-width:100% !important;}
.team{
	background: url(../imglib/templates/team_320.jpg) no-repeat top center;
    background-size: auto;}
	
.team-bg{margin-top:180px !important; padding-left:0px !important;}
}

@media only screen and (max-width: 497px){
	
.banner {
	margin-top: 190px!important;
}
.hide_mobil{display:none; }
.social { display:none; }
.logo_ita {width:100%;}
.angebote { text-align:center;}
}

@media only screen and (max-width: 380px){
.inp-search {   width: 90px!important; }
}

@media only screen and (max-width: 320px){
.inp-search {   width: 80px!important; }
.ita-grey {padding-left:0px !important;}
}


/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) { 



.image_main_gallery .column.col_20{max-width:100%;flex:100%;}
.image_main_gallery .column.col_30{max-width:100%;flex:100%;}
.image_main_gallery .column.col_40{max-width:100%;flex:100%; float:none;}
.image_main_gallery .column{float:none; }



}