/* Keine Standartdeko für Links und Text nicht selektierbar */
a {
    text-decoration: none;
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

#logo_large {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    max-height: 140px;
    /* margin-bottom: -7px; /* Fix für Chrome */
}

#logo_medium {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    max-height: 65px;
    /* margin-bottom: -7px; /* Fix für Chrome */
}

#mainHeader {
    -webkit-transition: all 0.7s;
    transition: all 0.7s; 
}

.service-card {
    float: left !important;
    width: 40%;
}

/* h1 doppelt unterstreichen */
h1 {
    border-bottom: 3px double lightgray;
}

/* h2 einfach unterstreichen und mehr Abstand nach oben */
h2 {
    border-bottom: 1px solid lightgray;
    margin-top: 35px;
}

/* legal Links sollen Hand als Pointer zeigen */
footer#rechtliches > article > a {
    cursor: pointer;
}

/* Abstand wg. fixed Header für kleine Geräte */
main {
   margin-top: 50px;
}

/* Sidebar initial nicht anzeigen und langsam ein-/ausblenden */
#sidebar {
    display: block;
    position: fixed;
    width: auto !important;
    height: auto !important;
    right: 0;
    opacity: 1;
    transition: all 1s;
}

/* Font Awesome Icons inline anzeigen */
.fa {
    display: inline !important;
    margin-right: 3px;
}

/* Font Awesome Zwischengröße 1.5em */
.fa-15x {
    font-size: 1.5em !important;
}

/* Einstellungen für Container mit Team-Mitglieder Karten */
.member-cards {
    margin-bottom: 25px;
}

/* Einstellungen für Team-Mitglieder Karten */
.member-card {
    display: inline-block;
    max-width: 250px;
    min-height: 100%;
    margin-left: 10px;
    margin-top: 10px;
}

/* Text innerhalb der Team-Mitglieder Karten */
.member-desc > p {
    margin: 5px;
}

/* Kompetenzen mit Abständen in den Team-Mitglieder Karten */
.member-desc > p > span {
    margin-right: 3px;
    cursor: help;
}

/* Div für Icon zu Leitungen */
.service-icon {
    min-width: 90px;
}

/* Klasse, um Sidebar auszublenden */
.hidden {
    width: 0 !important;
    opacity: 0;
    display: none !important;
}

/* größerer Abstand nach Oben bei den Überschriften der Leistungsabschnitte */
#leistungen-et,#leistungen-it {
    margin-top: 40px;
}

/* Konfiguration der Logos */
#logo_large { max-height: 140px; }
#logo_medium { max-height: 65px; }
#logo_small { 
    max-width: 146px; 
    max-height: 45px; 
    margin-left: -16px;
}
.logo_intext {
    max-height: 60px;
    max-width: 60px;
}

/* Menü-Schaltfläche an rechten Rand annähern */
#btn-menu-small { margin-right: -16px; }

/* Fix für Anker-Links wg. fixed Header */
.jumptarget::before {
  content:"";
  display:block;
  height:50px;
  margin:-50px 0 0;
}

/* Überschreibende Regeln für sehr kleine Geräte */
@media (max-width: 350px) {
    /* Schaltflächen auf Mobile Leiste verkleinern */
    .smallnav a{
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* Überschreibende Regeln für mobile Geräte */
@media (max-width: 600px) {
    /* Kleinere Überschriften auf mobilen Endgeräten */
    h1 { font-size: 26px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
}

/* Überschreibende Regeln für mittlere Geräte */
@media (min-width: 601px) and (max-width: 991px) {
    main {
        margin-top: 120px;
    }
    
    .jumptarget::before {
      height:120px;
      margin:-120px 0 0;
    }
}

/* Überschreibende Regeln für große Geräte */
@media (min-width: 992px) {
    main {
        margin-top: 185px;
        padding-left: 0.5%;
        padding-right: 0.5%;
        margin-bottom: 0px;
        margin-left: 7%;
        margin-right: 7%;
    }
    
    footer {
        margin-top: 0px;
    }    
    .jumptarget::before {
      height:185px;
      margin:-185px 0 0;
    }
}