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

/* fuer alle Geraete-Klassen */

.myClass p {
    color: #ff0000;
}
a {
	text-decoration: none;
	font-family: "Lato", sans-serif;
}
a:hover {text-decoration: underline;}
.mainmenu {margin-top: 40px;}
.ce_headline {color: #555;}
.headercontainer .inside {padding-top:20px; padding-bottom: 20px;}
h1 {
  font-size: 2.1em;
}
h2 {color: #0098AD;}
.tuerkis {color: #0098AD;}
.schwarz {color: #555;}
.logo h2 {
  height: 36px;
  letter-spacing: 0.007em;
  margin-bottom: 0;
  font-size: 1.5em;
}
.logo h3 {
  margin: 0;
  font-size: 1.3em;
  color: #555; /*34495e*/
}
.rs-column {
  margin-top: 0;
}
#right {
  width: 350px;
}
#footer {
  background-color: #0098AD;
}
.hell {background-color: #f5f5f5;}
.center {text-align: center;}
.phone {text-decoration: none;} 

#footer .inside .footer.top.container {
  padding: 0;
}
.mt-xs {margin-top: 25px;}
.pt-s {padding-top: 50px;}
.pb-xs {padding-bottom: 25px;}
.pb-s {padding-bottom: 50px;}
.max {max-width: 1190px; margin: 0 auto;}
.max1000 {max-width: 1100px; margin: 0 auto;}
.max1180 {
  max-width: 1180px;
  margin: 0 auto;
}
#main .inside {
  padding: 50px 0 0 0;
}
.ce_text ul li, .ce_list ul li {list-style-type:square;}
.ce_text ul li::marker, 
.ce_list ul li::marker {color: #0098AD;font-size:20px;}
p {text-align: justify;}
.circle img {
	border-radius: 99em;
overflow: hidden;
opacity: 0.99;
outline: none;
}
.widget-explanation {
  padding: 0;
  margin-right: 0;
  margin-bottom: 20px;
  border: 0;
}
h1.celine, h2.celine, h3.celine, h4.celine, h5.celine, h6.celine {
  border-bottom: 0;
}
h1.celine::after, h2.celine::after, h3.celine::after, h4.celine::after, h5.celine::after, h6.celine::after {
  width: 22%;
  left: 39%;
}
h2.leftline, h3.leftline, h4.leftline, h5.leftline, h6.leftline {
border-bottom: 0;
}

span.social.fa,
span.social.fab.fa-xing,
span.social.fab.fa-linkedin-in {
  background: #0098AD;
  color: #fff;
}
.ce_sliderStart:hover .slider-control .slider-prev,
.ce_sliderStart:hover .slider-control .slider-next {display:none;}

.contao-cookiebar .cc-btn.success {
  background: #0098AD;
  border-color: #0098AD;
  color: #fff;
}
.contao-cookiebar input:disabled + label::after {
  background: #6FBBC9;
}
.contao-cookiebar .highlight .cc-btn.success {
  background: #6FBBC9;
  border-color: #6FBBC9;
  color: #fff;
}
.contao-cookiebar .cc-btn.success:hover {
  background: #0098AD;
  border-color: #0098AD;
}
.contao-cookiebar .highlight .cc-btn.success:hover {
  background: #0098AD;
}


/* 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) {

.myClass p {
    color: #f300ff;
}


}

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

.myClass p {
    color: #0800ff;
}


}


/* fuer Smartphones */
@media only screen and (max-width:767px) {
h2 {
  font-size: 1.5em;
}
h1 {font-size: 1.8em;}

.logo h2 {
  height: 22px;
  font-size: 1em;
  /*white-space: nowrap; */
}
.logo h3 {
  font-size: .9em;
}
.pt-s {padding-top: 25px;}
/*.max1000 {padding-left:15px;padding-right:15px;}*/

}