/* =============================================================================
 * Fonts - Local
 * ========================================================================== */

/* ubuntu-300 - 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: 300;
  src: url('../fonts/ubuntu-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-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('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700 - 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: 700;
  src: url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-300 - 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: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/nunito-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* 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: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700 - 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: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* =============================================================================
 * accessibility_custom
  * ========================================================================== */




/* =============================================================================
 * Revolution Slider - Overlay
 * ========================================================================== */

.ce_revolutionslider .tp-dottedoverlay.accent-color-10 {
background: linear-gradient(109deg, rgba(131, 157, 197, 1) 16.81%, rgba(2, 0, 36, 0) 82.77%);
}

.ce_revolutionslider .tp-bannertimer {
display:none;
}

/* =============================================================================
 * Wort Trennungen in den Boxen
 * ========================================================================== */

.ce_iconbox_v3 .headline {
    hyphens: none;
}

/* =============================================================================
 * Swiper Slider
 * ========================================================================== */

.swiper-container .circle {display: none;}

/* =============================================================================
 * Headlines
 * ========================================================================== */

 h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .font_headline {
	 hyphens: none;
 }


/* =============================================================================
 * Colors
 * ========================================================================== */

.color-rar1 {
    color: rgb(255,169,2);
}

.color-neuro {
	color: rgb(173,32,30);
}

.color-neurotext {
	color: rgb(103,108,115);
}

/* =============================================================================
 * background color classes
 * ========================================================================== */

.bg-neuro {
	background-color: rgb(175,35,28);
}

.bg-neuro2 {
	background-color: rgb(238,157,153);
}

.bg-neuro3 {
	background-color: rgb(249,224,223);
}

.bg-p432 {
	background-color: rgb(103,108,115);
}

.bg-slidertxt {
	background-color: rgb(0,0,0,0.5);
	padding: 20px;
}


/* =============================================================================
 * background gradient classes
 * ========================================================================== */

.bg-neurov {
	background: linear-gradient(160deg, rgba(173,32,30,1) 0%, rgba(249,224,223,1) 100%);
}

/* =============================================================================
 * border classes
 * ========================================================================== */

.bd-gray {
	border: 1px solid rgb(229,229,229);
}

/* =============================================================================
 * logo neuro - body Klasse nicht vergessen
 * ========================================================================== */

body.neuro .logo a {
background-image: url(../img/rar-neurologo-upside.svg);
}

@media only screen and (max-width: 767px) {
body.neuro .logo a {background-image: url(../img/rar-neurologo-sticky.svg);}
}

.neuro .stickyheader .logo a {
background-image: url(../img/rar-neurologo-sticky.svg);
}

/* =============================================================================
 * logo startrarneuro - body Klasse nicht vergessen (home rarlogoset)
 * ========================================================================== */

@media only screen and (min-width: 768px) {
body.rarlogoset .logo a {width: 316px;}
}

@media only screen and (max-width: 767px) {
body.rarlogoset .logo a {width: 230px; height: 70px;}
}

body.rarlogoset .logo a {
background-image: url(../img/rarneuro-logo-landscape.svg);
}

@media only screen and (max-width: 767px) {
body.rarlogoset .logo a {background-image: url(../img/home-logoset-sticky.svg);}
}

.rarlogoset .stickyheader .logo a {
background-image: url(../img/home-logoset-sticky.svg);
}


/* =============================================================================
 * Texte in farbigem Header bei Mobile
 * ========================================================================== */


@media only screen and (max-width: 767px) {
    .align-center-m, .align-center-m * {
        text-align: center !important;
        font-size: 26px;
    }
}

/* =============================================================================
 * Icons in Aufzählungsliste
 
 .ce_list.hasIcon ol li i, .ce_list.hasIcon ul li i {
float: left; height: 100%;
}
 * ========================================================================== */


/* =============================================================================
 * Iconbox Startseite
 * ========================================================================== */

.ce_iconbox_v3:hover {
    position: relative;
    z-index: 10;
    transform: scale(1.03);
    transition: All 0.1s ease;
    -webkit-transition: All 0.1s ease;

}

.ce_iconbox h3 {
    font-size: 1.1rem;
    letter-spacing: 0px;
    position: relative;
    line-height: 1.4;
    margin-bottom: 10px;

}


/* =============================================================================
 * Headlines Abstand unten
 * ========================================================================== */

h4, .h4, .font_headline {
    margin-bottom: 12px;
}

/* =============================================================================
 * ce_headline_extended edits
 * ========================================================================== */

.ce_headline_extended[class*="mb-"] h1,
.ce_headline_extended[class*="mb-"] h2,
.ce_headline_extended[class*="mb-"] h3,
.ce_headline_extended[class*="mb-"] h4,
.ce_headline_extended[class*="mb-"] h5,
.ce_headline_extended[class*="mb-"] h6 {
    hyphens: none;
}

/* =============================================================================
 * Abstand Vita
 * ========================================================================== */

.ce_teambox .function {
	margin-bottom: 3px;
}

.ce_teambox .name {
    font-weight: bold;
    margin: 15px 0 5px 0;
    font-size: 1.1rem;

}

/* =============================================================================
 * Accordeon Tabs
 * ========================================================================== */

.ce_tabs .tabs.horizontal ul li.active {
    background: #ff7338;
    border-radius: 40px;
}

.ce_tabs .tabs.horizontal ul li:hover span, 
.ce_tabs .tabs.horizontal ul li.active span {
	color: #ffffff;
}

/* =============================================================================
 * social colors
 * ========================================================================== */
 
.mod_socials.color i.fa-instagram,
.mod_socials .social-FontAwesome.color i.fa-instagram,
.mod_socials i.fa-instagram:hover {
 	background: rgb(104,165,191)!important;
 	color: rgb(255,255,255)!important;
 	border-radius: 8px;
}