/*!
 * Start Bootstrap - Freelancer v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-freelancer/blob/master/LICENSE)
 */
 
 /*!
TEXTE:
– Überschrift (h1)
– 2. Überschrift (lead)
– Fließtext (p)
– Bezeichnungen der Bilder (myButton)
– Card-Text (card-body)
– Buttons (btn-showreel, btn-kontakt)
– Form-Platzhalter
– Form-Text
 */


body{
    width: 100%;
  
    overflow-x: hidden;
}

.spinner{
    width: 80px;
    height: 80px;
    
    border: 9px solid rgba(255,255,255,.1);
    border-top:9px solid rgba(229,31,135,.6);
    border-radius: 100%;
    
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;
    
    animation: spin 1s infinite linear;
}

@keyframes spin {
    from{
        transform: rotate(0deg);
    }to{
        transform: rotate(360deg);
    }
}

#overlay{
  height:100%;
  width:100%;
  background-color:#ff973e;
  position:fixed;
  left:0;
  top:0;
 }





.navbar { background-color:#e51f87; }
header.masthead { padding-top: calc(2.5rem + 72px); padding-bottom: 2.5rem; }
.masthead { background-color:#ff973e; }
	.masthead h1 span { color:#ff973e; background: rgba(0,0,0,.5); margin-bottom: 3.5rem; }
.animation1 { background-color:#1ea595; }
	.animation1 h1 span { color:#1ea595; background: rgba(0,0,0,.5); }
.sonstso { background-color:#028090; }
	.sonstso h1 span { color:#028090; background: rgba(0,0,0,.5); }
.studio { background-color:#82dcd3; }
	.studio h1 span { color:#82dcd3; background: rgba(0,0,0,.5); }
	.studio p { color: rgba(0,0,0,.5); }
.namedropping { }
	.namedropping p { color: #82dcd3; }

	

.member-thumb{ 
visibility: visible;
	opacity: 0.7!important;
	margin-bottom:0px;
    position: relative;
    text-align:center;
    border-bottom: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#contact { background-color:#ff973e; }
		#contact h1 span { color:#ff973e; background: rgba(0,0,0,.5); }
		
.kontakthoeher { margin-top: -71px!important; }
.form-control { background-color:transparent !important; color:#fff !important; }


.footer { padding-top: 2.5rem; padding-bottom: 2.5rem; background-color: #014048; color: #fff; }
	
.copyright { padding-top: 2rem; padding-bottom: 2rem; background-color: #033033; }

header.datenschutz { padding-top: calc(4.5rem + 92px); padding-bottom: 3.5rem; }
.datenschutz { background-color:#028090; }
	.datenschutz h1 span { color:#028090; background: rgba(0,0,0,.5); }
	
header.impressum { padding-top: calc(4.5rem + 92px); padding-bottom: 3.5rem; }
.impressum { background-color:#1ea595; }
	.impressum h1 span { color:#1ea595; background: rgba(0,0,0,.5); }



		.fa { color:#ddd799 !important; }  
.myButton { display: block; font-weight: 400; font-size: larger; text-align: left; margin-top: 0.5rem; text-decoration:none !important; color:#fff; }
.myButton:focus, .myButton:hover { color: #000; opacity:.4!important; }
.myButton:visited { color: #fff; }
.card-body { color: #fff; }
	
.btn-showreel,.btn-showreel:active{color:#f8f9fa;background-color:transparent;border-color:#f8f9fa}
.btn-showreel:hover{color:#f8f9fa;background-color:#e51f87;border-color:#f8f9fa}

.btn-showreel.focus,.btn-showreel.visited,.btn-showreel:focus{box-shadow:0 0 0 .0rem rgba(248,249,250,.5)}
	
.btn-kontakt{color:#f8f9fa;background-color:transparent;border-color:#f8f9fa}
.btn-kontakt:hover{color:#f8f9fa;background-color:#e51f87;border-color:#f8f9fa}
.btn-kontakt.focus,.btn-primary:focus{box-shadow:0 0 0 .0rem rgba(248,249,250,.5)}


.floating-label-form-group { position: relative; border-radius: 0; box-shadow: none!important;  }
.floating-label-form-group input, .floating-label-form-group textarea {
font-size: 1.5em; position: relative; z-index: 1; resize: none;  background: none; border-color: #fff!important; box-shadow: none!important; -webkit-appearance: none; }
.floating-label-form-group label { font-size: 0.85em; line-height: 1.764705882em; position: relative; z-index: 0; top: 2em; display: block;  margin: 0; vertical-align: middle; vertical-align: baseline; opacity: 0;
    -webkit-transition: top 0.3s ease, opacity 0.3s ease;
    -moz-transition: top 0.3s ease, opacity 0.3s ease;
    -ms-transition: top 0.3s ease, opacity 0.3s ease;
    transition: top 0.3s ease, opacity 0.3s ease;}
.floating-label-form-group:not(:first-child) { padding-left: 14px; border-left: 1px solid #e9ecef; }
.floating-label-form-group-with-value label { top: 0; opacity: 1; }
.floating-label-form-group-with-focus label { color: #18BC9C; }
form .row:first-child .floating-label-form-group { border-top: 1px solid #e9ecef; }


	
.handy { display: block; } .desktop { display: none; }


body { font-family: 'Roboto', sans-serif; }
section { padding: 2rem 0; }
  
a { color: #ddd799;font-weight:700; }
a:focus, a:hover, a:active { color: #128f76; }
.card-body a:focus, .card-body a:hover, .card-body a:active { color: #000; opacity:.4; text-decoration:none !important; }
	
p:{font-size:3.2rem !important;letter-spacing: 0.05rem !important;}
.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-family:inherit;line-height:1.2;color:ddd799}
.h1,h1{font-size:2.5rem; font-family: 'Montserrat'; font-weight:700; letter-spacing: 0.15rem;}
.h2,h2{font-size:2rem; font-family: 'Montserrat'; font-weight:700; letter-spacing: 0.15rem;}
.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}
.lead{font-size:1.2rem; font-weight:200; letter-spacing: 0.08rem; line-height: 1.5rem; }

.scroll-to-top {z-index: 1060; right: 1rem; bottom: 1rem; display: none; }
.scroll-to-top a { width: 3.5rem; height: 3.5rem; background-color: rgba(33, 37, 41, 0.5); line-height: 3.1rem; }

#mainNav { padding-top: 1rem; padding-bottom: 1rem; font-weight: 700; font-family: 'Montserrat'; }
#mainNav .navbar-brand { color: #fff; letter-spacing: 0.0625rem; }
#mainNav .navbar-nav { margin-top: 1rem; letter-spacing: 0.0625rem; }
#mainNav .navbar-nav li.nav-item a.nav-link { color: #e51f87; background: rgba(0,0,0,.5); }
#mainNav .navbar-nav li.nav-item a.nav-link:hover { color: #ddd799; }
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus { color: #ddd799; }
#mainNav .navbar-nav li.nav-item a.nav-link.active { color: #ddd799; background: rgba(244,186,83,.5); }
#mainNav .navbar-toggler { font-size: 80%; padding: 0.8rem; }
	
#mainNav .navbar-brand img{
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition:  all 0.3s; } 

@media (min-width: 768px) {
.handy { display: none; } .desktop { display: block; }
.ausrueck { margin-left: -27px; }
header.masthead { padding-top: calc(4.5rem + 72px); padding-bottom: 3.5rem; }
section { padding: 3rem 0; }}
	
@media (min-width: 992px) {
#mainNav.navbar-shrink .navbar-brand img{
	-moz-transform: rotate(-10deg) scale(0.7) translate(-17%, -17%);
	-ms-transform: rotate(-10deg) scale(0.7) translate(-17%,, -17%);
	-o-transform: rotate(-10deg) scale(0.7) translate(-17%, -17%);
	transform: rotate(-10deg) scale(0.7) translate(-17%, -17%); } 
#mainNav.navbar-shrink {  padding-top: 0rem; padding-bottom: -0rem; }
#mainNav.navbar-shrink .navbar-brand { font-size: 1.5em; }
#mainNav { padding-top: 1rem; padding-bottom: 1rem;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s; }
#mainNav .navbar-brand { font-size: 2em;
      -webkit-transition: font-size 0.3s;
      -moz-transition: font-size 0.3s;
      transition: font-size 0.3s; }  
#mainNav .navbar-nav { margin-top: 0; color: #ddd799;}
#mainNav .navbar-nav > li.nav-item > a.nav-link { color: #e51f87; background: rgba(0,0,0,.5); }
#mainNav .navbar-nav > li.nav-item > a.nav-link.active { color: #ddd799; background: rgba(244,186,83,.5); }
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover { color: #ddd799; }
header.masthead { padding-top: calc(4.5rem + 106px); padding-bottom: 3.5rem; }
}
	


/*
.btn {
  border-width: 2px; }

.bg-primary {
  background-color: #fca662 !important; }

.bg-secondary {
  background-color: #e35136 !important; }
  
.btn-primary {
  background-color: #18BC9C;
  border-color: #18BC9C; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #128f76;
    border-color: #128f76; }

.btn-secondary {
  background-color: #2C3E50;
  border-color: #2C3E50; }
  .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #1a252f;
    border-color: #1a252f; }
	
.btn-xl {
  padding: 1rem 1.75rem;
  font-size: 1.25rem; }
.btn-social {
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.25rem;
  line-height: 2rem; }
  	
		.portfolio-modal .portfolio-modal-dialog {
  padding: 3rem 1rem;
  min-height: calc(100vh - 2rem);
  margin: 1rem calc(1rem - 8px);
  position: relative;
  z-index: 2;
  -moz-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5); }
  .portfolio-modal .portfolio-modal-dialog .close-button {
    position: absolute;
    top: 2rem;
    right: 2rem; }
    .portfolio-modal .portfolio-modal-dialog .close-button i {
      line-height: 38px; }
  .portfolio-modal .portfolio-modal-dialog h2 {
    font-size: 2rem; }


@media (min-width: 768px) {
  .portfolio-modal .portfolio-modal-dialog {
    min-height: 100vh;
    padding: 5rem;
    margin: 3rem calc(3rem - 8px); }
    .portfolio-modal .portfolio-modal-dialog h2 {
      font-size: 3rem; } }
	*/