@font-face {
    font-family: 'ambleregular';
    src: url('../fonts/amble/Amble-Regular-webfont.eot');
    src: url('../fonts/amble/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amble/Amble-Regular-webfont.woff') format('woff'),
         url('../fonts/amble/Amble-Regular-webfont.ttf') format('truetype'),
         url('../fonts/amble/Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'amblebold';
    src: url('../fonts/amble/Amble-Bold-webfont.eot');
    src: url('../fonts/amble/Amble-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amble/Amble-Bold-webfont.woff') format('woff'),
         url('../fonts/amble/Amble-Bold-webfont.ttf') format('truetype'),
         url('../fonts/amble/Amble-Bold-webfont.svg#amblebold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ambleitalic';
    src: url('../fonts/amble/Amble-Italic-webfont.eot');
    src: url('../fonts/amble/Amble-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amble/Amble-Italic-webfont.woff') format('woff'),
         url('../fonts/amble/Amble-Italic-webfont.ttf') format('truetype'),
         url('../fonts/amble/Amble-Italic-webfont.svg#ambleitalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'amblelight';
    src: url('../fonts/amble/Amble-Light-webfont.eot');
    src: url('../fonts/amble/Amble-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amble/Amble-Light-webfont.woff') format('woff'),
         url('../fonts/amble/Amble-Light-webfont.ttf') format('truetype'),
         url('../fonts/amble/Amble-Light-webfont.svg#ambleitalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.views-row .clearfix::after {
    clear: none;
}

.views-row {
    margin-bottom: 1rem;
}

.views-row ul.inline li{
    padding: 0;
}

.views-row .submitted span {
    display: none;
}

a,
a:link {
  text-decoration: none;
  color: #364f63;
}

a:visited {
  color: #364f63;
}

a:hover,
a:focus {
  color: #ffb135;
}

a:active {
  color: #364f63;
}

html {
    height: auto;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(to bottom, #fdfdfd, #f5f5f5);
}

#header {
    max-width: 1100px;
    height: 8em;
    border-bottom: 1.5em solid #ffb135;
    background-color: #ffffff;
    padding-top: 1.5em;
    margin: 0 auto;
}

@media only screen and (max-width: 520px) {
    #header {
	height: unset;
	padding-top: 0.75em;
    }
}

.site-logo {
    float: left;
    margin: 0;
    padding: 0;
    background-color: #364f63;
    width: 15%;
    border-right: solid 1.5em #ffb135;
}

@media only screen and (max-width: 1099px) {
  .site-logo {
      width: 25%;
      text-align: center;
  }
}

.site-logo img {
    vertical-align: bottom;
    width: 5em;
}

.site-name {
    color: #364f63;
    margin: 1em 0 0 0;
    font-size: 3em;
    line-height: 0.5em;
    font-family: 'amblelight';
    font-weight: bold;
    float: right;
}

@media only screen and (max-width: 520px) {
    .block-sitebranding {
	display: flex;
	flex-direction: column;
    }
  .site-name {
      font-size: 2.2em;
      line-height: 0;
      padding: 0;
      margin: 0;
      text-align: right;
      position: relative;
      top: -0.4em;
  }
}

.site-name a:hover, 
.site-name a:focus, 
.site-name a:active {
    color: #364f63;
}

#block-mainnavigation ul.menu {
    margin-left: 0;
}

#block-mainnavigation a:link, #block-mainnavigation a {
    color: #364f63;
    display: block;
    width: 8.5em;
    padding-left: 1em;
    text-transform: lowercase;
}

#block-mainnavigation a:hover,
#block-mainnavigation a:focus,
#block-mainnavigation a:active {
    background-color: #ffb135;
}

@media only screen and (max-width: 719px) {
    .block-mainnavigation {
	
    }
}

/** 
#block-mainnavigation .menu-item:last-child {
    padding-top: 1em;
}
**/

#content-area {
    min-height: 38.5em;
}

article {
    padding: 0 1em 2em 1em;
}

article h2,
#block-views-block-zuletzt-block-1 h2 {
    margin: 0 0 0.25em;
    text-transform: lowercase;
    font-family: amblelight;
}

#block-pagetitle {
    color: #364f63;
    padding: 1.5em 1em 1em 1em;
    text-transform: lowercase;
    font-family: 'amblelight';
}

#block-pagetitle h1 {
    margin: 0;
    font-family: 'amblelight';
}

article .submitted {
    padding: 0.5em 0;
}

article img {
    margin: 0 0 0.5em 0.5em;
}

.article__image img {
    margin: 0;
    padding-bottom: 0.25em;
}

.views-row article .submitted {
    display: none;
}

#block-mainnavigation,
#block-views-block-zuletzt-block-1 {
    padding: 1em 0;
}

#block-views-block-zuletzt-block-1 h2 {
    color: #ffb135;
    text-align: center;
}

#block-views-block-zuletzt-block-1 {
    background-color: #364f63;
    font-size: 90%;
    text-transform: lowercase;
    min-height: 41.65em;
}

#block-views-block-zuletzt-block-1 a:link {
    color: #ffb135;
    display: block;
    text-decoration: none;
    padding: 0.25em 0.5em 0.25em 0.5em;
    margin-right: 0.5em;
} 

#block-views-block-zuletzt-block-1 a:visited {
  color: #ffb135;
}

#block-views-block-zuletzt-block-1 li
{
    color: #ffb135;
    margin-left: 0;
}

#block-views-block-zuletzt-block-1 li:hover,
#block-views-block-zuletzt-block-1 li:hover a,
#block-views-block-zuletzt-block-1 li:focus,
#block-views-block-zuletzt-block-1 li:focus a {
  background-color: #ffb135;
  color: #364f63;
}

#block-views-block-zuletzt-block-1 a:active {
  color: #ffb135;
}

#block-views-block-zuletzt-block-1 .symbol {
    float: left;
    padding: 0.2em 0.4em 0.2em 0.5em;
}

@media all and (max-width: 719px) {
    #block-views-block-zuletzt-block-1 {
	margin: 0 1.25em;
    }
    #sidebar-first,
    .messages {
	margin: 0 20px;
    }
}

.views-field-field-rubriksymbol {
    float: left;
    color: #ffb135;
    padding-left: 1em;
}

nav.pager {
    text-transform: lowercase;
    padding: 1em;
    text-align: center;
}

#footer-region {
    display: flex;
    background-color: #364f63;
    width: 87.42%;
    float: right;
    border-top: 1.5em solid #ffb135;
    border-left: 1.5em solid #ffb135;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
}

#footer-region > div:nth-child(1) {
    width: 100%;
}

#block-fusszeile {
    padding: 0.5em 0 0 1em;
    text-transform: lowercase;
    float: left;
    width: 75%;
}

#block-fusszeile .menu-item {
    float: left;
}

#block-fusszeile a
{
  padding: 0.25em 1em;
}

#block-fusszeile a:link,
#block-fusszeile a:visited
{
  color: #ffb135;
}

#block-fusszeile a:hover,
#block-fusszeile a:focus
{
  color: #364f63;
  background-color: #ffb135;
}

#block-fusszeile ul.menu {
  padding-bottom: 1rem;
  margin: 2em 0;
}

#block-fusszeile li.menu__item {
  float: left;
}

#block-tigerlogo {
    float: right;
    margin-top: 2.1em;
    width: 25%;
    text-align: center;
}

@media all and (min-width: 720px) and (max-width: 1099px)
{
  #footer-region {
      width: 100%;
  }
  #block-tigerlogo {
      width: 40%;
  }
  #block-fusszeile {
      margin-left: 20%;
      width: 40%;
  }
}

@media all and (min-width: 519px) and (max-width: 719px)
{
  #footer-region {
      width: 100%;
  }
  #block-tigerlogo {
      width: 40%;
  }
  #block-fusszeile {
      width: 40%;
  }
}

@media all and (max-width: 520px)
{
  #footer-region {
      width: 100%;
  }
  #block-tigerlogo {
      clear: both;
      width: 100%;
      margin-top: 0;
  }
  #block-fusszeile {
      clear: both;
      width: 100%;
      text-align: center;
  }
  #block-fusszeile ul.menu {
      padding: 0;
      margin: 1em 0;
  }
  #block-fusszeile .menu-item {
      float: none;
  }
}

.footnote {
    font-size: 90%;
    padding: 0.5em 0;
    margin: 0.5em 0 1em 0;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
}

.page-tags .views-element-container {
    padding: 1em;
}

.feed-icon {
    background: url("../../rss.svg") left no-repeat;
    padding-left: 1.75em;
    margin: 1em;
    display: block;
}

li.node-readmore {
    display: none;
}

#block-suchformular {
    margin-bottom: 1em;
}

#search-form {
    padding: 0 1em;
}

#search-form #edit-help-link {
    visibility: hidden;
}

.page-search-node ol p:last-child {
    display: none;
}

.page-search-node h2 {
    padding: 0 0.5em;
    color: #364f63;
}

.page-search-node h3 {
    padding: 0 0.75em;
    color: #364f63;
}

.page-search-node ol h3 {
    padding: 0;
    margin: 0 0 0.25em;
}

.page-search-node ol {
    padding: 1em;
}

.page-search-node ol li {
    padding-bottom: 1em;
}

.page-search-node #edit-submit {
    background-color: #transparent;
    color: #364f63;
}

/* .page-search-node #edit-submit:hover, */
.page-search-node #edit-submit:focus, 
.page-search-node #edit-submit:active {
    background-color: #ffb135;
    color: #364f63;
}

input#edit-keys,
input#edit-keys--2 {
    background-color: transparent; 
    color: #364f63;
    width: 95%;
    margin: 0;
    padding: 0.25em 0.5em;
    transition: none;
    box-shadow: none;
}

input#edit-submit:hover,
input#edit-submit--3:hover {
    background-color: #364f63;
    color: #ffb135;
}

input#edit-submit:focus,
input#edit-submit--3:focus,
input#edit-submit:active,
input#edit-submit--3:active {
    background-color: #ffb135;
    color: #364f63;
}

#block-suchformular .form-item {
    margin-bottom: 0;
}

input#edit-submit,
input#edit-submit--3 {
    background-color: transparent; 
    color: #364f63;
    width: 100%;
    padding: 0.5em 0.5em 0.5em 2em;
    font-weight: normal;
    text-align: left;
}

#block-suchformular #edit-actions {
    width: 95%;
}

@media only screen and (max-width: 1099px) {
    #content-area {
	min-height: unset;
    }
    #block-views-block-zuletzt-block-1 {
        min-height: unset;
	padding: 2em 0;
    }
}

.messages--error {
    color: #ffb135;
    background-color: #364f63;
}

/*** photoswipe ***/
.pswp__bg {
    opacity: 0.95 !important;
}

.pswp img {
    max-width: max-content !important;
}

/*** mobilemenu (s. block) ***/

@media only screen and (min-width: 720px) {
    #block-mobilemenu {
	display: none;
    }
}

@media only screen and (max-width: 719px) {

    .menu-button {
	margin: 0 0 0.5em 1.1em;
	width: 50%;
    }

    .menuicon {
	cursor: pointer;
    }
    
    label.menuicon { 
	display: block;
	background: #364f63; 
	width: 65px;
	height: 53px;
	position: relative;
	margin: 0.1em;
	border-radius: 2px;
    }
    
    input#menuicon {
	display:none;
    }
    
    .line { 
	position: absolute; 
	left: 10px;
	height: 6px; 
	width: 45px; 
	background: #ffb135;
	border-radius: 1px;
	display: block; 
	transition: 0.25s; 
	transform-origin: center; 
    }
    
    .line:nth-child(1) { 
	top: 12px; 
    }
    .line:nth-child(2) { 
	top: 24px; 
    }
    .line:nth-child(3) { 
	top: 36px; 
    }
    
    #menuicon:checked + .menuicon .line:nth-child(1) {
	transform: translateY(12px) rotate(-45deg);
    }
    
    #menuicon:checked + .menuicon .line:nth-child(2) {
	opacity:0;
    }
    
    #menuicon:checked + .menuicon .line:nth-child(3) {
	transform: translateY(-12px) rotate(45deg);
    }
    
    nav.mobilemenu { 
	height: auto; 
	max-height:0; 
	overflow: hidden; 
	transition: all 0.5s;
    }

    nav.mobilemenu a {
	text-transform: lowercase;	
	display: block;
	padding: 0.5em 0 0.5em 1em;
	margin: 2px;
	width: 100%;
	background: #364f63;
	color: #ffb135;
	font-size: 120%;
    }

    nav.mobilemenu a:hover, 
    nav.mobilemenu a:focus, 
    nav.mobilemenu a:active {
	background: #ffb135;
	color: #364f63;
    }

    #menuicon:checked + .menuicon  + nav.mobilemenu { 
	max-height: 600px; 
    }

    #block-mainnavigation {
	display: none;
    }
}    

.pswp__caption__center {
    background-color: #f5f5f5;
    color: #333333;
    text-align: center;
    max-width: 100%;
    font-family: ambleregular,sans-serif;
    font-size: 18px;
}

.administry {
    font-size: smaller;
    color: #999999;
}

.quotation {
    padding-left: 1em;
    background-color: #eeeeee;
}

.page-kontakt img {
    margin-top: 0.3em;
}

figcaption {
    font-size: smaller;
}

/*# sourceMappingURL=theme.css.map */