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

/* fuer alle Geraete-Klassen */
/* nunito-sans-regular - latin */
/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../webfonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/ubuntu-v12-latin/ubuntu-v12-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

body {font-family: "Ubuntu";}
p {
    font-family: "Lato";
}
.orange {margin-top: 75px;background: #F17C01; color: #fff; font-size: 1.1em;font-weight: 700;}
.orange::before {
    content: " ";
    position: absolute;
    left: 25%;
    margin-left: -45px;
    height: 30px;
    width: 60px;
    border-style: solid;
    border-width: 60px 60px 0 60px;
    border-color: #F17C01 transparent transparent transparent;
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.orange h2 {
	font-size: 1.2em;
	color:#fff;
}
.myClass p {
    color: #ff0000;
}
.pt-xs {padding-top: 25px}
.pt-s {padding-top: 50px}
.pt-m {padding-top: 75px}
.pb-xs {padding-bottom: 25px}
.pb-s {padding-bottom: 50px}
.pb-m {padding-bottom: 75px}

h1 {color: #F17C01}
.grey {background: #fafafa}
.maxwidth {
	max-width: 1180px;
	margin: 0 auto;
}
.ce_gallery ul {padding-bottom:1px;}
.rahmen figure {
	margin: 20px 20px 20px 0;
}
.rahmen img {
	border: 1px solid #ccc;
	padding: 20px;
}
.padd img {padding: 20px;}
.intern {
	background: #f18611;
	padding:20px;
	border: none;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0.75rem 2rem;
    text-align: center;
    text-decoration: none;
    font-family: Barlow,sans-serif;
    text-transform: uppercase;
	border-radius: 8px;
}
.intern:hover {
	background: #114B94;
	color: #fff;
}
.orange .intern {
	background: #fff;
	color: #114B94;
}
.orange .intern:hover {
	background: #114B94;
	color: #fff;
}
p {
    line-height: 1.5rem;
}
.ce_text ul.plus {padding-left: 0;}
.ce_text ul.plus li:before, 
.ce_list ul.plus li:before {
	display: inline-block;
	width: 25px;
	height: 25px;
	color: #F17C01; /*D8E146*/
	font-size: 18px;
	line-height: 28px;
	font-weight: 900;
	margin-left: -25px;
}
.ce_text ul.plus li, 
.ce_list ul.plus li {
    list-style-type: none;
    margin-left: 25px;
}
.ce_text ul.plus li, 
.ce_list ul.plus li {
    list-style-type: none;
}
.ce_text ul.plus li:before, 
.ce_list ul.plus li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f067";
}
.center {text-align: center;}
.widget label .mandatory {
    color: #F07D00;
}
.ce_accordion .accordion {
	border: none;
}
.ce_accordion .toggler {
	background: #114B94;
    color: #fff;
}    
.ce_accordion .toggler:before {
    color: #fff;
}  
.ce_accordion .toggler:hover,
.ce_accordion .ui-accordion-header-active {
	background: #F17C01;
	color: #fff;
}
.ce_accordion .toggler h2 {
	font-size: 1.2em;
    color: #fff;
    margin-bottom: 0;
    font-weight: normal;
}
#main .inside {
    padding: 50px 0 0 0;
}
#footer {
	background: rgba(85,85,85,.8);
	color: #fff;
}
#footer, #footer a {
    color: #fff;
}
#footer .left,
#footer .mod_customnav a {color: #fff;}
#footer {color:#fff}

form button, input[type=submit], .button {
	border-radius: 8px;
}
form button:hover, input[type=submit]:hover, .button:hover {
	background: #F17C01;
	color: #fff;
}
#top_link a {color: #555}
.box h2 {
	background: #F17C01;
	margin-top: 0;
	padding: 15px;
	font-size: 1.2em;
	text-align: center;
}
.box h2 a {
	color:#fff;
	font-size: 1em;
	text-decoration: none;
}
.box:hover h2 {background: #054992;}

#main .image_container.float_above {margin-bottom: -6px;}

.rs-column {margin-right: 3%;}
.rs-column.-large-col-3-1 {width: 31%;}

.ce_text.ce-slider .slider-text h1,.ce_text.ce-slider .slider-text h2 {
	font-size: 3em;
	text-shadow: 3px 3px 4px #777;
}
.ce_text.ce-slider .slider-text h3 {
	text-shadow: 2px 2px 3px #777;
}
.ce_text.ce-slider .slider-text p a {
	padding: 12px 20px;
	background-color: #F17C01;
	border-radius: 8px;
}
.ce_text.ce-slider .slider-text p a:hover {
	background-color: #054992;
}
.ce_gallery li {padding: 0 10px 10px 0;}
.content-gallery>ul li {width:20%;}


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

.rs-column.-large-col-3-1 {
  width: auto;
}
.maxwidth {
  padding: 50px 20px;
}

}