/*===============================================================
	image
===============================================================*/

.paragraph--type--image{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom:40%;
}

@media all and (max-width: 720px) {

.paragraph--type--image{
  padding-bottom: 69.4%;
}

}


/*========================================================
	two, three, four, five column
========================================================*/

.paragraph--position--three > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px -20px;
}


.paragraph--position--two > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px 0px;
}


.paragraph--position--fout > .paragraph-content > .paragraph-content-list,
.paragraph--position--five > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px -20px;
}

.paragraph--position--bottom > .paragraph-content > .paragraph-content-list{align-items: end;}
.paragraph--position--top > .paragraph-content > .paragraph-content-list{align-items: start;}
.paragraph--position--center > .paragraph-content > .paragraph-content-list{align-items: center;}
.paragraph--position--inherit > .paragraph-content > .paragraph-content-list{align-items: inherit;}


.paragraph--position--two > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--fout > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--five > .paragraph-content > .paragraph-content-list  > div{
padding:0px 20px;
}

.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div{
padding:0px 20px;
}


.paragraph--position--two > .paragraph-content > .paragraph-content-list > div{width:50%;}
.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div{width:33.333%;}
.paragraph--position--fout > .paragraph-content > .paragraph-content-list  > div{width:25%;}
.paragraph--position--five > .paragraph-content > .paragraph-content-list  > div{width:20%;}

.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:first-child{padding-right:40px;padding-left:0px;}
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:last-child{padding-left:40px;padding-right:0px;}


@media all and (max-width: 720px) {


.paragraph--position--two > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--fout > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--five > .paragraph-content > .paragraph-content-list  > div{
	width:100%; 
}


.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:first-child{padding-right:0px;margin-bottom:var(--maleodsazeni);}
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:last-child{padding-left:0px;}


}




/*========================================================
	view columns
========================================================*/

.paragraph--position--two > .view-content,
.paragraph--position--three > .view-content,
.paragraph--position--fout  > .view-content,
.paragraph--position--five  > .view-content{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px -20px;
}

.paragraph--position--two > .view-content > .views-row,
.paragraph--position--three > .view-content > .views-row,
.paragraph--position--fout  > .view-content > .views-row,
.paragraph--position--five  > .view-content > .views-row{
padding:0px 20px;
}

 


.paragraph--position--two > .view-content > .views-row{width:50%;}
.paragraph--position--three > .view-content > .views-row{width:33.333%;}
.paragraph--position--fout  > .view-content > .views-row{width:25%;}
.paragraph--position--five  > .view-content > .views-row{width:20%;}


@media all and (max-width: 720px) {

.paragraph--position--two > .view-content > .views-row,
.paragraph--position--fout  > .view-content > .views-row,
.paragraph--position--five  > .view-content > .views-row{
	width:100%; 
}

.paragraph--position--three > .view-content{	
margin:0px -10px;
}

.paragraph--position--three > .view-content > .views-row{
	width:50%;padding:0px 10px;
}


}


@media all and (max-width: 450px) {

.paragraph--position--two > .view-content > .views-row,
.paragraph--position--three > .view-content > .views-row,
.paragraph--position--fout  > .view-content > .views-row,
.paragraph--position--five  > .view-content > .views-row{
	width:100%; 
}


}








/*========================================================
	image background
========================================================*/

.has-bg{
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


@media all and (max-width: 720px) {

.paragraph .paragraph.has-bg {
  margin-bottom: 20px;
}

.has-bg{
padding-bottom:55% !important;
}

}


/*========================================================
	img - text
========================================================*/

.paragraph-img-txt-image-in {
  width: 100%;
  -webkit-background-size:cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center top;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
}

.paragraph-img-txt{
align-items: inherit;
justify-content: space-between;
flex-wrap: wrap;
display: flex;
}

.vcenter .paragraph-img-txt{
align-items: center;

}


.paragraph--position--top .paragraph-img-txt-body,
.paragraph--position--bottom .paragraph-img-txt-image{  order: 1;}

.paragraph--position--top .paragraph-img-txt-image,
.paragraph--position--bottom .paragraph-img-txt-body{  order: 0;}

.paragraph--position--left .paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt-image{  order: 1;}

.paragraph--position--left .paragraph-img-txt-image,
.paragraph--position--right .paragraph-img-txt-body{  order: 0;}


 .paragraph-img-txt-image{position:relative;line-height:1px;  width: 100%;text-align:center;}

.paragraph--position--left .paragraph-img-txt-image,
.paragraph--position--right .paragraph-img-txt-image{width:50%;}

.field--name-field-image img,
.paragraph--position--left .paragraph-img-txt-image img,
.paragraph--position--right .paragraph-img-txt-image img{width:100%;  
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}


 
.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body{
 /* align-self: center;*/width:50%;
}

.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body{
padding:0px 0px 0px var(--maleodsazeni);
}

.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body{
padding:0px var(--maleodsazeni) 0px 0px;
}

.shortright.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body{width:80%;align-self:center;}
.shortright.paragraph--position--right .paragraph-img-txt-image{width:200px;align-self:center;}

@media all and (min-width: 720px) {

.paragraph-img-txt-image-in {
padding-bottom:0px !important;
}

}

 
@media all and (max-width: 720px) {

.paragraph-img-txt .button{
margin-bottom:20px;
}

.shortright.paragraph--position--right .paragraph-img-txt-image{width:100%;}

.paragraph--position--left .paragraph-img-txt-image,
.paragraph--position--right .paragraph-img-txt-image,
.paragraph--position--bottom .paragraph-img-txt-image{  order: 2;}

.paragraph--position--left .paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt-body,
.paragraph--position--bottom .paragraph-img-txt-body{  order: 1;}

.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-image,
.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-image{
width:100%;padding-right:0px;padding-left:0px;
}
 
.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body{
width:100%;
}

.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body{
padding:0px 0px 0px 0px;
}

.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body{
padding:0px 0px 0px 0px;
}

.paragraph--position--left .paragraph-img-txt-image,
.paragraph--position--right .paragraph-img-txt-image{width:100%;}


.shortright.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body{width:100%;align-self:center;}
.shortright.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-image{width:200px;align-self:center;}


}

/*========================================================
	node items
========================================================*/


.paragraph-item-link{
display:block;text-decoration:none;
}

.paragraph-item-content-image{
position:relative;margin: auto;
line-height:1px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
display: flex;
}

.classic-view-image,
.paragraph-item-content-image,
.paragraph-item-content-image-content{position:relative;
line-height:1px;
}

.classic-view-image  img,
.paragraph-item-content-image-content img{
}


.paragraph--position--one .paragraph-item-around{  display: table;width: 100%;}


.paragraph--position--one .paragraph-item-around .paragraph-item-content-image{
width:240px;
padding-right:40px;
display:table-cell;vertical-align:top;
}

.paragraph--position--one .paragraph-item-around  .paragraph-item-content-texts{display:table-cell;vertical-align:top;
}

.paragraph--position--one .paragraph-item-content h3{
margin-top:0px;
}




.paragraph--position--one .paragraph-item-around   .paragraph-item-content-image img{
max-width:100%;
max-height:unset;
}


.paragraph-item-content-text{
margin-bottom:20px;
}


 
 
 


@media all and (max-width: 720px) {

.paragraph--position--one .paragraph-item-around{  display: block;}


.paragraph--position--one .paragraph-item-around .paragraph-item-content-image{
margin-bottom:20px;
padding-right:0px;display:block;width:100%;
}

.paragraph--position--one .paragraph-item-around  .paragraph-item-content-texts{display:block;
}

}



/*==============================================================
	start galerie
==============================================================*/ 

.field--name-field-gallery {
  margin: 50px -20px 50px;line-height:1px;
  align-items: inherit;
  justify-content: start;
  flex-wrap: wrap;
  display: flex;
  clear: both;
}

.field--name-field-gallery > div {
padding:20px ;
width:50%;
  display: flex;
  align-items: inherit;
}


.field--name-field-gallery > div > a{
  display: flex;
  align-items: center;
width:100%;  background: #e1e1e1;
}


@media all and (max-width: 600px){

.field--name-field-gallery > div{
width:50%;
}

}

@media all and (max-width: 600px){

.galerie-fours{
margin:0px 10px 20px;
}

.field--name-field-gallery > div{
padding:5px;
}

}

 

/*==============================================================
	end galerie
==============================================================*/