/*===============================================================
	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;
}


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

.paragraph--position--two > .paragraph-content > .paragraph-content-list,
.paragraph--position--four > .paragraph-content > .paragraph-content-list,
.paragraph--position--five > .paragraph-content > .paragraph-content-list,
.paragraph--position--three > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px  var(--centergapminus);
}

.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--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{
padding:0px var(--centergap);display:flex;
}


.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--four > .paragraph-content > .paragraph-content-list  > div{width:25%;}

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

.paragraph--position--two > .paragraph-content > .paragraph-content-list,
.paragraph--position--four > .paragraph-content > .paragraph-content-list,
.paragraph--position--five > .paragraph-content > .paragraph-content-list,
.paragraph--position--three > .paragraph-content > .paragraph-content-list{
	margin:0px  ;
}


.paragraph--position--two > .paragraph-content > .paragraph-content-list, .paragraph--position--four > .paragraph-content > .paragraph-content-list, .paragraph--position--five > .paragraph-content > .paragraph-content-list, .paragraph--position--three > .paragraph-content > .paragraph-content-list {
  justify-content: center;
}

.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{
	width:100%;margin-bottom:0;padding:0px;
    max-width: 600px; 
}

.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:last-child,
.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div:last-child,
.paragraph--position--fout > .paragraph-content > .paragraph-content-list  > div:last-child{
margin-bottom:0;
}

}

.paragraph--position--three .paragraph-img-txt{
background-color:var(--sand);
}

.paragraph--position--three .paragraph-img-txt-body{
padding:20px;
  display: flex;
  flex-direction: column;
}

.paragraph--position--three .paragraph-item-content-link2{
  text-align: right;
  margin: auto 0px 0px 0px;
}

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

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

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

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

.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--position--left .paragraph-img-txt-image{width:50%;  text-align: left;  line-height: 1px;}
.paragraph--position--right .paragraph-img-txt-image{width:50%;  text-align: right;}

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


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

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

.field--name-field-image{
line-height:1px;
}

.paragraph--position--top .paragraph-img-txt-image img,
.paragraph--position--bottom .paragraph-img-txt-image img{
width:100%;
}



.paragraph--position--left .field--name-field-image ,
.paragraph--position--right .field--name-field-image{
  display: inline-block;
}


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

.bgyellow{
background-color:var(--yellow);
}



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


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

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

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

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

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



}


.rozcestnik div.paragraph-img-txt-body{
background:#efefef;
  display: flex;
  flex-direction: column;
padding: 40px;
  width: 50%;
  justify-content: center;
}

.rozcestnik .paragraph-img-txt-image {
  width: 50%;
}

.rozcestnik .field--name-field-image {
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
  padding: 0px;
display: block;
}

.rozcestnik .field--name-field-image img{width:100%;}


.rozcestnik .centernorrow{
  max-width: var(--center);
}


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

.rozcestnik div.paragraph-img-txt-body{
padding: 20px;
  width: 100%;
}

.rozcestnik .paragraph-img-txt-image {
  width: 100%;
}


}


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

.paragraph--position--background {
  background-repeat:no-repeat
background-position: center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 
.paragraph--position--background  .paragraph-img-txt{
  align-items: start;
  justify-content: end;
  padding:var(--gapsmall) var(--centergap) 0px ;
  float: right;
}

.paragraph--position--background  .paragraph-img-txt-body{
  background: rgba(255,255,255,0.7);
    padding: 30px 30px 10px;
max-width:400px;
}

.paragraph--position--background  .paragraph-img-txt-body .center{
padding:0px;
}

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

.paragraph--position--background:after{
clear:both;display:block;content:"";
}

}

/*==============================================================
	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
==============================================================*/