/*  
Theme Name: BEFRA
Description: Mein Design auf Basis von Interface Pro
Template: interface-pro
*/
/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/pt-sans-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* MY CUSTOM STYLES
--------------------------------------------- */
body {font-family:'PT Sans', sans-serif !important; font-size:17px !important; color:#1a1a1a; font-display:swap;  -moz-hyphens:auto !important; -o-hyphens:auto !important; -webkit-hyphens:auto !important; -ms-hyphens:auto !important; hyphens:auto !important;}
body {font:17px 'PT Sans', sans-serif;}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {max-width:30px !important;}
/* IMPRESSUM --------------------------------- */
#impressum {margin: 0 0 3em 5em;padding: 0;}
#haftung {font-size: 90% !important;}
h1, h2, h3, h4, h5, h6 {color:#328359; text-transform: uppercase;}
h1 {font-size:32px !important; line-height:140% !important; text-align:center !important;}
.page-title {color:#d6eee1;}
a, a:visited, a:link {color:#328359;}
a:focus, a:hover, a:active {color:#1b1b1b;}
#site-logo {margin-top:22px; margin-bottom:30px;}
#site-title a img {height:190px !important;}
.container {max-width:1078px !important;}
.hgroup-right {padding-top:80px;}
#access a {color:#464646; font-size:17px;}
#access a:hover,
#access ul li.current-menu-item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current_page_item > a,
#access ul li:hover > a {color: #328359;}
.slogan-wrap {background-color:#328359; padding:15px 0;}
.featured-slider {background:url(images/hgschiefer.jpeg) left top repeat-x !important;}
#controllers a {border: 2px solid #328359;}
#controllers a:hover,#controllers a.active {background-color:#328359; color:#328359;}
.info-bar .info ul li::before {color:#328359;}
.page-title-wrap {background-color:#328359; padding:10px 0;}
figure a img {border-right:5px solid #ffffff; border-left:5px solid #ffffff;}
#secondary {color:#1a1a1a;}
.info-bar {background-color:#dbdada; color:#1a1a1a;}
.info-bar .info ul li a {color:#1a1a1a;}
#colophon .info-bar  {background-color:#328359; color:#ffffff;}
#colophon .info-bar .info ul li a {color:#ffffff;}
#colophon .info-bar .info ul li {font-size:19px; font-weight:normal;}
#colophon .info-bar .info ul li::before {color:#d6eee1;}
#site-generator {padding:15px 0px; color:#a2a2a2; font-size:14px;}
.widget-title {font-size:24px; color:#328359;}
input[type="reset"], input[type="button"], input[type="submit"] {background-color:#328359;}
#colophon .widget-title {font-size:22px; color:#328359; font-weight:300;}
#colophon .widget-wrap {background-color:#dbdada; color:#1a1a1a;}
#colophon .widget ul li a {color:#1a1a1a;}
#colophon .widget ul li a:hover {color:#328359;}
::selection {background:#328359;}
.spalte-re {margin-left:7% !important;}
.hgtext1 {background-color:#328359 !important; color:#fff !important; padding:0 0 0 5px !important; font-size:122px !important; font-style:normal !important; font-weight:700 !important; letter-spacing:-2px !important; line-height:1 !important; text-transform:uppercase !important; text-align:left !important;}
.txtgro {font-size:80px !important; font-style:normal !important; font-weight:700 !important; letter-spacing:0px !important; line-height:1 !important; text-transform:uppercase !important; text-align:left !important;}
.txtre {font-size:70px !important; font-style:normal !important; font-weight:700 !important; letter-spacing:0px !important; line-height:1 !important; text-transform:uppercase !important; text-align:right !important;}
.hgtext1_x {background-color:#328359 !important; color:#fff !important; padding:8px 0 0 8px !important; font-size:92px !important; font-style:normal !important; font-weight:700 !important; letter-spacing:-2px !important; line-height:1 !important; text-transform:uppercase !important; text-align:left !important;}
.txtgro_x {font-size:80px !important; font-style:normal !important; font-weight:700 !important; letter-spacing:1px !important; line-height:1 !important; text-transform:uppercase !important; text-align:left !important;}
.txtre_x {font-size:50px !important; font-style:normal !important; font-weight:700 !important; letter-spacing:0px !important; line-height:1 !important; text-transform:uppercase !important; text-align:right !important;}
.wp-block-button__link {width:100% !important; color:#fff !important; background-color:#328359; border-radius:0; font-size:1.5em !important; padding:20px 30px; text-transform:uppercase !important;}
.butkont {width:100% !important;}
.konttxt {font-size:22px !important;}
input[type="submit"] {margin-bottom:0px; font-size:1.5em !important; border-radius:0; text-transform:uppercase !important; font-weight:normal !important;}
.hgroup-wrap{background-color:#ffffff !important;}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {background:#fff; font-size:16px; color:#000; text-shadow:none;}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 480px) {
#impressum {margin:0;}
.spalte-re {margin-left:0 !important;}
}
/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.hgroup-right {padding-top:0px !importnt;}
}
@media only screen and (max-width: 767px) {
.container {width:390px !important;}
}

@media only screen and (max-width: 967px) {
.hgroup-right {padding-top:0px !important;}
}