@font _headline:  font-family: 'FSIrwin-Heavy';
@font _sans_serif: font-family: 'FSIrwin-Medium';
@font _text: font-family: 'Elena-Regular';
@font-face {
  font-family: 'Elena-Regular';
  src: url('../fonts/Elena/ElenaWebBasicRegular.eot');
  src: url('../fonts/Elena/ElenaWebBasicRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/Elena/ElenaWebBasicRegular.woff2') format('woff2'), url('../fonts/Elena/ElenaWebBasicRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Elena-Bold';
  src: url('../fonts/Elena/ElenaWebBasicBold.eot');
  src: url('../fonts/Elena/ElenaWebBasicBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Elena/ElenaWebBasicBold.woff2') format('woff2'), url('../fonts/Elena/ElenaWebBasicBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FSIrwin-Heavy';
  font-weight: bold;
  font-style: bold;
  src: url('../fonts/FSIrwin/FSIrwinWeb-Heavy.eot');
  src: url('../fonts/FSIrwin/FSIrwinWeb-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/FSIrwin/FSIrwinWeb-Heavy.woff2') format('woff2'), url('../fonts/FSIrwin/FSIrwinWeb-Heavy.woff') format('woff');
}
@font-face {
  font-family: 'FSIrwin-Medium';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/FSIrwin/FSIrwinWeb-Medium.eot');
  src: url('../fonts/FSIrwin/FSIrwinWeb-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/FSIrwin/FSIrwinWeb-Medium.woff2') format('woff2'), url('../fonts/FSIrwin/FSIrwinWeb-Medium.woff') format('woff');
}
/* Elena Web Basic Light
 	@font-face {
    font-family: 'Elena-Light';
 	src: url('../fonts/Elena/ElenaWebBasicLight/ElenaWebBasicLight.eot');
 	src: url('../fonts/Elena/ElenaWebBasicLight/ElenaWebBasicLight.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Elena/ElenaWebBasicLight/ElenaWebBasicLight.woff2') format('woff2'),
          url('../fonts/Elena/ElenaWebBasicLight/ElenaWebBasicLight.woff') format('woff');
  font-weight: normal;
 	font-style: normal;
 	}*/
/*

@font-face {
  font-family: 'Elena-Regular-Italic';
  src: url('../fonts/Elena/ElenaWebBasicRegularItalic.eot');
  src: url('../fonts/Elena/ElenaWebBasicRegularItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Elena/ElenaWebBasicRegularItalic.woff2') format('woff2');
       url('../fonts/Elena/ElenaWebBasicRegularItalic.woff') format('woff');
      font-weight: normal;
      font-style: normal;
}

 @font-face {
 	font-family: 'Elena-Bold-Italic';
 	src: url('../fonts/Elena/ElenaWebBasicBoldItalic.eot');
 	src: url('../fonts/Elena/ElenaWebBasicBoldItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Elena/ElenaWebBasicBoldItalic.woff2') format('woff2');
 			 url('../fonts/Elena/ElenaWebBasicBoldItalic.woff') format('woff');
 			font-weight: normal;
 			font-style: normal;
 }

 @font-face {
   font-family: 'Montserrat';
   src: url('../fonts/Montserrat/montserrat-700.woff') format("woff");
   font-weight: 700;
   font-style: normal;
 }


 @font-face {
   font-family: 'Montserrat';
   src: url('../fonts/Montserrat/montserrat-400.woff') format("woff");
   font-weight: 700;
   font-style: normal;
 }
 */
/* Styleguide */
.thead {
  background-color: #333333;
  border: 1px solid #333333;
  padding: 15px;
  color: #fff;
}
.zelle1 {
  padding: 15px;
  border: 1px solid #ccc;
}
.zelle2 {
  padding: 15px;
  border: 1px solid #ccc;
}
.styleguide {
  margin-top: 25px;
}
/**************/
body {
  width: 100%;
  height: 100%;
  font-family: "Elena-Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #333333;
  background-color: #fff;
  font-size: 2rem;
}
html {
  width: 100%;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 35px;
  text-transform: uppercase;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
}
.subheadline {
  margin: 0 0 35px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 200;
  font-size: 4rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  margin-bottom: 56px;
}
.blog_entry h1 {
  font-size: 2.8rem;
}
h1 {
  font-size: 20px;
}
.startseite h1 {
  height: 26px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.4rem;
  line-height: 1.5;
}
h4 {
  font-size: 1rem;
}
h5 {
  font-size: 2rem;
}
h6 {
  font-size: 2rem;
}
a {
  color: #09f;
}
.h4 {
  font-size: 18px;
  line-height: 1.4;
}
p img {
  width: 100%;
}
.main_font_color {
  color: #000;
}
/*********** ab hier**********/
.navbar-toggle {
  padding: 4px;
}
.a_title {
  color: #000;
}
.navbar {
  padding: 6px 0 0 0;
  opacity: 0.9;
  border-bottom: 0;
  letter-spacing: 1px;
  background: 0 0;
  -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
}
.top-nav-collapse {
  padding: 0;
  background-color: #fff;
  opacity: 0.9;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: 600px;
  padding-bottom: 16px;
}
.lang {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 11px;
}
.lang_item {
  margin-right: 25px;
  font-family: 'FSIrwin-Medium';
  font-size: 16px;
}
.inhalt_menu {
  display: none;
}
.inhalt_menu_item {
  margin-bottom: 20px;
  margin-left: 15px;
}
.inhalt_menu_item a {
  margin-bottom: 20px;
  font-size: 10px;
  margin-left: 15px;
}
.intro {
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.intro .intro-body .brand-heading {
  font-size: 100px;
}
.intro2 {
  height: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.intro .intro-body .brand-heading-small {
  font-size: 60px;
  text-shadow: 1px 1px 1px #333;
}
.intro .intro-body .intro-text {
  font-size: 25px;
  font-family: 'FSIrwin-Medium';
}
.intro-text {
  font-size: 24px;
  text-align: left;
  margin-left: 15px;
}
.flexcontainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.item {
  color: #fff;
  font-size: 4rem;
  text-align: center;
}
.header_img_text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.intro-text-xl {
  font-size: 7rem;
  margin-left: 0px;
  text-align: left;
  line-height: 1;
  margin-left: 15px;
  font-family: 'FSIrwin-Heavy';
  color: #333333;
  text-shadow: 2px 2px 2px #fff;
}
.content-section {
  padding-top: 250px;
}
.download-section {
  padding: 100px 0;
}
ul.banner-social-buttons li {
  display: block;
  margin-bottom: 20px;
  padding: 0;
}
ul.banner-social-buttons li:last-child {
  margin-bottom: 0;
}
.navbar-custom {
  margin-bottom: 0;
  text-transform: uppercase;
  font-family: 'FSIrwin-Heavy';
  background-color: #fff;
}
.navbar-custom .navbar-brand {
  text-transform: uppercase;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
}
.navbar-custom .navbar-brand:focus {
  outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
  padding: 4px 6px;
  color: #000;
}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
  outline: 0;
}
.navbar-custom a {
  color: #000;
}
.navbar-custom .nav li.active {
  outline: nonte;
  background-color: rgba(255, 255, 255, 0.3);
}
.navbar-custom .nav li a {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
  outline: 0;
  background-color: rgba(255, 255, 255, 0.3);
}
strong {
  font-family: 'Elena-Bold';
}
aside p {
  font-size: 2rem;
}
.vita ul {
  margin-bottom: 20px;
  margin-left: -20px;
}
.vita h2 {
  margin-top: 60px;
  margin-bottom: 20px;
}
.fehler {
  background-color: #f00;
  padding: 20px;
  color: #fff;
  margin-bottom: 40px;
  font-family: 'Elena-Bold';
}
.start_sections {
  margin-top: 64px;
  margin-bottom: 64px;
}
.intro_image_subtitles {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
.fa {
  font-size: 2rem;
}
.fa-twitter:hover {
  color: #55acee;
}
.fa-facebook-square:hover {
  color: #3b5998;
}
.fa-instagram:hover {
  color: #3f729b;
}
.fa-google-plus:hover {
  color: #dc4e41;
}
.boxheadline h4 {
  font-family: 'gidoleregular';
  font-weight: 400;
  color: #666;
  text-align: left;
  text-transform: none;
  margin-left: -14px;
  margin-right: -14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  width: 103%;
}
p {
  margin: 0 0 25px;
  font-size: 2rem;
  line-height: 1.4;
}
.dotted_line {
  border-bottom: 1px dotted #ccc;
}
.graue_linie_bild {
  border: 1px solid #ccc;
}
.teaser {
  font-size: 2rem;
}
.teaser ul li {
  list-style-type: none;
  margin-left: -40px;
}
.teaser ul {
  margin-top: -30px;
}
.input_und_label p {
  font-size: 14px;
  margin-bottom: 24px;
}
.input_und_label input {
  padding-right: 24px;
  font-size: 1.8rem;
}
.input_und_label textarea {
  font-size: 1.8rem;
}
.input_und_label .btn-small {
  font-size: 1.4rem;
}
.letzter_newsletter {
  margin-top: 20px;
  font-family: 'FSIrwin-Medium';
}
label {
  font-family: 'FSIrwin-Medium';
  font-weight: normal;
  font-size: 14px;
}
.btn {
  font-family: 'FSIrwin-Medium';
  font-size: 14px;
}
.link_header {
  font-family: 'FSIrwin-Heavy';
  font-size: 18px;
  color: #fff;
  margin-right: 16px;
}
.intro .intro-body .brand-heading-small {
  font-size: 24px;
  text-shadow: 1px 1px 1px #333;
}
.container a {
  font-weight: 400;
}
.intro-text i {
  font-size: 1.2em;
}
#projects h3 {
  height: 40px;
}
#projects h4 {
  margin: 0 0 20px 0;
}
#projects .col-lg-4 {
  margin-bottom: 40px;
}
#projects img {
  margin-bottom: 20px;
  width: 100%;
}
#projects .col-lg-4 a {
  color: #000;
}
#projects .col-lg-4 a:hover {
  color: #0081d6;
}
#contact a h3 {
  font-size: 1.8rem;
}
#contact h3 {
  height: 40px;
}
#contact .col-lg-4 {
  margin-bottom: 40px;
}
#contact img {
  margin-bottom: 20px;
  width: 100%;
}
#contact .col-lg-4 a {
  color: #000;
}
#contact .col-lg-4 a:hover {
  color: #0081d6;
}
.wie_gruen-text-xl {
  color: #3c0;
}
.kuenstlergespraech-text-xl {
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}
.blog_startseite a h2 {
  text-transform: none;
  font-family: "Elena-regular";
  font-weight: 300;
  font-size: 24px;
}
.blog_startseite a {
  color: #000;
}
.blog_startseite a h2:hover {
  color: #0081d6;
}
/* swiper
.swiper_bg_image_01{
    background-image:url(img/k60-fotodokumentation-01.jpg);
}*/
.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
}
/* Carousel styles */
.item img {
  width: 100%;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none !important;
  opacity: 1;
}
.carousel-control.left {
  top: 40%;
}
.carousel-control.right {
  top: 40%;
}
.carousel-caption {
  bottom: 5%;
  height: auto;
}
.carousel-caption h1 {
  /*line-height:160%;*/
  font-size: 4em;
}
.carousel-caption h1 span {
  padding: 10px 20px;
  color: #000;
}
p.caption {
  padding: 4px;
  text-shadow: none;
  color: #333;
  background: #fff;
  opacity: 0.6;
  position: relative;
  bottom: 46px;
  width: 100%;
  font-size: 1em;
}
.fa-chevron-right {
  color: #ccc;
  font-size: 1.8em;
}
.fa-chevron-left {
  color: #ccc;
  font-size: 1.8em;
}
a {
  color: #09f;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #f60;
}
.light {
  font-weight: 400;
}
.page-scroll .active {
  border: 1px solid #f90;
  padding: 4px;
}
.socialmedia {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-size: 1.4em;
  margin: 2px 0 0 40px;
}
.socialmedia_item {
  margin-right: 20px;
}
.socialmedia_twitter a:hover {
  color: #00ffcc;
}
.socialmedia_item_footer {
  margin-bottom: -4px;
  margin-right: 4px;
}
.socialmedia_bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.socialmedia_bottom li {
  list-style-type: none;
  margin-bottom: 25px;
}
/* Künstlergespräch */
.bold {
  font-weight: 700;
}
.header_img_text {
  position: relative;
  top: 0px;
}
.intro {
  display: table;
  width: 100%;
  height: auto;
  padding: 100px 0;
  text-align: center;
  color: #fff;
  background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
  background-color: #000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.intro .intro-body {
  display: table-cell;
  vertical-align: middle;
}
.intro .intro-body .brand-heading {
  font-size: 40px;
  text-shadow: 1px 1px 1px #333;
}
.intro .intro-body .intro-text {
  font-size: 18px;
  font-family: 'FSIrwin-Medium';
}
.start_bg {
  background: url(../img/intro_start_736px.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.vita_bg {
  background: url(../img/intro_vita_736px.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.wie_gruen_bg {
  background: url(../img/intro_wie_gruen_736px.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.lbb_bohle_bg {
  background: url(../img/intro_ausstellung_bohle_736px.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.lbb_bohle_bg .intro-text-xl {
  font-family: 'FSIrwin-Heavy';
  color: #333333;
  text-shadow: 2px 2px 2px #fff;
}
.lbb_bohle_bg .intro-text {
  color: #333333;
  text-shadow: 2px 2px 2px #fff;
}
.kuenstlergespraech_bg {
  background: url(../img/intro_kuenstlergespraech_736px.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.boxset1_bg {
  background: url(../img/header_boxset1_bg.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.fuenfzig_quadrate_bg {
  background: url(../img/header_50_quadrate_bg_1920px.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.zweiformen_bg {
  background: url(../img/header_zwei_formen_bg.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
/*
.vita_bg{
//  background: url(../img/header_vita_bg.jpg) no-repeat bottom center scroll;
  background: url(../img/header_vita_bg.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}*/
/*
.gruent_so_gruen_bg{
  background: url(../img/header_gruent_so_gruen_bg.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}*/
.konstellation3_bg {
  background: url(../img/header_konstellation3_bg.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.newsletter_abonnieren_bg {
  background: url(../img/header_gruent_so_gruen_bg.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.catalogue_bg {
  background: url(../img/catalogue_bg.jpg) no-repeat bottom center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.teil1 {
  font-family: 'Elena-Bold';
  margin-right: 8px;
}
.teil3 {
  font-family: 'FSIrwin-Heavy';
  font-size: 1.3em;
  line-height: 1.2em;
  width: 340px;
  float: right;
  padding: 0 0 20px 30px;
}
.teil4 {
  font-family: 'FSIrwin-Heavy';
  font-size: 1.3em;
  line-height: 1.2em;
  width: 340px;
  float: left;
  padding-right: 30px;
}
.btn-circle {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid #fff;
  border-radius: 35px;
  font-size: 40px;
  color: #fff;
  background: 0 0;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
  outline: 0;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {
  0 {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0 {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
.content-section {
  padding-top: 100px;
}
.werkkatalog-section {
  width: 100%;
  padding: 100px 0;
  color: #000;
  background: url(../img/downloads-bg.jpg) no-repeat center center scroll;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  border-top: 1px solid #f90;
  border-bottom: 1px solid #f90;
}
footer {
  width: 100%;
  margin-top: 100px;
  background-color: #333;
  color: #fff;
  padding: 60px 0px 40px 0px;
}
.btn {
  text-transform: uppercase;
  font-family: 'FSIrwin-Medium';
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-default {
  border: 1px solid #09f;
  color: #333;
  background-color: transparent;
}
.btn-default:hover,
.btn-default:focus {
  border: 1px solid #0081d6;
  outline: 0;
  color: #fff;
  background-color: #0081d6;
}
.btn-small {
  border: 1px solid #09f;
  background-color: #09f;
  color: #fff;
}
.btn-small:hover,
.btn-small:focus {
  border: 1px solid #0081d6;
  outline: 0;
  color: #fff;
  background-color: #0081d6;
}
ul.banner-social-buttons {
  margin-top: 0;
}
@media (max-width: 1199px) {
  ul.banner-social-buttons {
    margin-top: 15px;
  }
}
footer {
  padding: 50px 0;
}
footer p {
  margin: 0;
}
::-moz-selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
::selection {
  text-shadow: none;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.2);
}
img::selection {
  background: 0 0;
}
img::-moz-selection {
  background: 0 0;
}
body {
  webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
}
/******** zusätzliche Media Queries ********/
/* ----------- iPhone 4----------- */
/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .intro-text-xl {
    font-size: 3.8rem;
    margin-left: 0px;
    text-align: left;
    line-height: 1;
    margin-left: 15px;
    text-shadow: 2px 2px 2px #fff;
    font-family: 'FSIrwin-Heavy';
    color: #333333;
  }
  .wie_gruen-text-xl {
    color: #3c0;
  }
  .kuenstlergespraech-text-xl {
    color: #fff;
    text-shadow: 2px 2px 2px #000;
  }
  .vita {
    margin-top: -120px;
  }
  .navbar-collapse {
    overflow-y: auto;
    background-color: #333;
  }
  .lang {
    margin: 25px 0 25px 0;
  }
  .navbar-custom a {
    color: #fff;
    font-size: 14px;
  }
  .navbar-custom .navbar-brand {
    margin-top: 4px;
    color: #000;
  }
  .fa {
    font-size: 2.5rem;
  }
  .socialmedia {
    justify-content: center;
    margin-bottom: 15px;
  }
  .inhalt_menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .navbar-toggle {
    padding: 6px 10px;
    margin-bottom: 2px;
  }
  .intro-text-xl {
    font-size: 3.8rem;
    margin-left: 0px;
    text-align: left;
    line-height: 1;
    margin-left: 15px;
    text-shadow: 2px 2px 2px #fff;
    font-family: 'FSIrwin-Heavy';
  }
  .intro-text-xxl {
    font-size: 7rem;
    margin-left: 15px;
  }
  .socialmedia {
    justify-content: center;
    margin-right: 20px;
    margin-bottom: 15px;
  }
  .socialmedia_item {
    color: #fff;
    margin-right: 20px;
    fill: #fff;
  }
  .navbar-nav {
    margin: 0px -15px;
  }
  .fa {
    font-size: 2.5rem;
  }
  .lang {
    margin: 25px 0 25px 0;
  }
  .navbar-custom a {
    color: #fff;
    font-size: 18px;
  }
  .vita {
    margin-top: -120px;
  }
  .vita h2 {
    font-size: 2rem;
  }
  .navbar {
    padding: 0 0;
  }
  .navbar-custom .navbar-brand {
    margin-top: 4px;
    color: #000;
  }
  .navbar-collapse {
    overflow-y: auto;
    background-color: #333;
  }
  .teil3 {
    padding: 10px 30px 30px 52px;
  }
  .teil4 {
    padding: 0 20px 30px 0;
    width: 100%;
  }
  .inhalt_menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .teil3 {
    padding: 10px 30px 30px 30px;
  }
  .teil4 {
    padding-left: 30px;
  }
  .intro-text-big {
    font-size: 5rem;
    line-height: 1.2;
  }
  .inhalt_menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
/* Portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .intro-text-xl {
    font-size: 3.8rem;
    margin-left: 0px;
    text-align: left;
    line-height: 1;
    margin-left: 15px;
    text-shadow: 2px 2px 2px #fff;
    font-family: 'FSIrwin-Heavy';
  }
  .inhalt_menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
/* Landscape*/
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- Tablets         ----------- */
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  h2 {
    font-size: 2em;
  }
  h3 {
    font-size: 1.6em;
  }
  p {
    margin: 0 0 35px;
    font-size: 20px;
    line-height: 1.4;
  }
  .intro {
    height: 100%;
    padding: 0;
  }
  .intro .intro-body .brand-heading {
    font-size: 100px;
  }
  .intro .intro-body .intro-text {
    font-size: 26px;
    font-family: 'FSIrwin-Medium';
  }
  .intro-text-xl {
    font-size: 7rem;
  }
  .start_bg {
    background: url(../img/intro_start_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .vita_bg {
    background: url(../img/intro_vita_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .wie_gruen_bg {
    background: url(../img/intro_wie_gruen_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .kuenstlergespraech_bg {
    background: url(../img/intro_kuenstlergespraech_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .fuenfzig_quadrate_bg {
    background: url(../img/header_50_quadrate_bg_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .lbb_bohle_bg {
    background: url(../img/intro_ausstellung_bohle_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .lbb_bohle_bg .intro-text-xl {
    color: #333333;
    text-shadow: 2px 2px 2px #fff;
  }
  .lbb_bohle_bg .intro-text {
    color: #333333;
    text-shadow: 2px 2px 2px #fff;
  }
  .socialmedia_bottom {
    flex-direction: row;
  }
  .socialmedia_bottom li {
    margin-right: 25px;
  }
}
/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .col-md-offset-2 {
    margin-left: 0%;
  }
  .intro-text-xl {
    font-size: 7rem;
  }
  .start_bg {
    background: url(../img/intro_start_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .vita_bg {
    background: url(../img/intro_vita_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .wie_gruen_bg {
    background: url(../img/intro_wie_gruen_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .kuenstlergespraech_bg {
    background: url(../img/intro_kuenstlergespraech_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .fuenfzig_quadrate_bg {
    background: url(../img/header_50_quadrate_bg_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .lbb_bohle_bg {
    background: url(../img/intro_ausstellung_bohle_1024px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .lbb_bohle_bg .intro-text-xl {
    font-family: 'FSIrwin-Heavy';
    color: #333333;
    text-shadow: 2px 2px 2px #fff;
  }
  .lbb_bohle_bg .intro-text {
    font-family: 'FSIrwin-Heavy';
    color: #333333;
    text-shadow: 2px 2px 2px #fff;
  }
  ul.banner-social-buttons {
    display: flex;
    justify-content: center;
  }
  ul.banner-social-buttons li {
    margin-right: 20px;
  }
  .socialmedia_bottom {
    flex-direction: row;
  }
  .socialmedia_bottom li {
    margin-right: 25px;
  }
  .blog_entry h1 {
    font-size: 5rem;
  }
}
/* ----------- Non-Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {
  .intro {
    height: 100%;
    padding: 0;
  }
  .intro .intro-body .brand-heading {
    font-size: 100px;
  }
  .intro .intro-body .intro-text {
    font-size: 26px;
  }
  .intro-text-xl {
    width: 66%;
  }
  .start_bg {
    background: url(../img/intro_start_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .vita_bg {
    background: url(../img/intro_vita_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .wie_gruen_bg {
    background: url(../img/intro_wie_gruen_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .lbb_bohle_bg {
    background: url(../img/intro_ausstellung_bohle_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .lbb_bohle_bg .intro-text-xl {
    font-family: 'FSIrwin-Heavy';
    color: #333333;
    text-shadow: 2px 2px 2px #fff;
  }
  .lbb_bohle_bg .intro-text {
    font-family: 'FSIrwin-Heavy';
    color: #333333;
    text-shadow: 2px 2px 2px #fff;
  }
  .kuenstlergespraech_bg {
    background: url(../img/intro_kuenstlergespraech_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .fuenfzig_quadrate_bg {
    background: url(../img/header_50_quadrate_bg_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  ul.banner-social-buttons {
    display: flex;
  }
  ul.banner-social-buttons li {
    margin-right: 20px;
  }
  .socialmedia_bottom {
    flex-direction: row;
  }
  .socialmedia_bottom li {
    margin-right: 25px;
  }
  .blog_entry h1 {
    font-size: 5rem;
  }
}
/* ----------- Retina Screens ----------- */
@media screen and (min-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
  .start_bg {
    background: url(../img/intro_start_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .vita_bg {
    background: url(../img/intro_vita_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .wie_gruen_bg {
    background: url(../img/intro_wie_gruen_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .lbb_bohle_bg {
    background: url(../img/intro_ausstellung_bohle_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .fuenfzig_quadrate_bg {
    background: url(../img/header_50_quadrate_bg_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  .lbb_bohle_bg .intro-text-xl {
    font-family: 'FSIrwin-Heavy';
    color: #333333;
    text-shadow: 2px 2px 2px #fff;
  }
  .lbb_bohle_bg .intro-text {
    font-family: 'FSIrwin-Heavy';
    color: #333333;
    text-shadow: 2px 2px 2px #fff;
  }
  .kuenstlergespraech_bg {
    background: url(../img/intro_kuenstlergespraech_1920px.jpg) no-repeat bottom center scroll;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }
  ul.banner-social-buttons {
    display: flex;
  }
  ul.banner-social-buttons li {
    margin-right: 20px;
  }
  .socialmedia_bottom {
    flex-direction: row;
  }
  .socialmedia_bottom li {
    margin-right: 25px;
  }
  .blog_entry h1 {
    font-size: 5rem;
  }
}