@charset "UTF-8";
/* Therapie Aktiv*/


@font-face {
  font-family: 'Adamina';
  font-style: normal;
  font-weight: 400;
  src: local('Adamina Regular'), local('Adamina-Regular'), url("/esvportal/layouts/fonts/adamina/j8_r6-DH1bjoc-dwi-3UEA.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


nav:focus,
ul:focus,
dd:focus,
div:focus {
    outline: none;
}

body,
html {
	font-size: 18px;
	line-height: normal;
	color: #57575a;
	font-weight: 300;
}

/*base for rem was 21px*/

.accessicon {
	margin-right: 1px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-top: 9px;
}

#esv-header.fixed .accessicon {
	display: none;
}

#esv-content_with_nav,
#esv-content_mitnav { /*old*/
	display : block;
}

.esv-application #esv-container,
#esv-main {
	width: 100%; /*old*/
}

.titlezone .titletext,
.titlezone .titeltext, /*old*/
.titelzone .titletext, /*old*/
.titelzone .titeltext, /*old*/
.detail, .onlydetail {
	padding-left: 0;
}

.titlezone,
.titelzone /*old*/ {
	padding-top: 40px;
}


a {
	cursor: pointer;
	color: rgb(45, 92, 157);
}

a:visited,
a:active,
a:focus,
a:hover {
	color: #57575a;
}

hr,
hr.zonecloser,
.text hr {
	background: #57575a;
	width: 80%;
	margin: 20px 10%;
	float: none;
}

.titel, /*very old*/
h1, h2, h3, h4, h6,
.cat,
.text blockquote {
	font-family: 'Adamina', serif;
	font-weight: normal;
}

.text h1 b, .text h2 b, .text h3 b, .text h4 b, .text h6 b,
.text blockquote b, .text b, .text strong {
	font-weight: 700;
}

.tile.free_column .text,
.freetext.text {
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 0;
}

.titlezone h1,
.titelzone h1, /*old*/
.titel { /*very old*/
	color: #57575a;
}

.text h1,
.bigimage_teaser .text h2 {
	font-size: 2.619rem;
	line-height: 2.762rem;
	padding-right: 0;
}

.text h1 {
	margin: 0 0 20px;
}

.text h2 {
	font-size: 1.905rem;
	line-height: 2.095rem;
	padding-right: 0;
	margin: 0 0 20px;
}

.text h3 {
	font-size: 1.619rem;
	line-height: 1.81rem;
	margin: 0 0 15px;
}

.text h4 {
	font-size: 1.143rem;
	line-height: 1.619rem;
	margin: 0 0 15px;
}

.text h5 {
	font-size: 1.143rem;
	line-height: 1.238rem;
	font-family: 'Roboto', sans-serif;
	margin: 10px 0 20px;
	margin: 0 0 10px;
}

.text h6 {
    font-size: 1.143rem;
    line-height: 2rem;
	margin: 0 0 10px;
}

.text ol,
.text ul {
	padding-left: 40px;
}

.text li {
	list-style-type: disc;
	padding: 5px 0;
}

.text blockquote {
	font-size:  1.619rem;
	line-height: 2rem;
	padding: 80px 80px;
	position: relative;
	width: 80%;
	margin: 10px 10%;
	border-top: 1px solid #57575a;
	border-bottom: 1px solid #57575a;
}

.text blockquote .quote_end,
.text blockquote .quote_start {
	display: block;
	position: absolute;
	color: rgb(249, 178, 0);
	font-family: 'Adamina', serif;
	font-size: 8.5rem;
	line-height: 8.5rem;
	width: 65px;
	height: 50px;
	right: 0;
	top: 20px;
}

.text blockquote .quote_end {
	right: auto;
	top: auto;
	left: 0;
	bottom: 23px;
}

/*
.text blockquote:after,
.text blockquote:before {
	content: '\201C';
	display: block;
	position: absolute;
	color: rgb(249, 178, 0);
	font-family: 'Adamina', serif;
	font-size: 8.5rem;
	line-height: 8.5rem;
	height: 50px;
	right: 0;
	top: 10px;
}

.text blockquote:after {
	content: '\201D';
	right: auto;
	top: auto;
	left: 0;
	bottom: 30px;
}
*/

.light a,
.light {
	color: white;
}

/*header*/

#mobilenavjump {
	display: none;
}

#esv-header {
	height: 100px;
}

#esv-header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	height: 50px;
	transition: all .2s;
}

#esv-header .logo {
	top: 0px;
}

#esv-header .logo img {
	height: 77px;
	margin-top: 11px;
}

#esv-header.fixed .logo img {
	height: 50px;
	margin-top: 0px;
	transition: all .2s;
}

#esv-header.fixed .menuicon {
	display: none;
}

header .menuicon {
	background: none;
	float: right;
}


/*footer*/

#esv-footer {
	min-height: 300px;
}

.footer_scroll_extend {
  min-height: 420px !important;
}

.searchbox {
	margin-left: 0;
	width: 100%;
	min-width: 0;
	padding: 5px 30px 5px 5px;
	border-radius: 5px;
}

#esv-footer .searchbutton[type="submit"] {
	position: absolute;
	width: 30px;
	margin: 4px 0 0 -30px;
}

.searchbutton img {
	display: block;
	position: absolute;
	top: 0;
	left: 5px;
}

#esv-footer .contacticons {
	display: block;
	width: 100%;
	margin-top: 48px;
}

.footerlogo img {
	width: 90%;
	max-width: 290px;
}

footer .linkbox {
	border: none;
	padding: 14px 18px 18px 18px;
	border-right: 1px solid white;
	border-left: 1px solid white;
}

#esv-footer .linkbox a {
	display: table;
	min-height: 24px;
	width: 100%;
}

#esv-footer .linkbox a .esvlink-linktext {
	display: table-cell;
	vertical-align: middle;
}

.linkbox h3 {
	margin: 0 0 25px 0px;
}

.linkbox ul.esvlinks {
	margin: 0;
}

.linkbox .esvlinks li {
	padding: 0 0 9px;
}

#esv-footer .linkbox .esvlinks li {
	padding: 0px 0 4px 0;
}

/*main navigation*/

nav.main, nav.dropdown {
	display: none;
}

#esv-navigation {
	position: absolute;
	width: 100%;
	top: -45px;
	bottom: auto;
	min-height: 0;
	background: none;
}

.fixed #esv-navigation {
	position: fixed;
	top: 7px;
	z-index: 20;
}

#esv-navigation .left {
	position: relative;
}

#esv-navigation .left > ul {
	padding: 0;
}

/*menu_level*/
#esv-navigation .left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor > ul.sub-menu {
	justify-content: flex-end;
	display: flex;
	position: absolute;
	right: 0;
	z-index: 500;
}

#esv-navigation .left .sub-menu li {
    padding-right: 15px;
}

#esv-navigation .left .has-no-children > a {
	padding-left: unset;
}

#esv-navigation .left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor > li a {
	padding-left: 20px;
}

nav,
.left .menu-item a {
	text-transform: none;
	font-size: 1rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.left .menu-item  {
	position: relative;
}

.current-menu-item a:hover,
.menu-item a:hover,
.current-menu-item a,
.current-menu-item a:focus,
.menu-item a:focus,
.menu-item.open a, 
.current-menu-ancestor .current-menu-ancestor .current-menu-ancestor > a,
nav a:hover {
	color: rgb(249, 178, 0);
}


/*drop menu*/
/*sub-menu_level*/

.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor > ul > li.menu-item.has-children.hover > ul.sub-menu,
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor > ul > li.menu-item.has-children:hover > ul.sub-menu {
	  background: white;
	  display: block;
	  padding: 9px 9px 18px;
	  position: absolute;
	  right: 8px;
	  width: 230px;
  }

.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor > ul > li.menu-item.has-children.hover > ul.sub-menu li a,
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor > ul > li.menu-item.has-children.hover > ul.sub-menu li,
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor > ul > li.menu-item.has-children:hover > ul.sub-menu li a,
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor > ul > li.menu-item.has-children:hover > ul.sub-menu li {
	padding: 9px 0 0 0;
	font-size: 0.8571rem;
	text-align: left;
}

.left ul ul ul ul li {
	padding-left: 0;
	border: none;
}


/*no branch open*/
#esv-navigation .left .no-ancestor.has-children a.plus.toggle-link,
#esv-navigation .left .current-menu-ancestor.has-children a.minus.toggle-link,
#esv-navigation .left .no-ancestor.has-children.current-menu-item a.minus.toggle-link,
.left .current-menu-item.no-ancestor ul.sub-menu,
.left .hide-in-sub.current-menu-ancestor .hide-in-sub.current-menu-ancestor .current-menu-ancestor ul.sub-menu {
	display: none;
}

#esv-navigation.lightbox {
	background: rgba(255,255,255,.98);
}

/*hide first levels for mobile*/

.mobilenavi li.hide-in-sub > ul.sub-menu  {
	margin: 0;
	padding: 0;
	border: none;
}

.mobilenavi li.hide-in-sub  {
	padding: 0;
}

/*hide hide-in-sub plus/minus and links*/
#esv-container #esv-navigation .mobilenavi .hide-in-sub > a {
	display: none;
}


/*mobilenavi*/

.mobilenavi .menu-item {
	font-size: 1.2rem;
}

.mobilenavi li li:first-child {
	border-top: none;
}

.mobilenavi li {
	border-bottom: none;
}

.mobilenavi li li li {
	padding-top: 15px;
}


/*category navigation*/

nav.cats ul {
	justify-content: space-between;
	display: flex;
	margin: 40px 0 80px;
	flex-wrap: wrap;
	align-items: stretch;
}

nav.cats li {
	display: flex;
	border: 1px solid rgba(45, 92, 157, 0.5);
	padding: 15px 15px;
	width: 150px;
	text-align: center;
	align-items: center;
	margin: 12px;
	flex-grow: 1;
	flex-shrink: 1;
}

nav.cats li:hover,
nav.cats li.current-menu-item  {
	border: 1px solid rgb(45, 92, 157);
}

nav.cats li a {
	color: rgba(45, 92, 157, 0.5);
	text-decoration: none;
	font-size: 0.8571rem;
	width: 100%;
}

nav.cats li a:hover,
nav.cats li.current-menu-item a {
	color: rgb(45, 92, 157);
}





/*lines*/

.contentline {
	padding: 0 0 40px;
	line-height: normal;
}

.content .contentline:nth-child(2) {
	padding: 0; /*#top makes it second*/
} 

.contentline .more_link {
	font-style: normal;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	padding: 18px;
}

.cover {
	float: left;
	width: 100%;
}


/*undo*/


/*let them choose?? */
.yellow {
	color: rgb(249, 178, 0);
}
.bg_yellow {
	background-color: rgb(249, 178, 0);
}
.bg_yellow_trans {
	background-color: rgba(249, 178, 0, 0.8);
}
.red {
	color: rgb(226, 6, 19);
}
.bg_red {
	background-color: rgb(226, 6, 19);
}
.bg_red_trans {
	background-color: rgba(226, 6, 19, 0.8);
}
.blue {
	color: rgb(45, 92, 157);
}
.bg_blue {
	background-color: rgb(45, 92, 157);
}
.bg_blue_trans {
	background-color: rgba(45, 92, 157, 0.8);
}


/*undo*/



/*////////////////
bigimage_teaser*/

.bigimage_teaser {
	position: relative;
	overflow: hidden;
	z-index: 0;
}


.bigimage_teaser.cutout:after,
.bigimage_teaser.cutout:before {
	display: block;
	content: '';
	background: white;
	width: 100%;
	position: absolute;
	height: 400px;
	left: -30%;
	top: 100%;
	z-index: 5;
	transform: rotate(10deg);
	margin-top: -100px;
}

.bigimage_teaser.cutout:after {
	left: auto;
	right: -30%;
	transform: rotate(-10deg);
}

.bigimage_teaser .teaser_text {
	position: absolute;
	bottom: -70px;
	z-index: 3;
	width: 100%;
	transform: rotate(-10deg);
	left: -20%;
	height: 300px;
	display: flex;
	align-items: center;
}

.bigimage_teaser.cutout .freetext {
	transform: rotate(10deg);
	position: relative;
	z-index: 7;
	width: 100%;
	left: 21%;
	margin-top: -50px;
}


/*////////////////
text_banner*/


.textimage_banner {
	overflow: hidden;
	position: relative;
}

.textimage_banner .freetext {
	position: absolute;
	top: 24px;
	left: 24px;
}

.textimage_banner .freetext h2 {
	font-size: 2.619rem;
	line-height: 2.762rem;
	margin: 0;
}


.textimage_banner .more_link_box {
	position: absolute;
	bottom: -40px;
	right: -20px;
	transform: rotate(10deg);
	min-height: 150px;
	padding: 18px;
}

.textimage_banner .more_link {
	transform: rotate(-10deg);
	font-size: 1.619rem;
	font-weight: 500;
	padding: 28px 38px 18px 18px;
}




/*////////////////
column_layouts*/


.column1_layout,
.columns2_layout,
.columns3_layout,
.columns4_layout {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.column1_layout > div,
.column1_layout > li {
	width: 100%;
}

.columns2_layout > div,
.columns2_layout > li {
	width: 49%;
}

.columns2_layout > div.free_column,
.columns2_layout > li.free_column {
	width: 48%;
}

.columns3_layout > div,
.columns3_layout > li {
	width: 32%;
}

.columns3_layout > div.free_column,
.columns3_layout > li.free_column {
	width: 31%;
}

.columns4_layout > div,
.columns4_layout > li {
	width: 23.5%;
}

/*tiles*/

.tile {
	margin-bottom: 18px;
	position: relative;
	overflow: hidden;
}

div.columns2_layout div.tile:last-child,
div.columns2_layout div.tile:nth-last-child(2),
ul.columns2_layout li.tile:last-child,
ul.columns2_layout li.tile:nth-last-child(2) {
	margin-bottom: 0px;
}

a.tilelink, a.tilelink a {
	text-decoration: none;
}

.tile .tileimg {
	display: block;
	margin: 0 auto;
}

.tile .text, .tile:not(.free_column) h3 {
	padding-left: 18px;
	padding-right: 18px;
}

.tile .text.noHeadline {
	padding-top: 15px;
}

.tile:not(.free_column) h3 {
	font-size: 2.619rem;
	line-height: 3rem;
	margin: 18px 0;
}

.tile .text {
	padding-bottom: 60px;
}

.tile .text small {
	font-size: 0.8571rem;
}

.tile .more_link {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.619rem;
}

@media (min-width: 1280px) {

	.columns2_layout .tile:not(.free_column) .text {
		width: 66%;
	}
}


/*articles*/

div.columns2_layout.featured div.article:nth-last-child(2):first-child,
ul.columns2_layout.featured li.article:nth-last-child(2):first-child,
.article {
	margin-bottom: 72px;
}

div.columns2_layout div.article:last-child,
div.columns2_layout div.article:nth-last-child(2),
ul.columns2_layout li.article:last-child,
ul.columns2_layout li.article:nth-last-child(2) {
	margin-bottom: 0px;
}

.featured .article:first-child {
	width: 100%;
}

.article .imagebox img {
	width: 100%;
	float: left;
}

.article .imagebox {
	width: 48%;
	float: left;
	overflow: hidden;
}

.featured .article:first-child .imagebox img,
.column1_layout .imagebox img {
	width: 150%;
	margin-left: -25%;
	max-width: 150%;
}

.textbox {
	width: 48%;
	float: right;
}

.textbox h3 {
	font-size: 1.619rem;
	line-height: 1.81rem;
	margin: 5px 0 18px;
}

.cat,
.article .more_link {
	font-size: 1.143rem;
}

.article a {
	text-decoration: none;
	color: #57575a;
}

.article a:hover {
	text-decoration: underline;
}

.article a.more_link {
	font-size: 1.143rem;
	color: rgb(45, 92, 157);
	float: left;
}


/*detail pages*/


.tile.free_column .text {
	padding: 0;
}

.columns3_layout .tile.columns2 {
	width: 64%;
}

.columns4_layout .tile.columns2 {
	width: 47%;
}

.columns4_layout .tile.columns3 {
  width: 70.5%;
}

.freetext .size_50pc {
	max-width: 48%;
	margin-left: 4%;
}

.esv_infobox {
	border: 1px solid rgb(45, 92, 157);
	color: rgb(45, 92, 157);
	background: none;
	padding: 18px	
}

.detail_meta {
	border-top: 1px solid #57575a;
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	font-size: 0.8571rem;
	margin-top: -20px;
	flex-wrap: wrap;
}

.detail_meta .share {
	text-align: right;
}

/*share*/

#socialshareprivacy {
	display: inline-block;
	height: 25px;
	width: 190px;
	margin-top: -12px;
}

.social_share_privacy_area {
	margin: 10px 0 !important;
}

.switch,
.settings_info {
	display: none;
}

.social_share_privacy_area .gplus,
.social_share_privacy_area li div.gplusone {
	width: 49px;
}

.detail_meta .share .social_share_privacy_area{
	text-align: left;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset{
	    left: initial;
		right: 0%;
		top: 100%;
}
/*filterbox*/


.filterbox {
	padding: 18px;
	z-index: 5;
	position: absolute;
	top: -40px;
	right: 0;
	transition: all .5s ease-out;
}

.filterbox.open  {
	top: 0;
	position: relative;
	background: rgba(87,87,90,.1);
	transition: all .5s ease-out;
	margin: 30px 0;
}

.filterbox h4:first-child {
	margin: 0;
}

.filterbox a  {
	text-decoration: none;
}

.filterbox.open h4:first-child {
	padding: 0 0 20px 15px;
	text-align: center;
}

.filterbox h4:first-child:before { 
	content: "";
	display: inline-block;
	border-color: rgb(45, 92, 157);
	border-style: solid;
	border-width: 2px;
	border-bottom: none;
	border-left: none;
	margin: 8px 16px 0 0;
	width: 15px;
	height: 15px;
	transform: rotate(135deg) skew(15deg, 15deg);
}

.filterbox.open h4:first-child:before { 
	transform: rotate(-45deg) skew(15deg, 15deg);
	margin: 0 16px 0 0;
}

.filterbox nav.cats  {
	display: none;
}

.filterbox nav.cats ul {
	margin: 0;
}

.filterbox .cats li a {
	color: #57575a;
}

@media (min-width: 1940px) {
	
	.filterbox, .filterbox.open {
		width: 300px;
		position: absolute;
		right: -340px;
		top: 50px;
		z-index: 200;
		background: rgba(87,87,90,.1);
		padding: 18px;
		margin: 0;
	}

	.filterbox h4:first-child { 
		padding: 0 0 20px;
	}

	.filterbox h4:first-child:before { 
		display: none;
	}

	.filterbox nav.cats {
		display: block;
	}
	
	.filterbox .cats li {
		border-color: #57575a;
		margin: 0 0 18px;
	}

}


/*////////////////
accordion*/


.accordion {
	margin: 0;
}

.accordion dt {
	list-style: none;
	background-color: rgba(249, 178, 0, .8);
	margin-bottom: 18px;
	position: relative;
}

.accordion dt.open {
	background: rgb(249, 178, 0);
}

.accordion dt.open:after {
	content: '';
	position: absolute;
	display: block;
	background: rgb(249, 178, 0);
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	bottom: -7px;
	left: 50%;
	margin-left: -8px;
}

.accordion dt a {
	color: white;
	display: block;
	width: 100%;
	padding: 18px;
	text-decoration: none;
}

dl.accordion dt a {
	padding-left: 55px
}

dl.accordion dt a span.sv-down {
	position: absolute;
	left: 5px;
	font-size: 48px;
	top: 6px;
}

dl.accordion dt.open a span.sv-down {
	position: absolute;
	left: 5px;
	font-size: 48px;
	top: 6px;
	right: auto;
}


.accordion dd {
	margin: 0 0 40px 0;
	padding: 18px 18px 0 18px;
}

.ac_control.open img {
	transform: rotate(0deg);
}

.accordion .ac_content {
	display: none;
}


/*searchlist*/

.searchlist h1,
.searchlist .lead {
	text-align: center;
}

.searchlist .search {
	margin: 0 auto;
	float: none;
}

.searchlist .searchbutton[type="submit"] {
	position: absolute;
}

.searchlist .list {
	padding-right: 5%;
}

.searchlist .textbox {
	width: 100%;
}

.searchlist .listline .text {
	font-size: 1rem;
}


/*newsletter form*/

form[name='root-newsletterForm'] legend {
	display: none;
}

form[name='root-newsletterForm'] fieldset label[for='categories'],
form[name='root-newsletterForm'] fieldset select[name='categories'] {
	display: none;
}

form[name='root-newsletterForm'] input[type='submit'] {
	background: rgb(45, 92, 157);
	width: 100% !important;
}

#esv-main label.width6.privacyinfoLabel {
    max-width: 100%;
}




/*bestellwesen*/

#BEWE_WEB-allgemeinesBestellwesenForm > fieldset > .legend {
display: none; /*hides comment on bottom of form*/
}

.bestellung_bild img {
	width: 150px;
	height: auto;
}

.bestellung_preis {
	color: rgb(45, 92, 157);
	font-size: 18px;
}

#BEWE_WEB-allgemeineBestellung .button,
#BEWE_WEB-allgemeinesBestellwesenForm .button {
	background: rgb(45, 92, 157);
}

/*formulargenerator
.pbr-body used as center
*/


.esv-application #esv-content_mitnav,
.esv-application #esv-content_with_nav {
	display: block;
	width: 100%;
	padding: 0;
}


/*////////////////
respond*/

/*fluid cetered frame*/

.center,
.contentline > .right, /*behave like center*/
.pbr-body,
#esv-navigation .left {
	float: none;
	width: 1280px;
	margin: 0 auto;
}

@media (min-width: 1900px) {
	
	.bigimage_teaser.cutout:after,
	.bigimage_teaser.cutout:before {
		margin-top: -135px;
	}

	.bigimage_teaser .teaser_text {
		bottom: -90px;
	}

}


@media (max-width: 1300px) {
	
	.center,
	.contentline > .right, /*behave like center*/
	.pbr-body,
	#esv-navigation .left {
		width: 96%;
	}

	.bigimage_teaser {
		height: 450px;
	}
	
	.bigimage_teaser .cover {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	
	.bigimage_teaser.cutout .freetext {
		margin-top: -70px;
	}

	.textimage_banner .freetext h2 {
		font-size: 2.0rem;
		line-height: 1.5;
	}
	
	.textimage_banner .freetext h3 {
		font-size: 1.1rem;
		line-height: 1.5rem
	}
}

@media (max-width: 1210px) {

	#esv-header .logo img {
    height: 50px;
    margin-top: 32px;
  }
}

@media (max-width: 1110px) {
	
 .fixed #esv-header .menuicon {
    display: block;
    padding: 10px 0;
  }

  #esv-header.fixed .accessicon {
	display: block;
  }
  
  #esv-navigation {
    display: none;
  }
  
  #navjump {
  display: none;
  }
  
  #mobilenavjump {
  display: block;
  }
  
  #esv-content_without_nav {
    width: 100%;
  }
  
  #esv-header {
    height: 50px;
  }
   
  .fixed #esv-header .logo {
	top: 0px;
  }

  #esv-header .logo img {
    margin-top: 0px;
  }
  
  header .menuicon {
    background: none;
    float: right;
    display: block;
    width: 51px;
    height: 50px;
    border-right: 1px solid #fff;
    padding: 10px 0 0;
    text-align: center;
    cursor: pointer;
    font-size: 10px;
    letter-spacing: .005em;
    line-height: 14px;
    text-transform: uppercase;
  }

  .textimage_banner .freetext h2 {
	font-size: 1.3rem;
	line-height: 1.5;
}

  .textimage_banner .freetext h3 {
	font-size: 0.9rem;
	line-height: 1.5;
}

}

@media (max-width: 980px) {
	
	.center,
	.contentline .center,
	.contentline > .right, /*behave like center*/
	.pbr-body,
	#esv-navigation .left {
		width: 94%;
	}
	
	.bigimage_teaser {
		margin-bottom: -50px;
	}
	
	.bigimage_teaser.cutout .freetext {
		padding: 0 2%;
		margin-top: -90px;
	}

}


@media (max-width: 960px) {

	.center {
		min-width: 320px;
	}
	
	html {
		font-size: 16px;
	}

	footer .columns4_layout > div {
		width: 50%;
		margin-bottom: 30px;
		border: none;
	}
	
}

@media (max-width: 800px) {
	
	.columns3_layout > div,
	.columns3_layout > li,
	.columns2_layout .article .imagebox, 
	.columns2_layout .textbox {
		width: 100%;
	}
	
	.article {
		margin-bottom: 50px;
	}
	
   .columns3_layout > div.bg_yellow .tileimg,
	.columns3_layout > li.bg_yellow .tileimg {
		max-width: 50%;
		margin: 0 0;
	}
	
	.columns2_layout .textbox {
		margin-top: 18px;
	}
	
	.textimage_banner {
		min-height: 300px;
	}
	
	.textimage_banner img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		min-height: 300px;
	}
	
}


@media (max-width: 600px) {
	
	html {
		font-size: 16px;
	}

	.text h1,
	.bigimage_teaser .text h2 {
		font-size: 1.9rem;
		line-height: 1.5;
	}
	
	.tile:not(.free_column) h3 {
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
	

	.text h2 {
		font-size: 1.6rem;
		line-height: 1.8rem;
	}
	
	.text h3 {
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	
	.text blockquote {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	
	.bigimage_teaser {
		margin-bottom: -50px;
	}
	
	.bigimage_teaser .teaser_text {
		left: -3%;
	}
	
	.bigimage_teaser.cutout .freetext {
		margin-top: -130px;
		left: 5%;
	}
	
	.columns3_layout .tile.columns2,
  .columns2_layout > div,
  .columns2_layout > div.free_column,
  .columns3_layout > div.free_column,
	.columns2_layout > li,
	.columns2_layout > li.free_column,
	.columns3_layout > li.free_column {
		width: 100%;
	}
	
	.column1_layout .article .imagebox, 
	.column1_layout .textbox {
		width: 100%;
	}
	
	.column1_layout .textbox {
		margin-top: 18px;
	}
	
  div.columns2_layout div.article:nth-last-child(2),
	ul.columns2_layout li.article:nth-last-child(2) {
		margin-bottom: 50px;
	}
	
  div.columns2_layout div.tile:nth-last-child(2),
	ul.columns2_layout li.tile:nth-last-child(2) {
		margin-bottom: 18px;
	}
	
	footer .columns4_layout > div {
		width: 100%;
		text-align: center;
	}
	
	.freetext .size_50pc {
		max-width: 100%;
		margin-left: 0;
	}
	
	.text blockquote {
		padding: 80px 20px;
	}
	
	.detail_meta > div {
		width: 100%;
		padding: 10px 0;
	}
	
	.detail_meta .share {
		text-align: left;
	}
	
	#esv-footer .searchbox {
		max-width: 100%;
	}

	#esv-footer .contacticons {
		text-align: center;
	}

}

@media (max-width: 400px) {
	
  	.columns3_layout > div.bg_yellow .tileimg,
	.columns3_layout > li.bg_yellow .tileimg {
		max-width: 100%;
	}
	
	.bigimage_teaser.cutout .freetext  h2 {
		margin-top: 0px;
	}

	.textimage_banner .freetext h2 {
		font-size: 1.8rem;
		line-height: 1.5;
	}

	.textimage_banner .freetext h3 {
		font-size: 0.8rem;
		line-height: 1.5;
	}
	
}