.page-header-font-custom {
font-size:25px;
}
      a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

       .scrollDownHead, .scrollDownSub {
          transition:opacity 1s;
          -webkit-transition:opacity 1s;
      }
      


      .black {
          background-color: black;
          border: solid 4px gray;
      }
      
            .copyright {
          background-color: black;
      }

      .spruch{
            padding-top: 0px;
            padding-bottom: 50px;
            font-style:italic;
      }
      

      .scrollToTop {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 6px 0;
  font-size: 15px;
  line-height: 2.42;
  border-radius: 6px;  // statt 25
  margin-bottom: 0px;
  opacity: 0;
  position:fixed;
  bottom:75px;
  right:15px;
  background:#555555;
  border-color:transparent;
  transition: background 500ms ease;
  -webkit-transition:background 500ms ease;
border:0px solid white;
font-family:Ubuntu, Helvetica, sans-serif;
text-decoration:none;
box-sizing:border-box;
white-space:normal;
line-height:25px;
display:inline-block;
color:white;
text-shadow:none;
}

.scrollToTop:hover {
    background:darkslategray;
}
.scrollToTop:hover { background:#23527C;}
.scrollToTop:focus { background:#23527C;}
.scrollToTop:active { background:#23527C;}

.list-flag {
    color:lightgray;
    font-size: 4.0em;
    transition: color 0.15s;
    -webkit-transition:color 0.15s;
}

.list-pointer {
    transition: color 0.15s;
    -webkit-transition:color 0.15s;
    color:darkgray;
    font-weight:bolder;
}

.list-text {
    vertical-align:1px;
    font-weight:bolder;
}

/* unvisited link */
.list-text a:link {
    color: #000000;
}

/* visited link */
.list-text a:visited {
    color: #000000;
}

/* mouse over link */
.list-text a:hover {
    color: #000000;
}

/* selected link */
.list-text a:active {
    color: #000000;
}


.list-linie {
    width:20px;
    color:darkgrey;
}

list-sub {
    color:grey;
}

.colored:hover .grab{
    transition:500ms ease;
    -webkit-transition:500ms ease;
    color:#337ab7;
    opacity:0.9;
}

.colored:hover .grab-contact{
    transition:500ms ease;
    -webkit-transition:500ms ease;
    color:#337ab7;
    opacity:0.9;
    position:relative;
    left:5px;
}


.rechtl:hover {
    transition:500ms ease;
    -webkit-transition:500ms ease;
    color:#23527C;
    opacity:0.9;
    position:relative;
    left:5px;
}

      #intro {
                        background: url(img/chess.jpg) 50% 0 fixed;
                        background-size: cover;
                        height: auto;
                        margin: 0 auto;
                    width: 100%;
                    position: relative;
                    box-shadow: 0 0 50px rgba(0,0,0,0.8);
                    padding: 100px 0;
                }
               // home wurde nachstehend für verschiedene Ausgabegeräte angepasst. Andere Parallax Ebenen müssen bei Benutzung angepasst werden
                #about {
                        background: url(/img/chess.jpg) 50% 0 fixed;
                        background-size: cover;
                        height: auto;
                        margin: 0 auto;
                    width: 100%;
                    position: relative;
                    box-shadow: 0 0 50px rgba(0,0,0,0.8);
                    padding: 100px 0;
                    color: #fff;
                }

                /* Extra Small */
                @media(max-width:767px){
                    #home {
                        background: white;
                        background-size: cover;
                        height: 100vh;
                        margin: 0 auto;
                    width: 100%;
                    position: relative;
                    padding: 0px 0; //bei Verwendung als main Header 200 wÃ?Æ?Ã?¤hlen
                    padding-left: 0px;
                    padding-right: 0px;
                }
                }

/* Small */
@media(min-width:768px) and (max-width:991px){
    #home {
                        background: url(../img/chess.jpg) 50% 0 fixed;
                        background-size: cover;
                        height: 100vh;
                        margin: 0 auto;
                    width: 100%;
                    position: relative;
                    box-shadow: 0 0 50px rgba(0,0,0,0.8);
                    padding: 0px 0; //bei Verwendung als main Header 200 wÃ?Æ?Ã?¤hlen
                    padding-left: 0px;
                    padding-right: 0px;
                    -webkit-box-shadow: inset 100px 10px 100px rgba(0,0,0,.5);
                    box-shadow: inset 100px 10px 100px rgba(0,0,0,.5);

                    webkit-filter: blur(0px);
                    -moz-filter: blur(0px);
                    -ms-filter: blur(0px);
                    -o-filter: blur(0px);
                    filter: blur(0px);


                }
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #home {
                        background: url(../img/chess.jpg) 50% 0 fixed;
                        background-size: cover;
                        height: 100vh;
                        margin: 0 auto;
                    width: 100%;
                    position: relative;
                    box-shadow: 0 0 50px rgba(0,0,0,0.8);
                    padding: 0px 0; //bei Verwendung als main Header 200 wÃ?Æ?Ã?¤hlen
                    padding-left: 0px;
                    padding-right: 0px;
                    text-shadow: 0px 1px 3px rgba(0, 0, -1, 0.506);
                    -webkit-box-shadow: inset 100px 10px 100px rgba(0,0,0,.5);
                    box-shadow: inset 100px 10px 100px rgba(0,0,0,.5);

                    webkit-filter: blur(0px);
                    -moz-filter: blur(0px);
                    -ms-filter: blur(0px);
                    -o-filter: blur(0px);
                    filter: blur(0px);

                }
}

/* Large */
@media(min-width:1200px){
    #home {
                        background: url(../img/chess.jpg) 50% 0 fixed;
                        background-size: cover;
                        height: 100vh;
                        margin: 0 auto;
                    width: 100%;
                    position: relative;
                    box-shadow: 0 0 50px rgba(0,0,0,0.8);
                    padding: 0px 0; //bei Verwendung als main Header 200 wÃ?Æ?Ã?¤hlen
                    padding-left: 0px;
                    padding-right: 0px;
                    text-shadow: 0px 1px 3px rgba(0, 0, -1, 0.506);
                    -webkit-box-shadow: inset 100px 10px 100px rgba(0,0,0,.5);
                    box-shadow: inset 100px 10px 100px rgba(0,0,0,.5);
                    -webkit-filter: blur(0px);
                    -moz-filter: blur(0px);
                    -ms-filter: blur(0px);
                    -o-filter: blur(0px);
                    filter: blur(0px);

                    overflow:hidden;
                }
}

                .nobreak {
                    white-space: nowrap;
                    display:inline-block;
                }

                .div-line {
                    border-top:solid 10px black;
                    border-bottom:solid 1px black;
                }

                .footer {
                    background-color:#0F0F0F;
                }



/* Extra-Device Small Header */
@media(max-width:767px){
                .header {
                 margin-bottom:0px;
                 padding:0px;
                 background-color:#0f0f0f;
                 border-bottom:solid 0px white;
                 padding-top:60px;
                 height:100vh; // HIER WEITERMACHEN
                }
               /* .static-navbar-sm {
                    position:static;
                    opacity:0;
                    margin:0px;
                    display:none;
                }*/
               .text-white {
                        color:black;
                        font-family:'Arial Narrow Black';
                    }
                    #white-head {
                        color:black;
                        //text-shadow: 4px 3px 0px darkgray /*#1d9d74*/, 9px 8px 0px rgba(0, 0, 0, 0.15);
                        padding-top:60px;
			padding-bottom:10px;
                        font-weight:100;
                        font-family:'Arial bold';
                    }
                .startBtn {
                    border:1px solid white;
                    border-radius:2px;
                    font-family:Ubuntu, Helvetica, sans-serif;
                    text-decoration:none;
                    box-sizing:border-box;
                    white-space:normal;
                    font-size:14px;
                    line-height:30px;
                    display:inline-block;
                    color:white;
                    background-color:rgba(54,68,82,0.49);
                    opacity: 1;
                    background:black;
                    text-shadow:none;
                    transition: opacity 1s, background-color 500ms ease, border-color 500ms ease, color 500ms ease;
                    -webkit-transition:opacity 1s, background-color 500ms ease, border-color 500ms ease, color 500ms ease;
                }

                .startBtn:hover {
                    background-color:white;
                    border-color:black;
                    color:black;
                }
}

/* Small-Device Header*/
@media(min-width:768px) and (max-width:991px){
                .header {
                 margin-bottom:0px;
                 padding:140px 0;
                 background-color:#0f0f0f;
                 border-bottom:solid 0px white;
                 height:100vh;
                 padding-top:95px;
                }
                .text-white {
                        color:white;
                        font-family:'Arial Narrow Black';
                    }
                    #white-head {
                        color:white;
                        //text-shadow: 4px 3px 0px darkgray /*#1d9d74*/, 9px 8px 0px rgba(0, 0, 0, 0.15);
                        padding-top:60px;
			padding-bottom:10px;
                        font-weight:100;
                        font-family:'Arial bold';
                    }
                .startBtn {
                    border:1px solid white;
                    border-radius:2px;
                    font-family:Ubuntu, Helvetica, sans-serif;
                    text-decoration:none;
                    box-sizing:border-box;
                    white-space:normal;
                    font-size:14px;
                    line-height:30px;
                    display:inline-block;
                    color:white;
                    background-color:rgba(54,68,82,0.49);
                    opacity: 1;
                    background:gray;
                    text-shadow:none;
                    transition: opacity 1s, background-color 500ms ease, border-color 500ms ease, color 500ms ease;
                    -webkit-transition:opacity 1s, background-color 500ms ease, border-color 500ms ease, color 500ms ease;
                }

                .startBtn:hover {
                    background-color:white;
                    border-color:black;
                    color:black;
                }
}

/* Medium-Device Header*/
@media(min-width:992px) and (max-width:1199px){
                .header {
                -webkit-box-shadow: inset 10px 10px 150px 20px rgba(0,0,0,.5);
                 box-shadow: inset 10px 10px 150px 20px rgba(0,0,0,.5);
                 margin-bottom:0px;
                 padding:200px;
                 height:100vh;
                 background-color:#0f0f0f;
                 border-bottom:solid 0px white;
                }
                .text-white {
                        color:white;
                        font-family:'Arial Narrow Black';
                    }
                    #white-head {
                        color:white;
                        //text-shadow: 4px 3px 0px darkgray /*#1d9d74*/, 9px 8px 0px rgba(0, 0, 0, 0.15);
                        padding-top:60px;
			padding-bottom:10px;
                        font-weight:100;
                        font-family:'Arial bold';
                    }
}

/* Large-Device Header*/
@media(min-width:1200px){
                .header {
                -webkit-box-shadow: inset 10px 10px 150px 20px rgba(0,0,0,.5);
                 box-shadow: inset 10px 10px 150px 20px rgba(0,0,0,.5);
                 margin-bottom:0px;
                 padding:140px 0;
                 height:100vh;
                 background-color:#0f0f0f;
                 border-bottom:solid 0px white;
                }
                .text-white {
                        color:white;
                        font-family:'Arial Narrow Black';
                    }
                    #white-head {
                        color:white;
                        //text-shadow: 4px 3px 0px darkgray /*#1d9d74*/, 9px 8px 0px rgba(0, 0, 0, 0.15);
                        padding-top:60px;
			padding-bottom:10px;
                        font-weight:100;
                        font-family:'Arial bold';
                    }

                                    .startBtn {
                    border:1px solid white;
                    border-radius:2px;
                    font-family:Ubuntu, Helvetica, sans-serif;
                    text-decoration:none;
                    box-sizing:border-box;
                    white-space:normal;
                    font-size:14px;
                    line-height:30px;
                    display:inline-block;
                    color:white;
                    background-color:rgba(54,68,82,0.49);
                    opacity: 1;
                    background:gray;
                    text-shadow:none;
                    transition: opacity 1s, background-color 500ms ease, border-color 500ms ease, color 500ms ease;
                    -webkit-transition:opacity 1s, background-color 500ms ease, border-color 500ms ease, color 500ms ease;
                }

                .startBtn:hover {
                    background-color:white;
                    border-color:white;
                    color:black;
                }
}
             
                    .exp-links {
                        color:black;
                    }

                    .whiteBtn {
                    border:1px solid grey;
                    border-radius:2px;
                    font-family:Ubuntu, Helvetica, sans-serif;
                    text-decoration:none;
                    box-sizing:border-box;
                    white-space:normal;
                    font-size:14px;
                    line-height:25px;
                    display:inline-block;
                    color:#5f5f5f;
                    background-color:rgba(54,68,82,0.49);
                    opacity: 1;
                    background:transparent;
                    text-shadow:none;
                    transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease;
                    -webkit-transition:background-color 500ms ease, border-color 500ms ease, color 500ms ease;
                }

                .whiteBtn:hover {
                    background-color:black;
                    border-color:black;
                    color:white;

                }
                .blackBtn {
                    border:1px solid grey;
                    border-radius:2px;
                    font-family:Ubuntu, Helvetica, sans-serif;
                    text-decoration:none;
                    box-sizing:border-box;
                    white-space:normal;
                    font-size:14px;
                    line-height:16px;
                    display:inline-block;
                    color:white;
                    background-color:black;
                    opacity: 1;
                    background:black;
                    text-shadow:none;
                    transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease;
                    -webkit-transition:background-color 500ms ease, border-color 500ms ease, color 500ms ease;
                }

                .blackBtn:hover {
                    background-color:white;
                    border-color:black;
                    color:black;

                }
                .jumbotron h1 {
                    margin-top:0px;
                    padding-top:50px;
                }
                .jumbotron button {
                    margin-bottom:50px;
                }
                

                
.jumbotron {
 padding: 40px 0; background: yellow;
}
.vcenter {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

               .scrollDownHeader {
          opacity:0;
                }

 @media all and (max-width: 480px) {
    #testdiv {
        display:none;
    }
    .scrollDownHeader {
          opacity:1;
          position:absolute; /*ggf. ausschalten wenn auf mobil dropdown nach scroll funktionstüchtig*/
          margin-bottom:0px;
      }
            .jumbotron p {
                    font-size: 16px;
                    margin-bottom:30px;
                }
        .jumbotron h1 {
            font-size:21px;
        }
        .jumbotron {
            min-height: 100%;
            height:100vh;
            padding-left:70px;
            padding-right:70px;
        }
        

        
              .scrollToTop-sm {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 6px 0;
  font-size: 15px;
  line-height: 2.42;
  border-radius: 6px;
  margin-bottom: 0px;
  opacity:1;
  position:relative;
  bottom:36px;
  background:#555555;
  border-color:transparent;
  border: 0px solid black;
  transition:background 500ms ease;
  border:0px solid white;
font-family:Ubuntu, Helvetica, sans-serif;
text-decoration:none;
box-sizing:border-box;
white-space:normal;
line-height:25px;
display:inline-block;
color:white;
text-shadow:none;
}
.scrollToTop-sm:hover { background:darkslategray;}
.scrollToTop-sm:focus { background:darkslategray;}
.scrollToTop-sm:active { background:darkslategray;}
}

/* Larger Displays for the latter Navigation to Top Button */
@media(min-width:481px){.scrollToTop-sm {
    opacity:0;
}}


.img-start {
    background-position: 50% 50%;
    background-size: cover;
    border: 3px solid #C7C7C7;
    border-radius: 100px;
    display: block;
    height: 150px;
    margin-bottom: 22px;
    margin-left: auto;
    margin-right: auto;
   // transition: border-color 0.5s ease; nur nötig, wenn Animation nur auf dem Objekt stattfindet
    width: 150px;
    // max-width: 100%;
    box-sizing: border-box;
}


#begin {
    padding-top:50px;
    padding-bottom:20px;
}

@keyframes example {
    0% {bottom: 0px;}
    50% {bottom: 4px;}
    100% {bottom: 0px;}
 }
 
 @-webkit-keyframes example {
    0% {bottom: 0px;}
    50% {bottom: 4px;}
    100% {bottom: 0px;}
 }

.colored-start:hover .grab{
                 transition:500ms ease;
                 -webkit-transition:500ms ease;
                 border-color:#337ab7;
                 position:relative;
                 animation-name: example;
                 animation-duration: 1s;
                 animation-iteration-count: infinite;
                 -webkit-animation-name: example;
                 -webkit-animation-duration: 1s;
                 -webkit-animation-iteration-count: infinite;
}

.footer-line {
    margin-top:0px;
    border-color:gray;
}


.btn-social {
    border: 1px solid #333333;
    border-radius: 100%;
    padding:10px;
    display: inline-block;
    transition: background-color 500ms ease;
}

.btn-social:hover {
    background-color:white;
}



@-webkit-keyframes button-down {
    0% {bottom: 0px;}
    50% {bottom: 4px;}
    100% {bottom: 0px;}
 }
 
 @-moz-keyframes button-down {
    0% {bottom: 0px;}
    50% {bottom: 4px;}
    100% {bottom: 0px;}
 }
 
 @-o-keyframes button-down {
    0% {bottom: 0px;}
    50% {bottom: 4px;}
    100% {bottom: 0px;}
 }

@keyframes button-down {
    0% {bottom: 0px;}
    50% {bottom: 4px;}
    100% {bottom: 0px;}
 }

.story-down{
                 
                 -webkit-transition:500ms ease;
                 -webkit-position:relative;
                 -webkit-animation-name: button-down;
                 -webkit-animation-duration: 1s;
                 -webkit-animation-iteration-count: infinite;
                 
                 -moz-transition:500ms ease;
                 -moz-position:relative;
                 -moz-animation-name: button-down;
                 -moz-animation-duration: 1s;
                 -moz-animation-iteration-count: infinite;

                 -o-transition:500ms ease;
                 -o-position:relative;
                 -o-animation-name: button-down;
                 -o-animation-duration: 1s;
                 -o-animation-iteration-count: infinite;

                 transition:500ms ease;
                 position:relative;
                 animation-name: button-down;
                 animation-duration: 1s;
                 animation-iteration-count: infinite;
                 
}


#slogan a:link {
    text-decoration: none;
    color:white;
}

#slogan a:visited {
    text-decoration: none;
    color:white;
}

#slogan a:hover {
    text-decoration: none;
    color:#337ab7;
}

#slogan a:active {
    text-decoration: none;
    color:#337ab7;
}

.trennstrich {
    
    width:7.5em; height:5px; background-color:#2c3e50;
    
}

.glyph-king {
    font-size:23px;
    padding-left:9px;
    padding-right:9px;
    color:#2c3e50;
}

.dummy-slogan {
    padding:0px;
    margin-top:50px;
    background-color:transparent;
    height:20px;
    width:20px;
}


.slogan-div {
                 padding:0px;
                 background-color:#0f0f0f;
                 height:100vh;
                 margin:0px;
            border-top: solid 4px gray;
            border-bottom: solid 4px gray;
}


.check-height {
    background-color:green;
}

.imp-link {
    position:relative; top:65px;
}

 .scrollToTop-imp {
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 2.42;
  border-radius: 2px;  // statt 25
  margin-bottom: 0px;
  opacity: 0;
  position:fixed;
  bottom:75px;
  right:0px;
  background:dimgrey;
  border-color:transparent;
  transition: background 500ms ease;
  -webkit-transition:background 500ms ease;
}

.scrollToTop-imp:hover {
    background:darkslategray;
}
.scrollToTop-imp:hover { background:#23527C;}
.scrollToTop-imp:focus { background:#23527C;}
.scrollToTop-imp:active { background:#23527C;}




/* Extra Small */
@media(max-width:767px){      #spruch-font {
            font-size: 1.3em;
      }}

/* Small */
@media(min-width:768px) and (max-width:991px){      #spruch-font {
            font-size: 1.5em;
      }}

/* Medium */
@media(min-width:992px) and (max-width:1199px){      #spruch-font {
            font-size: 2em;
      }}

/* Large */
@media(min-width:1200px){      #spruch-font {
            font-size: 2em;
      }}

.glyph-experience {
    font-size:130px;
    padding-left:25px;
    padding-right:9px;
    padding-top:20px;
    color:lightgray;
}

.glyph-contact {
    padding-left:40px;
    padding-right:9px;
    padding-top:20px;
    color:gray;
    font-style:oblique;
}

@keyframes example1 {
    0% {bottom: 0px;}
    50% {bottom: 4px;}
    100% {bottom: 0px;}
 }
 
 @-webkit-keyframes example1 {
    0% {bottom: 0px;}
    50% {bottom: 4px;}
    100% {bottom: 0px;}
 }

.col-test{
                 transition:500ms ease;
                 -webkit-transition:500ms ease;
                 border-color:#337ab7;
                 position:relative;
                 animation-name: example1;
                 animation-duration: 1s;
                 animation-iteration-count: infinite;
                 -webkit-animation-name: example1;
                 -webkit-animation-duration: 1s;
                 -webkit-animation-iteration-count: infinite;
}

.list-exp {
    float:left;
    padding:10px;
    margin:10px;
}

.list-exp-li {
    background-color:white;
    margin:10px;
    margin-right:25px;
    margin-left:0px;
    color:gray;
    border-top:solid 1px gray;
    border-radius:10px;
    text-align:center;
    width:130px;
}


.branchen:hover {
    transition:500ms ease;
    -webkit-transition:500ms ease;
    color:#23527C;
    border-color:#23527C;
    opacity:0.9;
    position:relative;
    bottom:5px;
}

.sm-link-underlined {
    text-decoration: underline;
    font-size:smaller;
}

.bildzitat{
    border-radius: 56px; 
    float:left; 
    margin-right:20px;
}