/* Pressemitteilungen Responsiv */

body {
    background: #fff;
    margin: 0 auto;
    position: relative;
	font-size: 16px;
	font-family: 'Atkinson Hyperlegible Next', sans-serif;
}


h1				{
	color:#5a5a5a;
	font-size: 1.75rem;
	line-height: 2.125rem;
	font-weight: normal;
	}


h2				{
	color:#000;
	font-size: 1.25rem;
	font-weight: normal;
	line-height: 1.870rem;
	}

h3				{
	color:#000;
	font-size: 1rem;
	font-weight: normal;
	}

h4 				{
	color:#000;
	font-size: 1rem;
	font-weight: normal;
	}

p				{
	font-size: 1rem;
	line-height: 1.75rem;
	}

ul li,
ol li 			{
	margin: 0 0 0 1.75rem;
}	

img {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pm__wrapper {
	border: 1px solid #fff;
	border-top: 1px solid #ccc;
    margin: 3rem auto 0 auto;
	width: 100%;
    position: relative;
	box-shadow: 0 0 25px 10px rgba(0,0,0,.1);
}



/* Header */

.pm__header-area {
    margin: 0;
	background-color: #efefef;
    position: relative;
    width: 100%;
	padding: 4rem 1rem 1rem 1rem;
}

.pm__header-area p {
	margin: 0;
}


/* Markenzeichen */


.markenzeichen__wrapper {
    display: block;
    height: 80px;
	width: 128px;
    position: absolute;
    right: 60px;
    top: -48px;
}

.markenzeichen {
	width: 128px;
	height: 80px;
}

/* Content */

.pm__content-area {
    margin: 0;
	background-color: #fff;
    position: relative;
    width: 100%;
	padding: 1rem;
}


/* Attachments */

.pm__attachment-area {
    margin: 0;
	background-color: #efefef;
    position: relative;
    width: 100%;
	padding: 1rem;
}

.attachment__area-wrapper {

}

.attachment__header-area {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
	margin: 0 0 1.25rem 0;
}

.attachment__header-area .icon {
	width: 1.75rem;
	height:  1.75rem;
	fill: var(--theme-bg-highlight);
}

.attachment__header-area h3 {
	font-size: 1.25rem;
	color: var(--theme-bg-highlight);
	font-weight: normal;
	margin: 0;
} 


.attachment__wrapper {
	background-color: #fff;
	border-radius: 0.25rem;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 1rem 0;
}

.attachment__thumbnail {
	width: 6rem;
	height: 6rem;
	flex-shrink: 0;
	flex-grow: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.attachment__info {
	width: calc(100% - 9.75rem);
}

.attachment__info h4 {
	font-size: 1rem; 
	font-weight: normal; 
	margin: 0 0 0.5rem 0;
}

.attachment__info p {
	font-size: 0.875rem; 
	margin: 0 0 0.5rem 0;
}

.attachment__icon .icon {
	width:  1.75rem;
	height: 1.75rem;
	fill: #005b80;
}


a.attachment__link,
a.attachment__link:hover,
a.attachment__link:visited {
	text-decoration: none !important;
	color: #464646 !important;
}


a .attachment__wrapper:hover  .attachment__icon .icon {
	fill: var(--theme-bg-highlight-hover);
	transition: fill 0.5s ease-in-out;
}


/* Footer */ 


.pm__footer-area {
    margin: 0 0 0.9375rem 0;
	background-color: #fff;
    position: relative;
    width: 100%;
	padding: 1rem;
}




/*
* Linkkennzeichnung Icons mit Wrapper TODO: Löschen wenn style.min mit Linkennzeichnungsupdate eingebunden wird
*/

.list-links {
    list-style-image: none;
    list-style-type: none;
}

.link--svg-wrapper,
.svg-wrapper,
.icon-wrapper {
  position: relative;
}

.svg-icon,
.icon--absolute {
  position: absolute;
}


.link-wrapper--icon {
	margin-left: 1.75rem;
  }
  
  .link-wrapper--icon > a {
	display: inline-block;
  }
  
  .wrapper--icon-inline {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
  }
  
  .svg-icon--link,
  .icon--link {
	height: 1rem;
	left: -1.75rem;
	top: 0.25rem;
	/*line-height minus icon-Höhe geteilt druch zwei */
	width: 1.125rem;
  }
  
  .icon--print {
	fill: #6e6e6e;
	height: 1.25rem;
	right: 0;
	top: 0.25rem;
	/*line-height minus icon-Höhe geteilt druch zwei */
	width: 1.25rem;
  }
  
  .link--svg-wrapper:hover .svg-icon--link,
  .icon-wrapper:hover .icon--link {
	fill: var(--theme-bg-highlight-hover);
  }
  
  .wrapper--relative {
	position: relative;
  }

  @media only all and (max-width: 35.625rem) {
		.attachment__wrapper {
		flex-direction: column;
		gap: 1rem;
	}

	.attachment__info {
	width: 100%;
	}
	
	.attachment__icon {
		width: 100%;
		text-align: right;
	}


  }
    


  @media only all and (min-width: 55em) {
	
	.pm__wrapper {
		max-width: 55rem;
	}

	.markenzeichen__wrapper {
    	right: 80px;
	}


  }