/* Made by visuals | Christoph Tamussino | 1180 Wien | www.visuals.at */


/*
Template aisa
Oxygen: 300;400;700
font-family: 'Oxygen', sans-serif;

blau   color: #003c78;  rgba(0,60,120,1)
grau   color: #46505a;  rgba(70,80,90,1)
grün   color: #00783c;
*/

body
{
	font-family: 'Oxygen', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	/* color: rgba(70,80,90,0.90); */
	color: #666666;
}

#sp-main-body
{ 
	padding: 30px 20px !important;
}

/* ------------- Schrift / Headlines ------------- */

p
{
	font-family: 'Oxygen', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	margin-top: 12px;
	color: #666666;
}

.page-header h1 /* Seitenüberschrift  */
{ 
	font-family: 'Oxygen', sans-serif;
	font-size: 30px !important;
	line-height: 33px;
	font-weight: 300 !important;
	color: #999999;
}

.page-header
{
    padding-bottom: 5px;
    border-bottom: 1px dotted #003c78 !important;
}

article.item
{
	border-bottom: 1px dotted #999;
	padding: 0 0 20px 0 !important;
	margin: 0 !important;
}

.h2, h2
{ 
	font-family: 'Oxygen', sans-serif;
	margin: 0 !important;
	font-size: 30px !important;
	line-height: 36px !important;
	font-weight: 300 !important;
	padding: 20px 0 10px 0 !important;
	color: #000000;
}

.h3, h3
{ 
	font-family: 'Oxygen', sans-serif;
	font-size: 20px !important;
	line-height: 24px;
	font-weight: 300 !important;
	color: #000000;
}

.h4, h4
{ 
	font-family: 'Oxygen', sans-serif;
	font-size: 18px !important;
	line-height: 20px;
	font-weight: 300 !important;
	color: #000000;
}

h3.sp-module-title
{
	font-family: 'Oxygen', sans-serif;
	font-size: 30px !important;
	text-align: left !important;
}

/*
.nav ul > li
{ 
	line-height: 30px !important;
	padding: 0 !important;
}
*/

.h4, h4  /* Headline bei Kommentaren */
{ 
	font-family: 'Oxygen', sans-serif;
	font-size: 24px !important;
	line-height: 30px;
	font-weight: 300 !important;
	color: #000000;
}

.bilderteam
{ 
	float: left;
	margin: 0 30px 20px 0 !important;
	width: 100px;
	height: auto;
}

tr
{
	border-bottom: 1px solid #cccccc;
}

td
{
	padding: 10px 0;
}

.entry-header
{
    margin-bottom: 10px !important;
}

/*
.row
{
	border-bottom: 1px dotted #999; --> Auch menübalken oben
	padding: 0 20px 0 0;
}
*/

ul  /* Listen  */
{
    padding-left: 15px !important;
    list-style-type: circle;
}

.sp-column li  /* Listen */
{
	font-size: 16px !important;
	line-height: 18px;
	font-weight: 300 !important;
	padding-top: 7px;
}

.item column-1 item-featured
{
	padding: 20px 0;
	margin: 0;
}

/* ------------- Menübalken oben ------------- */

#sp-logo
{ 
	float: left !important;
	max-width: 120px !important;
}

#sp-menu
{ 
	float: right !important;
}

#sp-header
{ 
	background-color: rgba(255, 255, 255, 0);
	padding-left: 30px !important;
	/* float: left !important; */
}

#sp-header.menu-fixed
{ 
	min-height: 90px !important;
	background: rgba(30, 50, 100, 0.75) !important;
}

.sp-dropdown-items ul
{
	padding-left: 0 !important;
}

#offcanvas-toggler 
{
	float: right !important;
	margin: 10px 30px 0 0 !important;
}

#offcanvas-toggler > i /* 3 Striche */
{
	font-size: 30px;
	color: #ffffff;
}

#offcanvas-toggler > i:hover
{
	color: #ff0000;
}

.sp-megamenu-parent
{
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
	line-height: 18px; /* Wenn 2-zeilig */
	color: #ffffff;
}

.sp-megamenu-parent > li > a
{
	font-size: 16px;  /* Hauptmenü */
	color: #ffffff;
}

.sp-megamenu-parent > li.active > a
{
	color: #cccccc;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a
{
	font-size: 16px;  /* Submenü */
	font-weight: 300;
	color: #003c78;
	border-bottom: 1px dotted #cccccc;
	padding: 12px 0 !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover /* Runtergeklappt mouse-over */
{
	background-color: #ffffff;
}

.sp-megamenu-parent .sp-dropdown  li.active > a   /*  Aktuelle Links im Ausklappmenü  */
{
	color: #000000 !important;
	font-weight: 400;
}

.sp-megamenu-parent .sp-dropdown  li.active > a:hover /* mouseover aktuelle Links im Ausklappmenü */
{
	color: #be3228 !important;
	font-weight: 300;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a
{
	padding: 3px 0; /* Zeilenabstand Ausklappmenü */
}

/* ------------- offcanvas ------------- */

.offcanvas-menu
{
	background-color: rgba(255, 255, 255, 0.85);
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a  /* Submenüpunkte */
{
	font-family: 'Oxygen', sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: 300;
	padding: 6px 20px; /* Zeilenabstände */
	border-bottom: 1px dotted #999999;
	color: #003c78;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a 
{
  background: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus 
{
background: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a 
{
background: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus 
{
background: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul 
{
background: #ffffff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler
{
	padding: 7px 20px; /* Abstände Pfeilchen rechts */
}

.offcanvas-menu-toggler.collapsed .open-icon,  /* Pfeilchen rechts */
.offcanvas-menu-toggler .close-icon
{
	font-size: 24px;
	color: #003c78;
}

.close-offcanvas /* Kreis */
{
	border-color: #003c78;
	width: 34px;
	height: 34px;
}

.close-offcanvas .fa  /* close-X */
{
	color: #003c78;
    font-size: 24px;
}

/* ------------- Module ------------- */

.module-rechts
{
	margin-left: 50px !important;
}


.sp-module .sp-module-title
{
	font-size: 30px !important;
	padding-top: 25px;
	color: #cccccc;
	line-height: 24px;
}

#sp-footer
{
	background-image: url("../../../images/Banner/Footer_2000x800.jpg");
	/* border-top: 1px dotted #fff; */
}

#sp-bottom a  /* Links bei bottom-Modulen */
{
	font-family: 'Oxygen', sans-serif;
	color: #003c78;
	font-weight: 300 !important;
	font-size: 18px;
	line-height: 24px;
}

#sp-bottom a:hover  /* Mouseover bei bottom-Modulen */
{
	color: #ffffff !important;
}

.sp-module .latestnews > div
{
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
  	color: #999999;
	font-weight: 300 !important;
	line-height: 18px;
	border-bottom: none !important;
	text-align: left !important;
}

.sp-module li /* Linien zwischen Zeilen */
{
	border-bottom: none !important;
}

/* ------------- Ende bottom Module ------------- */


/* ---------- Links ---------- */

a { color: #003c78; }
a:active, a:hover { color: #be3228 !important; }
a:focus, a:hover { color: #be3228 !important; }
.nav > li > a { color: #003c78 !important; }
.nav > li > a:hover { color: #be3228 !important; }
.nav > li > a:active { color: #003c78; font-weight: 400; !important; }
.entry-header h2 a { color: #003c78; }
.entry-header h2 a:focus, a:hover { color: #be3228; }

/* ---------- Weiterlesen Button ---------- */

.btn
{
	font-family: 'Oxygen', sans-serif;
	/* text-transform: uppercase; */
	font-size: 10px;
	font-weight: 300;
}

.btn-default
{
	font-family: 'Oxygen', sans-serif;
	margin-top: 10px;
	font-size: 12px;
	padding: 3px 10px 2px 10px;
	color: #003c78;
	background-color: #fff;
	border-color: #003c78;
	touch-action: none !important;
}

.btn-default:hover {
	background-color: #fff !important;
	border-color: #be3228;
}

btn:active
{
	-webkit-box-shadow:none;
	box-shadow: none;
}

/* ---------- Ende Weiterlesen Button ---------- */

#sp-footer { background-color: #003c78; }
#sp-footer .container
{ 
	padding: 20px 0 20px 0;
	border-top: none !important;
	font-family: Oxygen, sans-serif;
	font-size: 14px;
	font-weight: 300;
}

#sp-footer a
{
	font-family: Oxygen, sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #ffffff;
}

#sp-footer a:hover
{
	color: #000000 !important;
}

/* ---------- Scrollup Button ---------- */

.scrollup
{
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	border: 1px solid #003c78;
}

.scrollup:a
{ 
	color: #003c78;
}

.scrollup:hover
{ 
	background-color: rgba(255, 255, 255, 0.80);
	border-radius: 5px;
	border: 1px solid #be3228;
}

/* ---------- Seiten blättern ---------- */

.pager li > a, .pager li > span
{
  margin-top: 30px;
  font-size: 12px;
  padding: 2px 10px;
  background-color: #ffffff;
  border-color: #003c78;
  border-radius: 5px;
}

.pager li > a:focus, .pager li > a:hover
{
  background-color: #ffffff;
  border-color: #be3228;
}

/* ------------- showcase (Logo) Module ------------- */

#sp-logo-socials
{
  border-top: 1px dotted #003c78;
  border-bottom: 1px dotted #003c78;
}


/* ------------- Cookies Notification Bar ------------- */

.cpnb-message
{
	font-family: 'Oxygen', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	padding: 25px;
}

.cpnb-buttons
{
	margin: 0 25px 25px 0;
}

.cpnb-button a
{
	padding: 10px;
	font-family: 'Oxygen', sans-serif;
}