/*
	CSS Definitions for photohp.de - 2011, Helmut Puellmanns

	Author: CONTEGRA, Thomas Leiber, www.contegra.de
*/

#container,
#footer,
#header {
	padding-inline: 1rem;
}

#header {
	margin: 0 auto;
	max-width: calc(1920px - 2rem);
    width: calc(100% - 2rem);
}

.panorama-teaser #header {
	max-width: inherit;
}

#main {
	border-top: 0px solid rgba(0,0,0,0.1);
}

/* arvo-regular - latin */
@font-face {
  font-family: "Arvo";
  font-style: normal;
  font-weight: 400;
  src: local("Arvo"),
    url("../fonts/arvo-v10-latin-regular.woff2") format("woff2"),
    url("../fonts/arvo-v10-latin-regular.ttf") format("truetype");
}

/* arvo-700 - latin */
@font-face {
  font-family: "Arvo";
  font-style: normal;
  font-weight: 700;
  src: local("Arvo Bold"), local("Arvo-Bold"),
    url("../fonts/arvo-v10-latin-700.woff2") format("woff2"),
    url("../fonts/arvo-v10-latin-700.ttf") format("truetype")hea;
}

/* arvo-italic - latin */
@font-face {
  font-family: "Arvo";
  font-style: italic;
  font-weight: 400;
  src: local("Arvo Italic"), local("Arvo-Italic"),
    url("../fonts/arvo-v10-latin-italic.woff2") format("woff2"),
    url("../fonts/arvo-v10-latin-italic.ttf") format("truetype");
}

/* merriweather-regular - latin */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 400;
  src: local("Merriweather Regular"), local("Merriweather-Regular"),
    url("../fonts/merriweather-v19-latin-regular.woff2") format("woff2"),
    url("../fonts/merriweather-v19-latin-regular.ttf") format("truetype");
}

/* merriweather-italic - latin */
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-weight: 400;
  src: local("Merriweather Italic"), local("Merriweather-Italic"),
    url("../fonts/merriweather-v19-latin-italic.woff2") format("woff2"),
    url("../fonts/merriweather-v19-latin-italic.ttf") format("truetype");
}

/* merriweather-700 - latin */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 700;
  src: local("Merriweather Bold"), local("Merriweather-Bold"),
    url("../fonts/merriweather-v19-latin-700.woff2") format("woff2"),
    url("../fonts/merriweather-v19-latin-700.ttf") format("truetype");
}

@font-face {
    font-family: 'noah-regular';
    src: url('../fonts/noah_regular/noah-regular-webfont.woff2') format('woff2'),
         url('../fonts/noah_regular/noah-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noah-bold';
    src: url('../fonts/noah_bold/noah-bold-webfont.woff2') format('woff2'),
         url('../fonts/noah_bold/noah-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

header .mod_navigation,
.noah-bold .mega-headline {
    font-family: 'noah-bold';
}

* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  font-size: 16px;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  html {
    font-size: 20px;
  }
}

body {
  background: #f3f3f3;
  /* border-top: 1px solid #dd2426; */
  color: #222;
  font-family: "Arvo", "Merriweather", Verdana, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  height: 100%;
  line-height: 1.725em;
  width: 100%;
}

body.home {
  overflow-y: hidden;
}

a,
a:visited {
  color: #dd2426 !important;
  text-decoration: none;
}

a:hover,
a.aktiv,
.current {
  color: inherit;
  text-decoration: none;
}

.blog_index a {
  color: inherit;
}

.blog_index a:hover {
  color: #dd2426;
}

a:focus {
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}

.mod_booknav a {
  color: #000;
}

#logo img {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  
  height: calc(2rem + 2vh);
  max-height: 4rem;
  max-width: 50vw;
}

#logo img:hover {
  opacity: 0.7;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'noah-bold';
  line-height: 1.2;
  margin-bottom: 0.9rem;
  letter-spacing: 0;
}

h1 {
	font-size: 3rem;
	/* margin-block: 2.75em 1.1em; */
	margin-block: .8em .4em;
	font-family: 'noah-regular';
	letter-spacing: -.1rem;
}

h2 {
	font-size: 1.6rem;
	letter-spacing: 0.02rem;
	margin-block: 0.95rem 0.9rem;
	
		font-size: 2.7rem;
	margin-block: 1.5rem 1.1rem;
	font-family: 'noah-regular';
	/*letter-spacing: -.1rem; */
}


h3 {
	font-size: 1.4rem;
	
	font-size: 2rem;
	margin-block: 2.1rem 0.9rem;
	font-family: 'noah-regular';
	/*letter-spacing: -.1rem; */
}


h4 {
	font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
	h1 {
		font-size: 2.3rem;
	}
	
	h2 {
		font-size: 2.1rem;
	}
}


h1,
.page-title,
.parent-title,
.galerien.uebersicht h1 {
  font-weight: 400;
}

.page-title,
.parent-title,
.galerien.uebersicht h1 {
  margin-top: 0;
  display: none;
}

@media (min-width: 1200px) {

  .page-title,
  .parent-title {
    display: none;
  }
}

#highlights .page-title {
  @media screen and (max-width: 767px) {
    --sizer: 15px;
    margin-inline: var(--sizer);
  }

  @media screen and (min-width: 768px) {
    --sizer: 30px;
    margin-inline: var(--sizer);
  }

  @media screen and (min-width: 1920px) {
    --sizer: 50px;
    margin-inline: var(--sizer);
  }
}

.page-title {
	color: #fff;
	text-shadow: 0 0 .2em black;
}

.galerien h1 {
  text-align: center;
}

.Xblog_beitrag h1 {
  margin: 20px 0 20px;
}

.blog_index .image_container img {
  height: auto;
  width: 100%;
}


.clr-highlight {
  color: #dd2426;
}

img {
  border: none;
}

.ce_image img,
.ce_gallery img {
  height: auto;
  max-width: 100%;
}

.ce_image.no-enlarge img,
.ce_gallery.no-enlarge img {
  height: auto;
  max-width: 100%;
  width: inherit;
}

label {
  font-weight: 400;
  margin-right: 10px;
}

ol,
ul {
  margin-left: 16px;
}

p {
  margin-bottom: .7rem;
}

table {
  width: 100%;
}

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hide {
  display: none;
}

.mod_login {
  margin-top: 20px;
}

.mod_login input[type="submit"] {
  width: 100%;
}

.ce_downloads ul {
  list-style: none;
  margin-left: 0;
}

#container {
  margin-top: 1.25rem;
}

#navigation {
  margin: 4px 0 0;
}

#navigation> :hover {
  cursor: pointer;
}

img#pauseplay {
  margin: 0 8px;
}

#header .inside {
  background-color: transparent;
}

.textbox_container {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: alpha(opacity=50);
  border: none;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
}

.mm-page {
  -webkit-user-select: inherit !important;
  -moz-user-select: inherit !important;
  -ms-user-select: inherit !important;
  -o-user-select: inherit !important;
  user-select: inherit !important;
}

#header .inside {
  padding-bottom: 15px;
  padding-top: 15px;
}

.home #header {
  border-bottom: none;
  margin-bottom: 0;
  width: auto;
}

#footer {
  padding-bottom: 6rem;
}

@media (min-width: 768px) {
  #footer {
    padding-bottom: 4rem;
  }
}

@media (min-width: 1200px) {
  #footer {
    padding-bottom: 3rem;
  }
}

.image {
  background-color: #000;
}

#logo a:hover {
  opacity: 0.7;
}

.textbox {
  display: table-cell;
  padding: 35px 20px 20px 20px;
}

.ce_text a {
	align-items: center;
	display: inline-flex;
	font-style: italic;
}

.mod_article div.ce_text.textbox:first-child {
  padding: 35px 20px 20px 40px;
}

.mod_article div.ce_text.textbox {
  min-width: 200px;
  max-width: 300px;
  height: 350px;
  min-height: 350px;
}

.textbox_container ul {
  list-style-type: none;
  list-style-position: inside;
  min-width: 190px;
}

.textbox_container li:before {
  content: "·";
  margin-right: 5px;
}

.text #main {
  margin: 160px 10% auto 10%;
}

#nav_main a,
#nav_main span {
  padding: 0;
  font-size: 0.85rem;
}

#nav_main li a:hover,
#nav_main li .active,
#nav_main li .trail,
.search #nav_main span.fa-search {
  background: transparent;
  color: #dd2426;
  text-decoration: none;
}

#nav_main span.fa-search {
  font-size: 1rem;
}

#nav_main li .trail span {
  color: #dd2426;
}

#nav_main li {
  display: inline-block;
  padding: 0 20px;
}

#nav_main li.imprint {
  display: none;
}

#nav_main,
.nav-legal {
  margin: 20px 0 0;
  text-align: center;
  text-transform: uppercase;
  z-index: 10;
}

#nav_main {
  margin: 15px 0 0;
}

#nav_main .level_1 {
  font-size: .85rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-left: -13px;
}

#nav_main li,
.nav-legal li {
  display: inline-block;
  position: relative;
}

#nav_main li.last,
.nav-legal li.last {
  border: none;
  margin-right: 0;
}

#nav_main li a,
.nav-legal li a {
  text-decoration: none;
}

#nav_main .level_1>li.fa {
  padding: 0;
}

#nav_main .level_1>li.fa>a.fa {
  padding: 0 10px;
}

#nav_main .level_1>li.fa>a.fa:before {
  font-size: 1.3em;
  margin-right: 0;
  position: relative;
  top: 1px;
}

#nav_main .level_1>li.fa>a>span {
  display: none;
}

#nav_main>li,
.nav-legal>li {
  float: left;
}

@media (max-width: 639px) {
  .nav-legal {
    margin-bottom: 7rem;
  }
}

@media (min-width: 640px) {
  .nav-legal {
    margin-bottom: 6rem;
  }
}

@media (min-width: 992px) {
  .nav-legal {
    margin-bottom: 5rem;
  }
}

@media (min-width: 1280px) {
  .nav-legal {
    margin-bottom: 3rem;
    padding-block: 1rem;
  }
}

.nav-legal {
  font-size: .7rem;
  padding-block: 1rem;
}

.home .nav-legal {
  border: none;
  font-size: 12px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: calc(3% - 20px);
  text-align: right;
  width: 100%;
  z-index: 99999;
}

.home .nav-legal ul {
  border-top: none;
  margin: 0;
  padding-top: 0;
}

.home .nav-legal li {
  padding: 0 0.5em;
}

.home .nav-legal a span {
  color: #fff;
}

#nav_main li:hover>ul {
  background: #e0e0e0;
  border-top: 1px solid #000;
  display: block;
  position: absolute;
  left: 14px;
}

#nav_main li a:hover {
  border: none;
}

#nav li span.submenu_expand {
  height: 52px;
  position: absolute;
  right: 0;
  top: 0;
  width: 52px;
  z-index: 9999;
}

#nav_main .submenu li {
  background-color: #d3d3d3;
  display: block;
  float: none;
  text-transform: none;
}

#nav_main .submenu ul {
  display: none;
  position: absolute;
  text-align: left;
}

#nav_main .submenu i {
  margin-left: 5px;
}

#nav_main ul {
  display: inline;
  margin-bottom: 0;
}

#nav_main ul ul {
  left: 0px;
  min-width: 180px;
}

#nav_main ul li:last-child ul {
  left: -113px;
}

#nav_main ul a,
#nav_main ul span {
  color: #000;
  display: inline-block;
  zoom: 1;
  /* IE7 */
}

#nav_main ul ul a,
#nav_main ul ul span {
  font-size: 1.05em;
  letter-spacing: 0.5px;
  line-height: 20px;
  padding: 5px 0;
  white-space: nowrap;
}

#nav_main ul ul li.last a,
#nav_main ul ul li.last span {
  padding-bottom: 1em;
}

#nav_main ul ul li:hover a {
  padding-bottom: 5px;
}

#nav_main ul.level_1>li>a,
#nav_main ul.level_1>li>span {
  margin: 5px 0 15px;
}

#nav_main ul.level_3 {
  border: none;
  left: 0;
  position: absolute;
}

#nav_main ul li a:hover span,
#nav_main ul ul li a:hover span {
  color: #dd2426;
}

#nav_main ul ul li {
  border-bottom: 0px solid #999;
  padding: 0 15px;
}

#nav_main ul ul li.first {
  border-top: none;
}

#nav_main li.submenu ul.level_2 {
  display: none;
}

#nav_main li.galerien ul {
  width: 250px;
}

#nav_main li.galerien ul ul {
  border-top: none;
  left: 235px;
  position: relative;
  top: -40px;
  width: inherit;
}

#nav_main li.datenschutz {
  display: none;
}

.nav-legal {
  border-top: 1px solid #909090;
  font-size: .7rem;
  font-weight: 400;
  letter-spacing: 0.15em;
}

.nav-legal ul {
  margin: 0;
}

.nav-legal li {
  padding: 0 15px;
}

.nav-legal span,
.nav-legal a:hover span {
  color: #dd2426;
}

.nav-legal a span {
  color: #000;
}


/* Mobile navigation (off canvas)
   ############################## */

#nav {
  padding-left: 15px;
  padding-right: 15px;
}

#nav .level_1+li a {
  text-transform: uppercase;
}

#nav ul {
  margin-left: 0;
  padding-left: 0;
}

#nav ul ul {
  position: relative;
}

#nav a:hover {
  border-bottom: 0;
}

#nav span.active,
#nav .trail {
  background: rgba(255, 255, 255, 0.7);
}

#search_off_canvas input {
  /* color: $default_grey_3; */
  margin-top: 0;
}

#nav_left a,
#nav_left span {
  font-size: 1.1em;
  font-weight: 600;
}

#nav_left a {
  color: inherit;
}

.mod_search.icon .formbody {
  position: relative;
}

.mod_search.icon input {
  letter-spacing: 1px;
  padding-left: 50px !important;
}

.mod_search.icon i {
  font-size: 1.3em;
  left: 15px;
  position: absolute;
  top: 18px;
}

#nav .mod_search.icon i {
  /* color: $default_grey_3; */
  top: 16px;
}

#nav button.submit {
  display: none;
}

.kursiv {
  font-style: italic;
}

.fett {
  font-weight: bold;
}

/* Galerie */

.bildbox {
  padding: 0 25px 0 0;
}

.galerie_bild_container {
  display: inline-block;
  margin-right: 40px;
  vertical-align: top;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.galerien.full_width .container {
  width: 90%;
}

.galerie_bild_container.is-selected {
  opacity: 1;
}

.galerie_bild_container:last-child {
  margin-right: 0;
}

.ce_gallery li {
  display: inline-block;
}

.ce_gallery .grid li {
  display: block;
}

.galerie_bild_container .image_container img {
  height: 60vh;
  width: auto;
}

.ce_gallery .grid img {
  float: left;
  height: auto;
  margin: 0 4px 4px 0;
  max-width: inherit;
}

.ce_gallery .grid.cols_2 img {
  width: 49.5%;
}

.ce_gallery .grid.cols_3 img {
  width: 32.9%;
}

.ce_gallery .grid.cols_4 img {
  width: 24.5%;
}

/* Galeriuebersicht */

.thumbnail {
  border: 0px solid #7f7f7f;
  border-radius: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0 15px 30px 15px;
  padding: 0;
  width: auto;
  -webkit-transition: border 0.5s ease-in-out;
  -moz-transition: border 0.5s ease-in-out;
  -o-transition: border 0.5s ease-in-out;
  transition: border 0.5s ease-in-out;
  width: 240px;
  /* 255px; */
}

.thumbnail_large {
  border: 0px solid #7f7f7f;
  border-radius: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
  -webkit-transition: border 0.5s ease-in-out;
  -moz-transition: border 0.5s ease-in-out;
  -o-transition: border 0.5s ease-in-out;
  transition: border 0.5s ease-in-out;
  width: 100%;
}

.thumbnail a {
  text-decoration: none;
}

.thumbnail h2 {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
  filter: alpha(opacity=70);
  top: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: table-cell;
  font-size: 15px;
  height: auto;
  letter-spacing: 0.3px;
  margin: 12px 0 0 13px;
  padding: 3px 5px 5px 7px;
  position: absolute;
  vertical-align: middle;
  width: 90%;
  z-index: 1;
  text-align: left;
  text-transform: lowercase;
  line-height: 1.3em;
}

.thumbnail_large h2 {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
  left: 17px;
  top: 1.5vw;
  filter: alpha(opacity=70);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: table-cell;
  font-size: 18px;
  height: auto;
  letter-spacing: 0.3px;
  margin: 12px 0 0 0;
  padding: 8px 10px 10px 12px;
  position: absolute;
  vertical-align: middle;
  width: auto;
  z-index: 1;
  text-align: left;
  text-transform: lowercase;
  line-height: 1.3em;
}

#blog_gallery .galerie_bild_container {
  position: relative;
}

#blog_gallery .galerie_bild_container h2 span {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
  filter: alpha(opacity=70);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  height: auto;
  margin: 12px 0 0 13px;
  padding: 3px 5px 5px 7px;
  position: absolute;
  vertical-align: middle;
  text-transform: lowercase;
  line-height: 1.3em;
}

#blog_gallery .galerie_bild_container h2 {
  display: none;
  position: absolute;
}

#blog_gallery .galerie_bild_container:hover h2 {
  display: block;
}

.galerie_bild_container h2,
.galerie_bild_container img,
.thumbnail img {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.galerie_bild_container a img:hover,
.thumbnail img:hover {
  opacity: 0.7;
}

.layout_latest .image_container,
.layout_latest_teaser .image_container,
.ce_image.thumbnail .image_container {
  overflow: hidden;
}

.layout_latest img,
.layout_latest_teaser img,
.ce_image.thumbnail img {
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.layout_latest img:hover,
.layout_latest_teaser img:hover,
.ce_image.thumbnail img:hover {
  opacity: 1;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.backlink:hover {
  background: url("/files/photohp/theme/img/arrow_red.png") 0 -1px no-repeat transparent;
  background-size: 12px 18px;
  height: 18px;
  text-decoration: none;
  width: 12px;
}

.galerie_ueberschrift {
  display: inline-block;
  text-decoration: none;
  text-transform: lowercase;
}

.image_container {
  line-height: 0;
}

img {
  height: auto;
  max-width: 100%;
}

.fullsize_link {
  display: block;
  height: 100%;
  width: 100%;
}

.button_forward {
  background: transparent;
  display: block;
  height: 52px;
  margin: 0;
  position: absolute;
  right: 3%;
  top: 20px;
  width: 80px;
  z-index: 9999;
}

.tooltip {
  position: absolute;
  left: 0;
  width: 80px;
  height: 52px;
  line-height: 48px;
  font-size: 22px;
  text-align: center;
  color: #fff;
  letter-spacing: 1px;
}

.tooltip:hover {
  color: #dd2426;
}

.tooltip:after {
  content: "enter";
  font-weight: bold;
  position: absolute;
  width: 0;
  height: 0;
  top: 0px;
  left: 26px;
}

/* Blog layout */

.blog_beitrag h1 {
  text-transform: none;
}

.blog_beitrag .info {
  display: none;
}

.blog_beitrag .ce_text,
.blog_beitrag [class^="ce_rsce"]> {
  padding: 0 15px;
}

.blog_beitrag .mod_newsreader {
  margin-top: 0px;
}

.blog_beitrag .ce_image .image_container .layer {
  /* margin: 42px 0 0; */
  display: none;
}

.ce_gallery ul {
  margin-left: 0;
  list-style: none;
}

/* Search field */
/* ############ */
#search_field {
  position: absolute;
  right: 15px;
  top: 67px;
}

.ie7 #search_field {
  width: 210px;
}

input[type="text"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-cancel-button,
input[type="text"]::-webkit-search-results-button,
input[type="text"]::-webkit-search-results-decoration,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type="search"] {
  border-radius: 0;
  -webkit-appearance: none;
}

input[type="image"],
input[type="password"],
input[type="search"],
input[type="submit"],
input[type="text"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  background: #dd2426;
  border: none;
  border-radius: 0;
  color: #fff;
  float: left;
  height: 30px;
  margin: 5px 0;
  position: relative;
}

input[type="search"] {
  height: 36px;
}

input[type="password"],
input[type="search"],
input[type="text"] {
  background: #e0e0e0;
  border: none;
  color: #4f4f4e;
  left: 0;
  padding: 0 5px;
  width: 100%;
}

input[type="image"]:hover,
input[type="submit"]:hover {
  background: #4f4f4e;
}

#search_field input[type="search"] {
  width: 160px;
}

.ie7 #search_field input[type="search"] {
  right: 40px;
}

#search_field input[type="image"],
#search_field input[type="submit"] {
  background: url("/files/theme/img/magnifier_retina.png") 10px 8px no-repeat #f2f2f2;
  background-size: 15px 15px;
  font-size: 0;
  right: 0;
  text-indent: -9999px;
  top: 0;
  width: 35px;
}

.fx3 #search_field input[type="image"],
.fx3 #search_field input[type="submit"],
.ie7 #search_field input[type="image"],
.ie7 #search_field input[type="submit"],
.ie8 #search_field input[type="image"],
.ie8 #search_field input[type="submit"] {
  background: url("/files/theme/img/magnifier.png") 10px 8px no-repeat #f2f2f2;
  background-size: 15px 15px;
}

.ie7 #search_field input[type="image"] {
  position: relative;
  left: 175px;
  top: -30px;
}

#suchergebnisse .radio_container {
  clear: left;
  left: 3px;
  position: relative;
  top: 10px;
}

#suchergebnisse input[type="search"] {
  width: 310px;
}

#suchergebnisse span+span {
  margin-left: 30px;
}

#suchergebnisse input+label {
  margin-left: 5px;
}

#suchergebnisse .header {
  border-bottom: 1px solid #87887c;
  margin-top: 50px;
}

#suchergebnisse .url,
#suchergebnisse .filesize {
  color: #87887c;
}

#suchergebnisse .context {
  margin-bottom: 5px;
}

#newsletter-abo input[type="text"] {
  width: 300px;
}

input[type="submit"] {
  padding: 0 7px;
}

#newsletter-abo input.submit:hover {
  cursor: hand;
}

#blog_gallery .ce_gallery {
  display: inline;
  overflow-x: hidden;
  overflow-y: hidden;
}

.mod_booknav {
  font-size: 17px;
  padding: 20px 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.mod_booknav a {
  color: #000;
  text-decoration: none;
  width: 250px;
}

.mod_booknav a:hover {
  color: #dd2426;
}

.mod_booknav .prev,
.mod_booknav .next {
  display: inline-block;
  position: absolute;
}

.mod_booknav .prev {
  float: left;
  left: 0;
  text-align: left;
}

.mod_booknav .next {
  float: right;
  right: 0;
  text-align: right;
}

.text_block,
.text_spacer {
  margin-bottom: 40px;
}

#main {
  margin-bottom: 0px;
  min-height: 70vh;
}

.galerien #main {
  margin-bottom: 0;
}

li.fa:before {
  content: "";
}

a.fa {
  font-family: "Arvo", "Merriweather", Verdana, Arial, sans-serif !important;
}

a.fa:before {
  display: inline-block;
  font-family: "FontAwesome";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

a.fa:before {
  margin-right: 8px;
}

.fa.nav-btn {
  float: right;
  font-size: 2em;
}

.fa.nav-btn:before {
  margin-right: 0;
}

.layout_latest .info {
  display: none;
}

.layout_latest_teaser.top_news {
  height: auto;
  margin-bottom: 25px;
}

.layout_latest_teaser .info {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 0;
}

.layout_latest_teaser .teaser {
  min-height: 100px;
}

.layout_latest_teaser.top_news .info,
.layout_latest_teaser.top_news .teaser {
  display: none;
}

.layout_latest_teaser span.fa:before {
  margin-right: 7px;
}

.layout_latest_teaser .padding_inside {
  padding: 0 15px;
}

#uebersicht h1 {
  margin-left: 15px;
}

#uebersicht h2 {
  font-size: 0.9rem;
  height: 2em;
  letter-spacing: 0.5px;
  line-height: 1.2em;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: left;
  text-transform: none;
}

.layout_latest_teaser h2 {
  font-size: 0.9rem;
  height: auto;
  letter-spacing: 0.5px;
  line-height: 1.2em;
  margin-bottom: 0;
  margin-top: 5px;
  padding: 0 10px;
  text-align: left;
  text-transform: none;
}

.layout_latest_teaser.top_news h2 {
  font-size: 0.9rem;
  height: auto;
  letter-spacing: 0.5px;
  line-height: 1.2em;
  margin-bottom: 2em;
  margin-top: 12px;
  padding: 0 10px;
  text-align: left;
  text-transform: none;
}

.layout_latest_teaser h2:hover {
  color: #dd2426;
}

.more {
  display: none;
}

button {
  -webkit-appearance: button;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-transform: none;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

#btn-search.fa-lg {
  line-height: 1em;
  vertical-align: -1px;
}

.centered {
  margin: 0 auto;
}

.center {
  text-align: center;
}

.layout_latest {
  margin-bottom: 20px;
}

.layout_latest .teaser {
  display: none;
}

/* Pagination */

.pagination {
  border-radius: 0;
  text-align: center;
  width: 100%;
}

.pagination ul {
  margin: 0;
  width: 100%;
}

.top_pagination .pagination {
  display: none;
  border-radius: 0;
  border-bottom: 1px solid #909090;
  border-top: none;
  margin-bottom: 2em !important;
  margin-top: 0;
  padding: 0 0 30px;
  text-align: center;
  width: 100%;
}

.pagination li {
  display: inline;
  list-style-type: none;
  margin: 0 10px !important;
  padding: 0;
}

.pagination li.first,
.pagination li.last {
  display: none;
}

.pagination a {
  font-size: 16px;
}

.pagination p {
  display: none;
}

.pagination span {
  color: #dd2426;
  display: inline-block;
}

.pagination:first-of-type {
	margin-bottom: 40px;
}



.toplink {
  opacity: 0;
  position: fixed;
  right: 50px;
  bottom: 20px;
  cursor: pointer;
  width: 60px;
  height: 60px;
  background-color: #dd2426;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 199;
}

.toplink:hover {
  background-color: #222;
}

.toplink span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -18px;
  display: block;
}

.test .toplink {
  display: inline;
}

.toplink a.toplink_link {
  display: inline-block;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 60px !important;
}

.toplink a.toplink_link span {
  color: #fff;
}

.toplink a.toplink_link span:before {
  font-size: 30px;
}

.border_top {
  border-top: 1px solid #000;
  margin-top: 40px;
  padding-top: 20px;
}

.pagination-news {
  display: block;
  grid-column: span 12;
  padding: 0;
  position: relative;
}

@media (min-width: 640px) {
  .pagination-news {
    height: 4rem !important;
  }
}

@media (min-width: 0px) {

  .pagination-news .s-prev,
  .pagination-news .s-next {
    display: inline-block;
    font-size: 0.7rem;
    line-height: 1.4;
    margin-top: 1rem;
  }

  .pagination-news .s-next {
    float: left;
    left: 0;
    text-align: left;
  }

  .pagination-news .s-prev {
    float: right;
    right: 0;
    text-align: right;
  }
}

.back {
  margin: 0;
  display: none;
}

.mod_newsreader .back {
  margin-top: 20px;
}

.back+.mod_newsreader .image_container:first-child {
  margin-top: 0;
}

#blog-nachrichtenleser {
  margin-top: 35px;
}

.pagination-news a {
  width: 45%;
}

.mod_newsreader .layout_full .tags {
  display: inline-block;
  font-size: 0.7rem;
  grid-column: span 12;
  list-style: none;
  margin: 0 0.5em 0 0;
  margin: 0 auto;
  padding: 0.5em 0;
  width: 100%;
}

.mod_newsreader .layout_full .tags span,
.mod_newsreader .layout_full .tag-chain {
  display: inline-block;
}

.mod_newsreader .layout_full .tag-chain {
  margin: 0;
  padding: 0;
  display: inline;
}

.mod_newsreader .layout_full .tag-chain-item {
  display: inline-block;
  margin-right: 0.5em;
}

.mod_newsreader .layout_full .tag-chain-item a {
  display: inline-block;
}

.mod_newsreader .layout_full .tag-chain-item span {
  color: #dd2426;
}

.mod_newsreader .layout_full .tag-chain-item:hover span {
  color: #333;
}

.textblock_first {
  margin-top: 26px;
}

#wrapper {
  margin-bottom: 40px;
}

.nav_search {
  display: inline-block;
  margin-left: 5px;
}

.nav_search button {
  -webkit-appearance: button;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.2em;
  line-height: inherit;
  margin: 0 0;
  padding: 0 5px;
  text-transform: none;
}

.nav_search button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.nav_search fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.nav_search input {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.nav_search input:focus {
  outline: none;
}

input[type="search"] {
  background-color: #e0e0e0;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background: #e0e0e0 !important;
}

.nav_search input[type="search"] {
  margin-left: 14px;
  padding: 0 5px;
  display: none;
}

.nav_search input[type="search"].open {
  display: inline-block;
  width: 240px;
}

.nav_search input[type="search"]:-webkit-search-cancel-button,
.nav_search input[type="search"]:-webkit-search-decoration {
  border-radius: 0;
  -webkit-appearance: none;
}

.nav_search input:-moz-focus-inner {
  border: 0;
  padding: 0;
}

.nav_search li {
  margin: 0;
  padding: 0;
}

#search_main {
  position: relative;
  top: 0px;
}

.mac.safari #search_main {
  top: 3px;
}

#search_main fieldset,
#search_main button,
#search_main label,
#search_main span,
#search_main input.radio {
  display: inline-block;
}

#search_main input[type="search"] {
  width: 70%;
}

#search_main fieldset {
  margin: 10px 0 0;
  width: 100%;
}

#search_main fieldset span {
  margin: 10px 30px 10px 0;
}

#search_main input.radio {
  margin-right: 5px;
}

#search_main .even,
#search_main .odd {
  border-top: 1px solid #e0e0e0;
}

#search_main button {
  border: 1px solid #222;
  margin-left: 10px;
  padding: 0 0.5rem;
  position: relative;
  top: 4px;
  /* width: 30px; */
}

.mac.safari #search_main button {
  top: 5px;
}

#search_main .url {
  font-size: 0.8em;
  line-height: 1.6;
  word-break: break-all;
}

.mod_search button:hover {
  color: #dd2426;
}

#search_off_canvas {
  display: inline-block;
  display: none;
  /* Vorläufig */
}

.home #header {
  height: 62px;
  left: 0;
  margin: 0 5%;
  padding: 0 0 10px;
  position: fixed;
  top: 0;
  width: auto;
  z-index: 999;
}

.home #main {
  border: none;
}

.home #logo a {
  background: url("/files/photohp/theme/img/logo-weiss.png") no-repeat;
  background-size: cover;
  display: block;
  height: 42px;
  width: 200px;
}

@media (min-width: 480px) {
  .home #logo a {
    background-size: 200px 42px;
    height: 42px;
    width: 250px;
  }
}

/* Lightbox */

#cboxTitle,
#cboxCurrent {
  display: none !important;
}

/* Login
   ##### */

.mod_login input[type="checkbox"],
.mod_login label[for="autologin"] {
  display: inline;
}

.mod_login input[type="checkbox"] {
  margin-right: 5px;
}

#color_change {
  font-size: inherit;
  color: #dd2426;
  outline: none;
  width: 160px;
  margin-left: 15px;
}

#color_change:hover {
  background-color: #222;
  color: #fff;
}

#color_change.inline {
  background-color: #fff;
  color: #dd2426;
  height: 1.5em;
  outline: none;
  margin: 0 10px;
  padding: 0 5px;
  width: auto;
}

#color_change.inline:hover {
  background-color: #222;
  color: #fff;
}

/*************************************
	-	TP ARROWS 	-
**************************************/

.tp-leftarrow,
.tp-leftarrow.default {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url("/files/photohp/theme/img/arrow_left_100px-thin.png") no-Repeat center left;
  /*
		width:27px;
	height:52px;
	*/
  height: 100%;
  width: 50%;
}

.tp-rightarrow,
.tp-rightarrow.default {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url("/files/photohp/theme/img/arrow_right_100px-thin.png") no-Repeat center right;
  /*
		width:27px;
	height:52px;
	*/
  height: 100%;
  width: 50%;
}

.tp-leftarrow,
.tp-rightarrow {
  opacity: 0;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
  opacity: 1;
}

.fa.nav-btn {
  color: inherit;
}

#nav a {
  color: #fff;
}

#nav .mm-list a.mm-subopen:after {
  border-color: #fff;
}

#nav .mm-list a.mm-subopen:after {
  border-color: #fff;
}

.fa.nav-btn:hover,
#nav a:hover,
#nav span.active {
  color: #dd2426;
  text-decoration: none;
}

#nav span.active,
#nav .trail {
  background: #f3f3f3;
  background-color: transparent;
}

@media only screen and (max-width: 640px) {
  .flickity-prev-next-button.previous {
    background-size: 20% !important;
    left: -20px !important;
  }

  .flickity-prev-next-button.next {
    background-size: 20% !important;
    right: -20px !important;
  }
}

@media screen and (min-width: 992px) {
  #nav_main li {
    padding: 0 10px;
  }

  #nav_main .level_1>li.fa-facebook {
    margin-left: 50px;
  }

  .ce_image img,
  .image_container img {
    height: auto;
    max-width: 100%;
    /*width: inherit; */
  }

  .ce_gallery img {
    height: auto;
    width: 100%;
  }

  .blog_beitrag .ce_text>*,
  .blog_beitrag [class^="ce_rsce"]>* {
    margin-left: 0 !important;
    max-width: 100ch !important;
  }

  .blog_beitrag .w-1500 .ce_text>*,
  .blog_beitrag .w-1500 [class^="ce_rsce"]>* {
    margin-left: 8% !important;
  }

  .mod_newsreader .pagination a {
    width: 250px;
  }

  .layout_latest_teaser .teaser {
    height: 200px;
  }

  .layout_latest_teaser.top_news .teaser {
    height: 150px;
  }
}

@media screen and (min-width: 1200px) {
  #header .inside {
    padding-bottom: 20px;
    padding-top: 2.5rem;
    /* padding-inline: 50px !important; */
  }
  
  .Xpanorama-teaser #header .inside {
    padding-inline: 50px !important;
  }

  #nav_main li {
    padding: 0 20px;
  }

  .nav_search {
    margin-left: 0;
  }

  .blog_beitrag .ce_text {
    width: 75%;
  }

  .mod_newsreader .pagination a {
    width: 450px;
  }

  #nav_main .level_1>li.fa-facebook {
    margin-left: 40px;
  }

  .layout_latest_teaser .teaser {
    height: 150px;
  }

  .layout_latest_teaser.top_news .teaser {
    height: 100px;
  }

}

@media screen and (min-width: 1368px) {
  .galerie_bild_container .image_container img {
    height: 70vh;
  }
}

.galerie_bild_container img {
  max-width: inherit;
  width: inherit;
}

.mobile_menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}

.mobile_menu .inner {
  background-color: #333;
  overflow: auto;
  padding: 1rem;
}

.mobile_menu #nav {
  padding: 0;
}

.mobile_menu #nav {
  margin-top: 1rem;
}

.mobile_menu nav li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  line-height: 20px;
  list-style: none;
  padding-left: 0;
  width: 100%;
}

.mobile_menu li>a,
.mobile_menu li>span {
  display: inline-block;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  line-height: 20px;
  padding: 10px 10px 10px 0;
  margin: 0;
  text-transform: uppercase;
}

.mobile_menu .mod_search,
.mobile_menu input {
  height: 30px;
}

.mobile_menu input {
  -webkit-appearance: none;
  border-radius: 0;
}

.mobile_menu .mod_search {
  position: relative;
  width: calc(100% - 35px);
}

.mobile_menu .radio_container {
  display: none;
}

.mobile_menu button.submit {
  color: #fff;
  display: inline-block;
  height: 30px;
  position: absolute;
  right: -43px;
  top: -5px;
  padding: 8px;
}

.mobile_menu button.submit:hover {
  color: #dd2426;
}

.mobile_menu ul {
  top: 50px;
}

.button,
.button:visited {
  background-color: #dd2426;
  background-color: #fff;
  border: 2px solid #dd2426;
  border-radius: 3px;
  color: #fff;
  color: #222;
  display: inline-block;
  font-size: 0.6em;
  font-weight: bold;
  letter-spacing: 1.5px;
  margin: 0 1em 0.5em 0;
  padding: 0 8px;
  text-transform: uppercase;
}

.btn-de .button.de,
.btn-en .button.en,
.btn-fr .button.fr,
.btn-it .button.it,
.button:hover {
  border: 2px solid #222;
}

.btn-de .button.de,
.btn-en .button.en,
.btn-fr .button.fr,
.btn-it .button.it {
  pointer-events: none;
  cursor: default;
}

.cookiebar {
  background-color: #000;
  font-size: 0.8em;
  line-height: 1.3;
  z-index: 9999;
}

.home .cookiebar {
  bottom: 41px;
}

.cookiebar__text,
.cookiebar__message {
  margin: 0 0 0.5em;
}

.cookiebar__link {
  display: inline-block;
}

.cookiebar__button {
  margin: 0 1em;
  padding: 0.2em 1em;
}

.theme-photohp {
  border: 1rem solid red;
}

.theme-photohp-blog {
  border: 1rem solid green;
}

.tp-loader {
  display: none !important;
}

.mod_tagcloudnews ul {
  font-size: 0.8rem;
  list-style: none;
  margin: 0 0 2rem 0;
}

.mod_tagcloudnews li {
  display: inline-block;
  margin-right: 1em;
}

.mod_tagcloudnews .active {
  color: #dd2426;
  font-size: 1rem;
}

.ce_rsce_links ul {
  font-size: 0.7rem;
  list-style: none;
  margin-left: 0;
}

.ce_gallery {
  margin-bottom: 1rem !important;
}

.layout_full .margin-bottom-65,
.layout_full .margin-bottom-75 {
  margin-bottom: 3.15rem !important;
  margin-bottom: 2.5rem !important;
}

.layout_full .margin-top-65,
.layout_full .margin-top-75 {
  margin-top: 3.15rem !important;
  margin-top: 2.5rem !important;
}

.mt-0,
.headline-mt-0 h1 {
	margin-top: 0 !important;
}

.h1-extra h1 {
	margin-block: 0 3rem !important;
}

#glightbox-body .gslide-image img {
  padding: 10px 0;
}

#glightbox-body .goverlay {
  background: #000;
}

.glightbox-clean .gprev {
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.glightbox-clean .gnext {
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.glightbox-clean .gbtn path {

}

.glightbox-clean .gclose,
 .glightbox-clean .gnext,
  .glightbox-clean .gprev {
  background-color: transparent;
  border-radius: 4px;

}

.search-header {
  display: inline-block;
  position: relative;
  height: 2rem;
  top: 0.6rem;
  width: 2rem;
}

.search-header input {
  outline: none;
  position: absolute;
  top: -.15em;
  transition: all .3s linear;
}

.search-header input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
}

.search-header input:-webkit-autofill,
.search-header input:-webkit-autofill:hover,
.search-header input:-webkit-autofill:focus,
.search-header input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}

.search-header input::-webkit-search-decoration,
.search-header input::-webkit-search-cancel-button {
  display: none;
}

.search-header input[type="search"] {
  background-color: #f3f3f3;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPgogICAgPHBhdGggZD0iTTIzLjExMSwyMC4wNThMMTguMTM0LDE1LjA4MUMxOS4wOTksMTMuNTYxIDE5LjY1NywxMS43NTkgMTkuNjU3LDkuODNDMTkuNjU3LDQuNDEgMTUuMjQ4LC0wIDkuODI4LC0wQzQuNDA4LC0wIDAsNC40MSAwLDkuODNDMCwxNS4yNSA0LjQwOCwxOS42NiA5LjgyOSwxOS42NkMxMS42NjMsMTkuNjYgMTMuMzgxLDE5LjE1NSAxNC44NTEsMTguMjc3TDE5Ljg3MiwyMy4yOThDMjIuMDE2LDI1LjQzOSAyNS4yNTYsMjIuMjAyIDIzLjExMSwyMC4wNThaTTMuMDQ3LDkuODNDMy4wNDcsNi4wOTEgNi4wOSwzLjA0OCA5LjgyOSwzLjA0OEMxMy41NjgsMy4wNDggMTYuNjExLDYuMDkgMTYuNjExLDkuODNDMTYuNjExLDEzLjU3IDEzLjU2OCwxNi42MTIgOS44MjksMTYuNjEyQzYuMDksMTYuNjEyIDMuMDQ3LDEzLjU2OSAzLjA0Nyw5LjgzWiIgc3R5bGU9ImZpbGw6cmdiKDM0LDM0LDApO2ZpbGwtcnVsZTpub256ZXJvOyIvPgo8L3N2Zz4K");
  background-position: 0.5em .7em;
  background-repeat: no-repeat;
  background-size: 1em;
  padding: 0.2em 0.5em .2em 1.5em;
  width: 55px;

  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  border-radius: 10em;

  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.search-header input[type="search"]:focus {
  width: 130px;
  background-color: #e0e0e0 !important;
}

.search-header input:-moz-placeholder {
  color: #999;
}

.search-header input::-webkit-input-placeholder {
  color: #999;
}

.search-header input[type="search"] {
  width: 1.6em;
  padding-left: 1em;
  color: transparent;
  cursor: pointer;
}

.search-header input[type="search"]:hover {
  background-color: #e0e0e0;
}

.search-header input[type="search"]:focus {
  width: 150px;
  padding-left: 3em;
  padding-right: 1em;
  color: #000;
  background-color: #e0e0e0;
  cursor: auto;
}

.search-header input:-moz-placeholder {
  color: transparent;
}

.search-header input::-webkit-input-placeholder {
  color: transparent;
}

.search-header .submit {
  display: none;
}

.caption {
  font-size: 0.7rem;
  margin-top: 0.7rem;
  font-style: italic;
  margin-bottom: 2rem;
}

img[src*="emoji_"] {
  height: 1.25rem;
  margin-top: -.25rem;
  width: auto;
}

.mod_breadcrumb {
  display: none;
}

.ce_gallery figure {
  position: relative;
}

.ce_gallery figure:after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTMgMTBoLTN2M2gtMnYtM2gtM3YtMmgzdi0zaDJ2M2gzem03LjAxOSAxMi44NzgtNi4yMzQtNi4yNjVjLTEuMzg4Ljg3NC0zLjAyNCAxLjM4Ny00Ljc4NSAxLjM4Ny00Ljk3MSAwLTktNC4wMjktOS05czQuMDI5LTkgOS05IDkgNC4wMjkgOSA5YzAgMS43NjEtLjUxNCAzLjM5OC0xLjM4NyA0Ljc4NWw2LjI2NSA2LjIzNHptLTExLjAxOS02Ljg3OGMzLjg1OSAwIDctMy4xNCA3LTdzLTMuMTQxLTctNy03LTcgMy4xNC03IDcgMy4xNDEgNyA3IDd6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0ic2NhbGUoMS4wNDkwMykiLz48L3N2Zz4=');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  position: absolute;
  bottom: 0.25em;
  right: 0.25em;
  height: .75rem;
  width: .75rem;
  pointer-events: none;
}

.panorama-teaser .teaser .layout_latest_teaser,
.panorama-teaser .ce_hyperlink.style-masonry.style-padding {
  margin-bottom: 0;
  margin: 0;
}

.panorama-teaser .mod_article {
  /* margin-inline: var(--sizer); */
  overflow: hidden;
}

.panorama-teaser .mod_newslist .col-xs-12 {
  padding: 0;
}


/*
	Mega-Headline – Startpage
*/

.mega-headline {
  --size-head: 1.88rem;
  --padding-left: 1rem;
}

.mega-headline {
  --size-head: 1.6rem;
  --padding-left: 1em;
}

.mega-headline {
  font-size: clamp( var(--size-head), calc( var(--size-head) + 5.2vw), 13rem);
  /*font-weight: 600; */
  margin-inline: var(--padding-left);
  margin-block: .3em 1.08em !important;
  /* letter-spacing: .05em; */
}

.shares.ce_downloads ul {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}

@media screen and (min-width: 390px) {
	.shares.ce_downloads ul {
	    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	}
}

@media screen and (min-width: 640px) {
	.shares.ce_downloads ul {
	    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	}
}

.shares a {
	display: flex;
	font-size: .75rem;
	line-height: 1.5;
	margin-top: .5em;
	max-width: 360px;
}

.shares a svg {
	margin-right: .5em;
	min-width: 1.5em;
}

.shares a .size {
	display: none;
}

.shares a:hover {
	cursor: s-size;
}

.shares figure a:hover {
	cursor: zoom-in;
}


.mod_login .widget {
	max-width: 25ch;
}


.mod_login .formbody {
	display: grid;
}

.mod_login .widget-checkbox {
	font-size: .75rem;
}

.mod_login .widget-submit {
	border-radius: .5em;
	background-color: #dd2426;
	margin-top: 1rem;
	padding: .5em;
	color: white;
	width: fit-content;
	font-size: .85em;
	font-family: 'noah-bold';
}

.mod_newslist.blog-latest {
	position: relative;
	margin-bottom: 5rem;
  --size-head: 1.6rem;
}

.bottom-headline {
	position: relative;
	overflow: hidden;
}

.bottom-headline .ce_headline,
.mod_newslist.blog-latest > h1 {
	  --size-head: 1.6rem;
  --padding-left: 1em;
	
	margin:0 !important;
	position: absolute;
	bottom: -1px;
	bottom: -1.25rem;
	bottom: -.15em;
	bottom: 0;
	right: calc(calc(-.03em * .625) - 5px);
	color: #fff;
	z-index:1;
	font-size: clamp( var(--size-head), calc( var(--size-head) + 8.5vw), 17rem);
	/* text-shadow: 0 0 2px rgba(0,0,0,.5); */
	line-height: .625;
	line-height: .9;
	overflow: hidden;
	pointer-events: none;
	text-align: right;
}

.bottom-headline .ce_headline {
	right: calc(calc(-.03em * .625) - 5px);
}

.bottom-headline + .bottom-headline {
	margin-top: .5rem;
}

.bottom-headline .ce_headline:after,
.mod_newslist.blog-latest > h1:after {
	content:'';
	display: block;
  	margin-bottom: -.14em;
  }

.mod_newslist.blog-latest .padding_inside {
	position: absolute;
	bottom: -3rem;
}

.panorama-teaser #container {
	padding-inline: 0;
}

body {
	/*
	background-color: #000;
	color: #fff;
	*/
}