body {
    font-family: 'Open Sans', sans-serif;
}
.section-header h1, a.navbar-brand {
	font-family: 'Quicksand', sans-serif;
	text-transform: uppercase;
  }
h2 {
	font-family: 'Quicksand', sans-serif;
	text-transform: uppercase;
	font-size: 3em;
  }

audio { 
  width:100%; 
  height:100%;
  cursor:pointer
  padding:0;
  margin-left:-10px;
}

div.modal-body > table {
	margin-bottom:15px;
}
div.modal-body > table > tbody > tr > td {
	padding-right:15px;
	vertical-align:top;
	text-align:left;
}
div.description > table > tbody > tr > td {
	padding-right:15px;
	vertical-align:top;
	text-align:left;
}
div.description > table > tbody > tr > td:first-child {
	text-align:right;
}
div.description > table {
	margin-left:260px;
}
/* 
div.modal-body > table > tbody > tr > td:first-child {
	color:red;
}
 */
div.separator.line-separator > span {
	top:-10px;
}


iframe.video {
	width:100%;
	height:323px;
	border:0;
 }

iframe.soundcloud {
	width:100%;
	height:300px;
	border:0;
	border:none;
 }
 
.audio { }

audio {
    height: 40px !important;    
    display: block !important;
}

/* RESPONSIVENESS START */

html {
  font-size: 14px; }

@media (min-width: 36em) {
  body {
    font-size: 110%; } }

@media (min-width: 58em) {
  body {
    font-size: 120%; }
    body p, body .wrapper li {
      font-size: 1.143em; }
      body p.short, body .wrapper li.short {
        display: block;
        max-width: 500px;
        margin: 0 auto; }
      body p.large, body .wrapper li.large {
        font-size: 1.3em; } }

@media (min-width: 115em) {
  body {
    font-size: 125%; } }

@media (min-width: 125em) {
  body {
    font-size: 130%; } }

@media (min-width: 145em) {
  body {
    font-size: 140%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    font-feature-settings: normal; } }


/* RESPONSIVENESS NEU START */


@media (min-width: 768px) {
  .navbar-form {
    margin-top: 21px;
    margin-bottom: 21px;
    padding-left: 5px;
    padding-right: 5px; }
  .navbar-search-form {
    display: none; }
  .navbar-nav > li > .dropdown-menu {
    transform: scale(0);
    transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1); }
    .navbar-nav > li > .dropdown-menu:before {
      border-bottom: 11px solid rgba(0, 0, 0, 0.2);
      border-left: 11px solid transparent;
      border-right: 11px solid transparent;
      content: "";
      display: inline-block;
      position: absolute;
      left: 12px;
      top: -11px; }
    .navbar-nav > li > .dropdown-menu:after {
      border-bottom: 11px solid #fff;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent;
      content: "";
      display: inline-block;
      position: absolute;
      left: 12px;
      top: -10px; }
  .navbar-nav > li.open > .dropdown-menu {
    transform: scale(1);
    transform-origin: 29px -50px; }
  .navbar-nav.navbar-right > li > .dropdown-menu:before {
    left: auto;
    right: 12px; }
  .navbar-nav.navbar-right > li > .dropdown-menu:after {
    left: auto;
    right: 12px; }
  .dropdown .dropdown-menu {
    transform: scale(0);
    transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1); }
  .dropdown.open .dropdown-menu {
    transform: scale(1);
    transform-origin: 29px -50px; }
  .nav-open .navbar-collapse {
    transform: translate3d(0px, 0, 0); }
  .nav-open .wrapper {
    transform: translate3d(-150px, 0, 0); }
  .nav-open .navbar .container {
    transform: translate3d(-300px, 0, 0); }
  .navbar-burger .container {
    padding: 0 15px; }
  .navbar-burger .navbar-header {
    width: 100%; }
  .navbar-burger .navbar-toggle {
    display: block;
    margin-right: 0; }
  .navbar-burger.navbar .navbar-collapse.collapse {
    display: none !important; }
    .navbar-burger.navbar .navbar-collapse.collapse.in {
      display: none !important; }
  .navbar-burger.navbar .navbar-collapse.collapsing {
    display: none !important; }
  .footer:not(.footer-big) nav > ul li:first-child {
    margin-left: 0; }
  body > .navbar-collapse .navbar-nav {
    float: none; }
    body > .navbar-collapse .navbar-nav > li {
      float: none;
      float: none; }
  .nav > .social-links {
    margin-left: 15px; }
  .section-header .separator {
    width: 20em; } }

@media (max-width: 767px) {
  .navbar-transparent {
    padding-top: 0px;
    background-color: rgba(0, 0, 0, 0.45); }
  #bodyClick {
    right: 230px; }
  .navbar .navbar-collapse.collapse {
    display: none !important; }
    .navbar .navbar-collapse.collapse.in {
      display: none !important; }
  .navbar .navbar-collapse.collapsing {
    display: none !important; }
  .navbar .container {
    left: 0; }
  .nav-open .navbar-collapse {
    transform: translate3d(0px, 0, 0); }
  .nav-open .wrapper {
    left: 0;
    transform: translate3d(-115px, 0, 0); }
  .navbar-nav {
    margin: 1px -15px; }
    .navbar-nav .open .dropdown-menu > li > a {
      padding: 15px 15px 5px 50px; }
    .navbar-nav .open .dropdown-menu > li:first-child > a {
      padding: 5px 15px 5px 50px; }
    .navbar-nav .open .dropdown-menu > li:last-child > a {
      padding: 15px 15px 25px 50px; }
  .dropdown-menu {
    display: none; }
  .social-line .btn {
    margin: 0 0 10px 0; }
  .social-line.pull-right {
    float: none; }
  .footer nav.pull-left {
    float: none !important; }
  .footer:not(.footer-big) nav > ul li {
    float: none; }
  .navbar-toggle:hover {
    background-color: transparent !important; }
  .navbar-toggle:focus {
    background-color: transparent !important; }
  .media-post .author {
    width: 20%;
    float: none !important;
    display: block;
    margin: 0 auto 10px; }
  .media-post .media-body {
    width: 100%; }
  body > .navbar-collapse {
    width: 230px;
    transform: translate3d(230px, 0, 0); }
  [class*="navbar-"] .navbar-nav > li > a {
    color: #fff;
    opacity: .7;
    background: transparent; }
    [class*="navbar-"] .navbar-nav > li > a:hover {
      color: #fff;
      opacity: .7;
      background: transparent; }
    [class*="navbar-"] .navbar-nav > li > a:focus {
      color: #fff;
      opacity: .7;
      background: transparent; }
  [class*="navbar-"] .navbar-nav .active > a {
    color: #fff; }
    [class*="navbar-"] .navbar-nav .active > a:hover {
      color: #fff; }
    [class*="navbar-"] .navbar-nav .active > a:focus {
      color: #fff; }
  [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    opacity: .7;
    background: transparent; }
    [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:hover {
      color: #fff;
      opacity: .7;
      background: transparent; }
    [class*="navbar-"] .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #fff;
      opacity: .7;
      background: transparent; }
  [class*="navbar-"] .navbar-nav .navbar-nav .open .dropdown-menu > li > a:active {
    color: #fff; }
  [class*="navbar-"] .navbar-nav.navbar-nav .open .dropdown-menu > li > a:active {
    opacity: 1; }
  [class*="navbar-"] .navbar-nav .dropdown > a:hover .caret {
    border-bottom-color: #777;
    border-top-color: #777; }
  [class*="navbar-"] .navbar-nav .dropdown > a:active .caret {
    border-bottom-color: #fff;
    border-top-color: #fff; }
  .subscribe-line .form-control {
    margin: 0 0 10px 0; }
  .social-area.pull-right {
    float: none !important; }
  .form-control + .form-control-feedback {
    margin-top: -8px; }
  .btn.dropdown-toggle {
    margin-bottom: 0; } }






/* Start LG - pads in landscape ----------- */
@media (min-width : 991px) and (max-width: 1199px) {
/* body {border:4px solid green;} */

iframe.video {
	height:268px;
 }

iframe.soundcloud {
	height:300px;
 }

}
/* Ende LG - pads in landscape ----------- */



/* Start MD - pads in portrait ----------- */
@media (min-width: 768px) and (max-width: 991px) {
/* body {border:4px solid red;} */

iframe.video {
	height:206px;
 }

iframe.soundcloud {
	height:300px;
 }

	.section-textpic-1 .full-image > img {
    width: 100%;
    height:auto;
	}
	.section-textpic-1 .full-image {
    height:450px;
	}
}
/* Ende MD - pads in portrait ----------- */



/* Start SM - All Smartphones in landscape ----------- */
@media (min-width : 421px) and (max-width: 767px) {
/* body {border:4px solid blue;} */

  .navbar-left > li > a {
    width: 80px;
    left:15px;
    }
    
	.newhead {
	width:100%;
	height:380px;
	}

	.newhead > div > img {
	width:100%;
	display: block;
    margin: 0 auto;
	}

	.section-textpic-1 .full-image {
    height: 360px;
	}
	.section-textpic-1 .full-image > img {
	display: block;
    margin: 0 auto;
    width:100%;
	}

	div.content > h1 {
	font-size: 36px;
	}
    
	div.content > h5 {
	font-size: 12px;
	}
    
	.section .text-area {
    padding: 0em 0;
	}

	div.description > table {
	margin-left:30%;
	}

}
/* Ende SM - All Smartphones in landscape ----------- */



/* Start XS - All Smartphones in portrait ----------- */
@media (max-width: 420px) {
/* body {border:4px solid black;} */

	.newhead {
	width:100%;
	height:320px;
	}

	.newhead > div > img {
	height:100%;
	display: block;
    margin: 0 auto;
    margin-left:-20%;
	}
	
	.subhead > h1 {
	font-size: 2em;
	}

	.subhead > h5 {
	font-size: 1.2em;
	}

	.section .responsive-background {
	height: 60vh;
	}	
	.section .parallax {
    width: 100%;
    height: 40vh;
	}

	.section .full-image > img {
    width: 100%;
    height: 40vh; }
    
	.section-header {
	height:300px;
	}

	.navbar-left > li > a {
    width: 80px;
    left:15px;
    }

	.section .text-area {
    padding: 0em 0;
	}

    h2 {
	font-size: 2em;
    }

	div.description > table {
	margin-left:0px;
	}
    
	iframe.video {
	height:176px;
	 }

	iframe.soundcloud {
	height:176px;
	 }

	div.description > table {
	margin-left:16%;
	}

}
/* Ende XS - All Smartphones in portrait ----------- */

/* RESPONSIVENESS NEU ENDE */