@font-face { font-family: 'Chandry Vintage';
             src: url('ITALIANNO-REGULAR-OTF.OTF') format('opentype'); }

body {
  background-image: url('../images/motabg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  }
  
.header{
 display: flex;
 justify-content: space-between;
 padding: 10px 15px 0px 15px;
 align-items: flex-start;
 height: 386px;
 background-image: url('../images/motabanner-brown.png');
 background-repeat: no-repeat;
 background-position: center;
}
.header ul.menu {
 margin: 0;
 background-image: linear-gradient(180deg, rgb(161, 125, 113) 0%, rgb(230, 207, 188) 63%, rgb(196, 164, 154) 87%, rgb(173, 137, 126) 96%, rgb(104, 80, 73) 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}



.header.region {
 padding: 5px;
}



.header.region-branding {
 flex: 0 1 20%;
}



.header.region-navigation {
 flex: 0 1 50%;
}

.region-navigation {
 font-family: Italianno, Georgia;
 font-size: 32px;
}
.region-navigation ul.menu a[title] {
  visibility: hidden;
}

.region-navigation .menu_link_content {
  margin: 0px;
  margin-top: 0px;
  margin-top: -30px;
}


.header.region-search {
 flex: 0 1 30%;
}

.region.block-region {
 padding: 0px;
}


.featured{
 padding: 40px 20px;
 background-color: indianred;
}

.page-wrapper {
 max-width: 1262px;
 margin-left: auto;
 margin-right: auto;
 background-image: url('../images/motapagebg.png');
 background-repeat: repeat-y;
}

.main-wrapper {
	max-width: 1170px;
	margin: auto;
}

.main{
 padding: 0px 10px;
 display: flex;
 justify-content: space-between;
}



.main.content {
 flex: 0 1 65%;
}

.region-top-content {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#block-perlenblock, #block-photoshop, #block-blender, #block-diy {
  flex: 0 1 30%;
  margin: 5px;
  border: 8px solid blue;
  border-image-slice: 100%;
  border-image-source: none;
border-image-slice: 100%;
border-image-source: none;
border-image-source: url('../images/boxrahmen.png');
border-image-slice: 10%;
background-color: #b69a91;
}

#block-perlenblock h2, #block-photoshop h2, #block-blender h2, #block-diy h2 {
  font-family: Italianno, Georgia;
  font-weight: normal;
  font-size: 32px;
  margin-bottom: 0px;
}

#block-perlenblock p, #block-photoshop p, #block-blender p, #block-diy p {
  margin-top: 1px;
}

.region.region-top-content .field--name-body {
  background: #b69a91;
  padding: 5px 10px;
}

.region.region-top-content .field--name-field-block-image {
  text-align: center;
    background-image: linear-gradient(180deg, rgb(235, 225, 222) 0%, rgba(44, 20, 13, 0) 55%, rgba(44, 20, 13, 0.7) 6%, rgba(44, 20, 13, 0.7) 100%);
}

.content {
	max-width: 880px;
}

.main.right--sidebar {
 flex: 0 1 30%;
}

.right--sidebar {
	width: 200px;
	text-align: center;
}

#block-about {
  width: 90%;
  margin: 5%;
  margin-top: 5%;
  margin-top: -80px;
  background-image: linear-gradient(180deg, rgba(44, 20, 13, 0) 0%, rgba(44, 20, 13, 0) 50px, rgba(44, 20, 13, 0.7) 6%, rgba(44, 20, 13, 0.7) 100%);
}
 #block-about .text-align-justify {
  padding: 0px 10px;
  font-size: 12px;
  color: #ac8a7f;
}

.footer--top {
 display: flex;
 justify-content: space-between;
 padding: 10px;
}



.footer--top .region {
 padding: 5px;
}



.region-footer-first, .region-footer-second, .region-footer-third {
 flex: 0 1 30%;
}

.article .bildgruppe {
	float: right;
}

.article ul.links.field__items {
	display: inline;
	padding-left: 0px;
}

.article ul.links.field__items li {
	display: inline;
	padding: 0 0.5em;
    list-style-type: none;
}
.article ul.links.field__items li:before {
  content: "#";
}

#block-perlenblock .block-content {

}