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

/* fuer alle Geraete-Klassen */

.myClass p {
    color: #ff0000;
}

body {
	background:#252525;
	

    font-family: 'Lato', sans-serif;


}


.headercontainer,.ce_text.imagehoverbox .overlay-inner p:last-child a{
	background-color:#c1262d;
}

.headercontainer .inside,.headercontainer.navi-section.js--is-fixed .inside {
	padding-top:10px;
	padding-bottom:10px;
	
}

.js--is-fixed .inside .logo .image_container {
	width:120px;
	
}

.mainmenu ul > li a, .mainmenu ul > li strong {
	padding: 2px 4px;
}

.mainmenu ul > li strong {
	font-weight:bold;
}

.text-shadow {
	
	background: rgba(0, 0, 0, 0.7);
display: inline-block;
padding:10px;
	
}

.mainmenu ul > li a, .mainmenu ul > li strong {
	font-size:12px;
}

.ce_text.imagehoverbox .info {
	bottom:0px;
	font-size:12px;
	background: rgba(193, 38, 45, 1.0);
}

form button, input[type="submit"], .button {
		background:#c1262d;
		border: 1px solid #c1262d;

}

.loadercts {
	border: 4px solid #c1262d;
}

h2 {
	margin-bottom:0px;
}

h1, h2, h3, h4, h5, h6,.slider-control .slider-menu b.active,#top_link a,a:hover{
	color:#c1262d;
}

.ce_text.ce-slider .slider-text p a,.mainmenu > ul ul li:hover > a, .mainmenu > ul ul li > a.trail, .mainmenu > ul ul li > a.active, .mainmenu > ul ul li > strong,.loader-innercts,p.back a:hover, p.more a:hover {
	background:#c1262d;
}

.mainmenu > ul > li:hover > a, .mainmenu > ul > li > a.trail, .mainmenu > ul li > a.active, .mainmenu > ul > li > strong {
	color:#000;
}
.mainmenu ul > li a, .mainmenu ul > li strong,.mobile_menu_trigger {
	color:#fff;
}


.mobile_menu #mainmobil li > strong.active,.mobile_menu #mainmobil li > strong.trail, .mobile_menu #mainmobil li > a.trail,.mod_breadcrumb ul li.active,.slider-control-bottom .slider-prev::before,.slider-control-bottom .slider-next::before {
	color:#c1262d;
}



#header .nav_socials a::before {
    display: block;
    height: 30px;
    margin-top:15px;
    width: 30px;
background: #436098;
    font-size: 18px;
    color:#fff;
    line-height: 30px;
    text-align: center;


}
#header .nav_socials a{
    font-size: 0;
    line-height: 0;
    text-decoration: none;
}

#header .nav_socials a.fa-instagram::before {
background: #ccc;
color:#000;
}





#footer .nav_socials a.fa-instagram:hover {
background:#fff;
color:#000;
}


/* 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:18px;
}

h1 {
	font-size:22px;
}

.top80 {
	margin-top:40px;
}

.bottom80 {
	margin-bottom:20px;
}

}