body {

  background-size: cover;

  background-repeat: no-repeat;  

}

body {

    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;    

    line-height: 1.42857143;

    color: #2c3e50;    

}

.coverage {

  position: absolute;

  position: fixed;

  top: 0px;

  width: 100%;

  height: 100%;

  background-image: url('../img/backgr_trans_home_03.png');

  background-size: cover;

  background-repeat: no-repeat;

  opacity: 1;

  z-index: -999;

}

h1 {

font-weight: bold;

}



.navibig {

  position:fixed;

  margin-top: -20px;

  width:100%;

  z-index: 999;

  background-color:white;

  opacity:0.8;

}









@media(max-width:767px){

body,p,h4,h3,h1 { font-size:80%;

}

#logo {

    background: white;

    width: 100%;     

    height: 100px;

    position: fixed;

    left: 0;

    top: 40px;

    z-index:999;

    opacity: 0.8;

}

.navbar {

position:fixed;

top:140px;

left:0;

right:0;

}

.img_logo {

  margin-left:5%;

  margin-top:20px;;

  padding-right: 30px;  
  width: auto;

}

.navibig {

  display:none;

}



}



@media(min-width:768px){

body,p,h4,h3,h1 { font-size:90%;

  }

#logo {

    background: white;

    width: 100%;     

    height: 120px;

    position: fixed;

    left: 0;

    top: 40px;

    z-index:999;

    opacity: 0.8;

  }

.navbar {

display:none;

  }

.navibig {

  height: 15px; 

}

.img_logo {

  margin-left:20%;

  margin-top:20px;;

  padding-right: 80px;  
  width: auto;

  }

  





.col-sm-2 {

  padding-left:0px;

  padding-right:0px;

} 

.navpoint1 {

  background-image:url('../img/HOME_195_02.png');

  background-size: 120px 17px;

  background-repeat:no-repeat;

  background-position: 0px 0px;

}

.navpoint1:hover {

  background-image:url('../img/HOME_active195.png');

}

.navpoint2 {

  background-image:url('../img/DANCE_195_02.png');

  background-size: 120px 17px;

  background-repeat:no-repeat;

}

.navpoint2:hover {

  background-image:url('../img/DANCE_active195.png');

}

.navpoint3 {

  background-image:url('../img/PROJECTS_195_02.png');

  background-size: 120px 17px;

  background-repeat:no-repeat;

}

.navpoint3:hover {

  background-image:url('../img/PROJECTS_active195.png');

}

.navpoint4 {

  background-image:url('../img/THEMES_195_02.png');

  background-size: 120px 17px;

  background-repeat:no-repeat;

}

.navpoint4:hover {

  background-image:url('../img/THEMES_active195.png');

}

.navpoint5 {

  background-image:url('../img/ABOUTUS_195_02.png');

  background-size: 120px 17px;

  background-repeat:no-repeat;

}

.navpoint5:hover {

  background-image:url('../img/ABOUTUS_active195.png');

}

.navpoint6 {

  background-image:url('../img/CONTACT_195_02.png');

  background-size: 120px 17px;

  background-repeat:no-repeat;

}

.navpoint6:hover {

  background-image:url('../img/CONTACT_active195.png');

}









}



@media(min-width:992px){



body,p,h4,h3,h1 { font-size:95%;

}

#logo {

    background: white;

    width: 100%;     

    height: 120px;

    position: fixed;

    left: 0;

    top: 40px;

    z-index:999;

    opacity: 0.8;

}

.navbar {

position:fixed;

top:160px;

left:0;

right:0;

}

.navibig {

  height: 20px;

}

.img_logo {

  margin-left:20%;

  margin-top:20px;;

  padding-right: 80px;  
  width: auto;

}

.navpoint1 {

  background-image:url('../img/HOME_195_02.png');

  background-size: 157px 22px;

  background-repeat:no-repeat;

  background-position: 0px 0px;

}

.navpoint1:hover {

  background-image:url('../img/HOME_active195.png');

}

.navpoint2 {

  background-image:url('../img/DANCE_195_02.png');

  background-size: 157px 22px;

  background-repeat:no-repeat;

  background-position: 0px 0px;

}

.navpoint2:hover {

  background-image:url('../img/DANCE_active195.png');

}

.navpoint3 {

  background-image:url('../img/PROJECTS_195_02.png');

  background-size: 157px 22px;

  background-repeat:no-repeat;

}

.navpoint3:hover {

  background-image:url('../img/PROJECTS_active195.png');

}

.navpoint4 {

  background-image:url('../img/THEMES_195_02.png');

  background-size: 157px 22px;

  background-repeat:no-repeat;

}

.navpoint4:hover {

  background-image:url('../img/THEMES_active195.png');

}

.navpoint5 {

  background-image:url('../img/ABOUTUS_195_02.png');

  background-size: 157px 22px;

  background-repeat:no-repeat;

}

.navpoint5:hover {

  background-image:url('../img/ABOUTUS_active195.png');

}

.navpoint6 {

  background-image:url('../img/CONTACT_195_02.png');

  background-size: 157px 22px;

  background-repeat:no-repeat;

}

.navpoint6:hover {

  background-image:url('../img/CONTACT_active195.png');

}



}



@media(min-width:1200px){

body,p,h4,h3,h1 { font-size:100%;

}

#logo {

    background: white;

    width: 100%;     

    height: 120px;

    position: fixed;

    left: 0;

    top: 40px;

    z-index:999;

    opacity: 0.8;

}

.navbar {

position:fixed;

top:160px;

left:0;

right:0;

}

.navibig { 

  height: 24px;

}

.img_logo {

  margin-left:20%;

  margin-top:20px;;

  padding-right: 80px;  
  width: auto;

}


.navpoint1 {

  background-image:url('../img/HOME_195_02.png');

  background-size: 195px 27px;

  background-repeat:no-repeat;

  background-position: 0px 0px;

}

.navpoint1:hover {

  background-image:url('../img/HOME_active195.png');

}



.navpoint2 {

  background-image:url('../img/DANCE_195_02.png');

  background-size: 195px 27px;

  background-repeat:no-repeat;

  background-position: 0px 0px;

}

.navpoint2:hover {

  background-image:url('../img/DANCE_active195.png');

}

.navpoint3 {

  background-image:url('../img/PROJECTS_195_02.png');

  background-size: 195px 27px;

  background-repeat:no-repeat;

}

.navpoint3:hover {

  background-image:url('../img/PROJECTS_active195.png');

}

.navpoint4 {

  background-image:url('../img/THEMES_195_02.png');

  background-size: 195px 27px;

  background-repeat:no-repeat;

}

.navpoint4:hover {

  background-image:url('../img/THEMES_active195.png');

}

.navpoint5 {

  background-image:url('../img/ABOUTUS_195_02.png');

  background-size: 195px 27px;

  background-repeat:no-repeat;

}

.navpoint5:hover {

  background-image:url('../img/ABOUTUS_active195.png');

}

.navpoint6 {

  background-image:url('../img/CONTACT_195_02.png');

  background-size: 195px 27px;

  background-repeat:no-repeat;

}

.navpoint6:hover {

  background-image:url('../img/CONTACT_active195.png');

}





}





.navbar-default {

  background-color: white;

  opacity:0.8;

}



section {

  padding: 40px 0;

}

#header_01 {

    background: silver;

    width: 100%; 

    height:40px;

    position: fixed;

    left: 0;

    top: 0;

    z-index:999;

}





#portfolio {

  position: static;

  margin-top: 180px;

  z-index: 999;

  background-color:none;

  

}



.typo_content {

  width:100%;

  height:100%;

  padding-left:15px;

  padding-right:15px;

  padding-top:0px;

  padding-bottom:10px;

  border: solid 0px black;

  background-color:white;  

  margin-bottom: 30px;

  

  -webkit-box-shadow: 3px 6px 19px 0px rgba(0,0,0,0.39);

    -moz-box-shadow: 3px 6px 19px 0px rgba(0,0,0,0.39);

    box-shadow: 3px 6px 19px 0px rgba(0,0,0,0.39);



}

.typo_slider{

  width:100%;

  height:auto;

  background-color:silver;

  

  -webkit-box-shadow: 3px 6px 19px 0px rgba(0,0,0,0.39);

    -moz-box-shadow: 3px 6px 19px 0px rgba(0,0,0,0.39);

    box-shadow: 3px 6px 19px 0px rgba(0,0,0,0.39);



} 



.search {

float:right;

margin-right:15%;

}



.searchresults {

  width:100%;

  padding:15px;

  height:auto;

  min-height: 600px;

  background-color:white;  

  -webkit-box-shadow: 3px 6px 19px 0px rgba(0,0,0,0.39);

    -moz-box-shadow: 3px 6px 19px 0px rgba(0,0,0,0.39);

    box-shadow: 3px 6px 19px 0px rgba(0,0,0,0.39);



}





.carousel {

    margin-top: 0px;

}

.inhalt {
    width: 100%;     
    height: 520px;
}

.inhalt_01 {
    background-color:silver;
}
.inhalt_02 {
  background-color: #FFCC66;
}
.inhalt_03 {
  background-color: #3399FF;
}




.center {

    text-align: center;

}



.noborder {

    border-style: none;

    border-width: 0px;

}



.img-rounded3 {

    border-radius: 3px;

}



.logo_s2 {

    padding: 12px 0px 12px 15px;

}



.dtd-image {

    max-width: 100%;

    height: auto;

    -webkit-box-shadow: 3px 2px 4px -2px rgba(0,0,0,0.75);

    -moz-box-shadow: 3px 2px 4px -2px rgba(0,0,0,0.75);

    box-shadow: 3px 2px 4px -2px rgba(0,0,0,0.75);

}



.img_credits {

  

  padding-bottom:10px;

}









.invisible {

    display: none;

}



#suche {

    width: 100%;

    height: 100%;

}

h4,h3 {

font-weight: 700;

color: white;

margin-top: 0px;

margin-right: -15px;

margin-bottom: 0px;

margin-left: -15px;

padding-top:12px;

padding-left:45px;

padding-right:15px;

padding-bottom:12px;

border-bottom: 15px solid white;

text-align:left;

background-color:black;

text-transform:uppercase;

}

h3 {

padding-left: 10px;

}

h4:before {

  position: absolute;

  font-family: 'FontAwesome';

  font-size: 30px;

  color:#B52300;

  top: 5px;

  left: 28px;

  content: "\f129";

}







.hyphenate {

  text-align:justify;

  hyphens: auto;

  -webkit-hyphens: auto;

  -ms-hyphens: auto;

  -moz-hyphens: auto;

}





.external-link-new-window {

font-size:9em;

position: absolute;

left: 50%;

margin-left: -56px;

color:#B52300;

top: 50%;  

margin-top: -80px;

z-index: 99999;

opacity:0.15;

  

  

  transition-property: all;

transition-duration: 0.5s;

transition-timing-function: ease;

transition-delay: 0s;



}



.external-link-new-window:hover {

opacity:1;

}





.fa {

font-weight: bold;

}





/* flexible Medien*/

img, embed, object, video {

 min-width: 55px; 

 max-width: 100%;

 height: auto;

 width: 100%;

}



/* CSS Styled Content Regeln überschreiben */

DIV.csc-textpic .csc-textpic-imagewrap FIGURE,

DIV.csc-textpic FIGURE.csc-textpic-imagewrap,

FIGCAPTION.csc-textpic-caption {

 display: block;

}

DIV.csc-textpic-left .csc-textpic-imagewrap {

 float: none;

}

DIV.csc-textpic DIV.csc-textpic-imagecolumn {

 display: inline-block;

 float: none;

 vertical-align: top;

}

.csc-default {clear: both;}





/* Golden Grid Layout für Bild im Text*/

DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,

DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {

 width: 38%; /* Bildcontainer Breite */

}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,

DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {

 margin-left: 40%; /* Textblock */

}



@media(max-width:767px){

DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,

DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {

 width: 18%; /* Bildcontainer Breite */

}

DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,

DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {

 margin-left: 40%; /* Textblock */

}



.external-link-new-window {

font-size:8em;

position: absolute;

left: 50%;

margin-left: -56px;

color:#B52300;

top: 50%;  

margin-top: -40px;

z-index: 99999;

opacity:0.15;

  

  

transition-property: all;

transition-duration: 0.5s;

transition-timing-function: ease;

transition-delay: 0s;



}

}





@media(max-width:1200px){

.footer-above {

display:none;

}



}







/* Social Media Header */

.btn-social-head {

    display: inline-block;

    width: 20px;

    height: 20px;

    border-radius: 100%;

    text-align: center;

    line-height: 1.6;

}



.btn-outline-head {

  margin-top: 10px;

  border: solid 1px #fff;

  font-size: .625em;

  color: #fff;

  background: 0 0;

  transition: all .3s ease-in-out;

}



.btn-outline-head:hover, .btn-outline-head:focus, .btn-outline-head:active, .btn-outline-head.active {

    border: 2px solid #FFF;

    color: #B52300;

    background: #FFF none repeat scroll 0% 0%;

}



.fa-fws {

  width: 0.625em;

  text-align: center;

  margin-right: 0.2em;

}



.sm-right {

  float:right;

  margin-right:5%;

}



@media(max-width:992px){

.fa-fws {

 line-height: 2em;

}
.search {

margin-right:25%;

}

}


.flexslider {
  max-width:500px;
  
  margin-left:auto;
  margin-right:auto;
}