/**
 * =============================================================================
 * Anpassungen in diese Datei - Adjustments to this file
 * ==========================================================================
 */

/* fuer alle Geraete-Klassen */

.myClass p {
    color: #ff0000;
}

.mod_ctsfechange {
    position: fixed;
    top: 60vh;
    left: -290px;
    width: 300px;
    overflow: visible;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out 0s;
    z-index: 999999;
    transform: translateY(-50%);
}

/*.mod_ctsfechange h4 {
    margin-bottom: 0;
}*/

.mod_ctsfechange h6 {
    font-size: 1em !important;
}

#footer .inside .mod_ctsfechange a:hover {
    text-decoration: none;
}

.mod_ctsfechange .link {
    margin-top: 10px;
}

.mod_ctsfechange .cts-spin {
  font-size: 32px;
  line-height: 32px;
  color: #0096d9;
}

.mod_ctsfechange .inner {
   padding: 20px;
  background-color: #fff;
  color: #555;
}

.mod_ctsfechange:hover {
    left: 0;
    transition: all 0.3s ease-in-out 0s;
}

.mod_ctsfechange form {
  margin-bottom: 0;
}

.mod_ctsfechange select {
  width: 100% !important;
  display             : block;
  padding: 10px 15px 11px 15px;
  margin-bottom: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background:#fff;
  background-image: url("/files/theme/img/select-arrow-grey.png");
  background-repeat: no-repeat;
  background-position : 95% center;
  border:1px solid #555;
  border-radius: 6px;
  font-size: 14px;
  color: #555;
  text-indent: 0.01px;
  text-overflow: "";
}

.firefox .mod_ctsfechange select {
  padding:10px 10px !important;
}

.mod_ctsfechange .link a {
    color: inherit !important;
}

.switcher-button {
    width: 50px;
    height: 50px;
    right: -50px;
    top: 0;
    position: absolute;
    padding: 9px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    z-index: -1;
}


/* fuer tablets und groessere Displays*/
@media only screen and (min-width:768px) {

.myClass p {
    color: #00ff99;
}

}


/* fuer tablets und groessere Displays*/
@media only screen and (min-width:992px) {

.home .ctsquicklinks.links {
    margin-top: -80px;
}

.mod_ctsfechange {
    left: -270px;
}

.firefox .mod_ctsfechange select{
    margin-top: 1px
}

}

/* fuer desktop */
@media only screen and (min-width:1025px) {

.myClass p {
    color: #0800ff;
}

.home .ctsquicklinks.links {
    margin-top: -120px;
}

}


/* fuer Smartphones */
@media only screen and (max-width:767px) {




}