/* poppins-200 - 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: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/poppins-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - 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: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins-v21-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@farbeeins: rgba(57, 110, 100, 1.0);
@farbezwei: #ffe86b;
@farbedrei: #ffe86b;
@farbefuenf: rgba(198, 140, 76, 1.000);
@transe: rgba(255, 255, 255, 0.7);
@weiss: rgba(255, 255, 255, 1.000);
@gray: rgba(218, 218, 218, 1.000);
@hauch: 200;
@duenn: 300;
@dick: 700;
@kern: 0.2em;
@kernig: 0.1em;
@eckenkante: 3px;

/* MAKE IMAGES SQUARE AGAIN */
.square { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center; }

/* GENERELL */
body { font-family: 'Poppins', sans-serif; color: @farbeeins; }
.img-rounded { border-radius: @eckenkante; }
.pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: @farbeeins; }
.back-to-top { cursor: pointer; position: fixed; bottom: 30px; right: 30px; display: none; background-color: darken(@farbezwei, 10%); color: @weiss; }
.thumbnail { border: 0; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px dotted @farbezwei; clear: both; }
.page-header { margin-top: 30px; margin-bottom: 60px; }
.well { border: 0; box-shadow: inset 0 0 0; background-color: @farbeeins; border-radius: @eckenkante; }
.form-control { background-color: @transe; }
a { color: @farbeeins;  font-weight: @dick; }
.rottext { color: @farbeeins; }
.img-dark { filter: brightness(80%); }
.bg-light { background-color: @farbezwei !important; }
.brunzi { background-color: lighten(@farbezwei, 20%); }

/* CAROUSEL */
.carousel-caption { color: @farbeeins; letter-spacing: @kern; transform: rotate(-2deg); }
.cap { background-color: @transe; padding: 10px; }

/* TYPE */
h1 { font-size: 2.5em; margin-bottom: 30px; font-weight: @hauch; }
h2 { font-size: 1.5em; line-height: 1.3em; }
h3 { font-size: 1.4em; margin-bottom: 30px; text-transform: uppercase; font-weight: @dick; letter-spacing: @kernig; }
h4 { font-size: 2em; line-height: 1.5em; font-weight: @duenn; text-transform: uppercase;  letter-spacing: @kernig; }
h5 { font-size: 1.6em; letter-spacing: @kernig; font-weight: @dick; }
p, ul { font-size: 1em; line-height: 1.7em; }

/* NAVBAR */
.navbar-nav .nav-link { color: @weiss; text-transform: uppercase; letter-spacing: @kern; }
.navbar-light .navbar-brand { color: @farbeeins; text-transform: uppercase; letter-spacing: @kern; }
.dropdown-menu { font-size: 1em; }

/* NAV TABS */
.nav-tabs { border-bottom: 0; }
.nav-tabs .nav-link {  border: 0; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link { background-color: darken(@farbezwei, 5%); color: @weiss; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover { background-color: @farbeeins; color: @weiss; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {  background-color: @farbedrei; color: @farbeeins;  }
.nav-item { margin-right: 8px; }
.tab-content { background-color: @farbedrei; padding: 30px; border-bottom-left-radius: @eckenkante; border-bottom-right-radius: @eckenkante; border-top-right-radius: @eckenkante; }

/* BEREICHE */
.headliner { background-color: @farbedrei; padding: 60px 0; position: relative; }
.headliner:after { background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0); background-position: left-bottom; background-repeat: repeat-x; background-size: 32px 32px; content: " "; display: block; position: absolute; bottom: 0px; left: 0px;  width: 100%; height: 32px; }
.inhalt { padding: 30px 0; }
.social { padding: 15px 0 60px 0; }
.social .fa { font-size: 2em; padding-left: 15px; padding-right: 15px; }


.fuss { background-color: @farbedrei; padding: 30px 0; }
.vierer { padding: 30px 0; 
background-color: #fbf9ed;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffe86b' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

/* BUTTONS */
.btn { text-shadow: 0 0 0 rgba(0,0,0,0);  border-radius: @eckenkante;  }
.btn-link {  color: @farbeeins; text-transform: uppercase; }
.btn-bd { color: @weiss; background-color: @farbeeins; border-color: @farbeeins; }
.btn-bd:hover { color: @weiss; box-shadow: 0 .5rem 1rem rgba(0,0,0,.2)!important; }
.btn-primary { color: @farbeeins; background-color: @farbezwei; border-color: @farbezwei; }
.btn-primary:hover { color: @weiss; background-color: @farbedrei; border-color: @farbedrei; }

/* CARDS */
.card { border: 0; background-color: @farbedrei;}
.card-footer {  background-color: @farbeeins; border-top: 0; position: relative; padding-bottom: 30px; }
.card-footer:after { background: linear-gradient(-45deg, #ffffff 10px, transparent 0), linear-gradient(45deg, #ffffff 10px, transparent 0); background-position: left-bottom; background-repeat: repeat-x; background-size: 20px 20px; content: " "; display: block; position: absolute; bottom: 0px; left: 0px;  width: 100%; height: 20px; }
.card-link { color: @weiss; text-transform: uppercase; letter-spacing: @kern; }

/* BILDER FÜR WYSIWYG */
.img-responsive-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; border-radius: @eckenkante; margin-right: 15px; margin-bottom: 15px;}
.img-responsive-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width: auto; border-radius: @eckenkante; margin-left: 15px; margin-bottom: 15px; }
.img-50-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 50%; height: auto; width: auto; border-radius: @eckenkante; margin-right: 30px; margin-bottom: 30px;}
.img-50-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 50%; height: auto; width: auto; border-radius: @eckenkante; margin-left: 15px; margin-bottom: 15px; }
.img-33-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 33%; height: auto; width: auto; border-radius: @eckenkante; margin-right: 15px; margin-bottom: 15px;}
.img-33-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 33%; height: auto; width: auto; border-radius: @eckenkante; margin-left: 15px; margin-bottom: 15px; }
.img-25-links { float: left !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 25%; height: auto; width: auto; border-radius: @eckenkante; margin-right: 15px; margin-bottom: 15px;}
.img-25-rechts { float: right !important; border: 0; -ms-interpolation-mode: bicubic; max-width: 25%; height: auto; width: auto; border-radius: @eckenkante; margin-left: 15px; margin-bottom: 15px; }

/* COOKIE BAR */
#cookie-bar {background:#282828; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:10px 0; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; }
#cookie-bar.fixed.bottom {bottom: 0; top: auto; z-index: 1000}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:@weiss; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#82b646;}
#cookie-bar .cb-enable:hover {background:@farbezwei;}
#cookie-bar .cb-disable {background:#f6ae01;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/* GOOGLE SEO STYLE */
.google { margin-top: 15px; margin-bottom: 15px; border-radius: 2px; box-shadow: 0 0 5px 0 rgba(0,0,0,.12); background-color: #fff; border: 1px solid #e7e7e7; padding: 30px; max-width: 700px; }
.google .title { color: #1a0dab; cursor: pointer; font-family: arial,regular; font-size: 18px; font-weight: 400; text-align: left; text-decoration: none; visibility: visible; white-space: nowrap; }
.google .title:hover { text-decoration: underline; }
.google .link { color: #006621 !important; font-family: arial,regular; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; text-align: left; text-decoration: none; visibility: visible; }
.google .description { color: #545454; font-family: arial,regular; font-size: 13px; font-weight: 400; text-align: left; visibility: visible; word-wrap: break-word; }
.google .arrow { border-bottom-color: #006621; border-bottom-style: solid; border-bottom-width: 0; border-left-color: transparent; border-left-style: solid; border-left-width: 4px; border-right-color: transparent; border-right-style: solid; border-right-width: 4px; border-top-color: #006621; border-top-style: solid; border-top-width: 5px; color: gray; cursor: default; font-family: arial,sans-serif; font-size: 11px; font-weight: 700; height: 0; position: absolute; line-height: 27px; margin-left: 3px; margin-top: 6px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; visibility: visible; white-space: nowrap; width: 0; }