/* www.cms.sobota-bau.de

Farben:
Blau: #0077BA
Rot: #E30613
Hellgrau: #EDEDED

*/

/* ALLGEMEINES */
html, body {
	font-size: 16px !important;
	padding: 0px !important;
	margin: 0px !important;
	color: #000000 !important;
	line-height: 165% !important;
}

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}



/* ----------------- FORMATIERUNGEN ----------------- */
h1, h2, h3, h4, h5, h6 {
	border: 0px !important;
	font-weight: 300 !important;
}

strong {
	font-weight:600;
	color:#0077BA;
}

h1 {
	margin: 0px 0px 20px 0px !important;
	font-weight:800 !important;
	text-transform:uppercase;
	color: #E30613;
}

h2 {
	color: #0077BA;
	text-transform:uppercase;
	font-weight:700 !important;
}

h3 {
	color: #E30613;
	text-transform:uppercase;
	font-weight:700 !important;
}

h2, .entry-header h2 {
	margin: 25px 0px 15px 0px !important;
}

.page-header {
	margin: 0px !important;
	border: 0px !important;
	padding: 0px !important;
}

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

strong {
	font-weight: 600 !important;
}

/* links */
p a, p a:visited {
	color:  #E30613 !important;
}

p a:hover {
	color: #0077BA !important;
	border-bottom: 1px dotted #0077BA !important;
}

/* liste */
#sp-main-body ul {
	padding: 0px 0px 0px 15px !important;
}

#sp-main-body ul li {
	margin-bottom: 6px !important;
	padding: 0px 0px 0px 15px !important;
}

/* blockquote */
blockquote {
	padding: 20px !important;
	border: 0px !important;
	background: #0077BA !important;
	font-size: 100% !important;
}

blockquote p {
	color:#fff !important;
}

blockquote h4 {
	color:#fff !important;
	text-transform:uppercase !important;
	font-weight:700 !important;
}

/* fehlermeldung */
div.alert-message {
	background: #0077BA !important;
	color: #fff !important;
}

div.alert-message p {
	margin: 0px !important;
}

h4.alert-heading {
	font-size: 250% !important;
	color: #fff !important;
}

/* ----------------- HEADER & LOGO ----------------- */
#sp-top-bar {
	background: #fff !important;
	padding: 30px 0px 15px 0px !important;
	border-top:solid #E30613 5px;
}

#sp-top-bar .sp-module {
	margin: 0px !important;
}

#sp-logo h1 {
	margin: 0px !important;
}

@media only screen and (max-width:767px) {
#sp-logo {
	width: 50% !important;
}
}

/* slideshow */
.tp-bannertimer {
	display: none !important;
}

/* MENÜ */
#sp-menu {
	margin-top: 28px !important;
}

.sp-megamenu-parent {
	float: right !important;
}

#sp-menu ul li a {
	line-height: 100% !important;
	color: #E30613 !important;
	font-size: 100% !important;
	font-weight:600 !important;
}

/* dropdown */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 0px !important;
}

.sp-megamenu-parent .sp-dropdown {
	z-index: 1000 !important;
	padding-top: 23px !important;
}

#sp-menu ul li ul li a {
	color: #000000 !important;
}

#sp-menu ul li ul li:hover a {
	color: #fff !important;
	background: #0077BA !important;
}

/* mobile menu */
#offcanvas-toggler {
	line-height: 100% !important;
}

#offcanvas-toggler > i {
	margin: 2px 0px 0px 5px !important;
	padding: 0px !important;
	color: #fff !important;
}

@media only screen and (max-width:767px) {
#offcanvas-toggler {
	position: absolute !important;
	top: 25px !important;
	right: 20px !important;
}

#sp-menu {
	margin: 0px !important;
}
}

/* aufklappbar */
.offcanvas .offcanvas-menu ul.nav-child li {
	padding: 0px !important;
}

div.divuli[style] {
	padding: 0px !important;
}

.offcanvas-menu .offcanvas-inner {
	padding: 0px !important;
}

.offcanvas-menu ul.accordion-menu {
	border: 0px !important;
	margin: 50px 0px 0px 0px !important;
}

.offcanvas-menu ul.accordion-menu li {
	background: none !important;
	padding: 0px !important;
	margin: 0px !important;
	border-bottom: 1px dotted #EDEDED !important;
}

.offcanvas-menu ul.accordion-menu li ul li {
	border-bottom: 1px dotted #fff !important;
	background: #EDEDED !important;
}

.offcanvas-menu ul.accordion-menu li ul li ul li {
	border-bottom: 1px dotted #fff !important;
	background: #EDEDED !important;
}

.offcanvas-menu ul.accordion-menu li a {
	line-height: 100% !important;
	padding: 12px !important;
	font-size: 15px !important;
	color: #000000 !important;
	font-weight: normal !important;
	display: block !important;
	border: 0px !important;
	font-family: 'Roboto', sans-serif !important;
}

.offcanvas-menu ul.accordion-menu li a:hover {
	color: #0077BA !important;
	background: none !important;
}
	
.offcanvas-menu ul.accordion-menu li.current {
	background: #0077BA !important;
}

.offcanvas-menu ul.accordion-menu li.current a:hover, .offcanvas-menu ul.accordion-menu li.current a {
	color: #fff !important;
}

.offcanvas-menu ul.nav.menu, .offcanvas-menu .sp-module {
	margin: 0px !important;
}

.offcanvas-menu ul.nav.menu li {
	border-bottom: 1px dotted #EDEDED !important;
	background: none !important;
}

.offcanvas-menu ul.nav.menu li a {
	line-height: 100% !important;
	padding: 12px !important;
	font-size: 15px !important;
	color: #000000 !important;
	font-weight: normal !important;
	display: block !important;
	font-family: 'Roboto', sans-serif !important;
	border: 0px !important;
}

ul.accordion-menu.button-right li > .item-wrapper > .menu-button > img {
	padding: 0px 17px !important;
}

/* SEARCH */
#sp-search {
	margin-top: 15px !important;
}

#sp-search input {
	width: 100% !important;
}

.acesearch_bg_module {
	height: auto !important;
}

#sp-search .acesearch_clear {
	display: none !important;
}

/* ergebnisse */
.search .btn-toolbar button {
	background: #0077BA !important;
}

.search dt.result-title, .search dt.result-title a {
	font-weight: 600 !important;
	color: #0077BA !important;
}

.search .result-category, .search .form-limit {
	display: none !important;
}

.search .result-text {
	line-height: 165% !important;
}

/* FEATURE */
.tp-leftarrow {
	margin-left: 20px !important;
}

.tp-rightarrow {
	margin-right: 20px !important;
}


/* ----------------- MAIN-BODY ----------------- */
#sp-main-body {
	padding: 40px 0px !important;
}

article.item {
	margin: 0px !important;
}

.pagination > .active > a, .pagination > .active > span {
	background: #0077BA !important;
	border-color: #0077BA !important;
}

/* KONTAKT */
@media only screen and (max-width:768px) and (min-width:0px) {
div.linkss table.map {
		float: none !important; 
		Width: 100% !important;
}
}

/* SLIDER */
.accordion-toggle {
	color: #0077BA !important;
}


/* FORMULARE */
.wdform_section {
	font-family: Open Sans,sans-serif !important;
}

.wdform_column {
	border-spacing: 0px !important;
}

.mini_label {
	margin: 0px !important;
	line-height: 100% !important;
}

.wdform-field .button-submit {
	background: #0077BA !important;
	font-size: 100% !important;
	margin: 0px !important;
}

.wdform-field .button-submit:hover {
	background: #E30613 !important;
}

.wdform-field[type="type_name"] .wdform-element-section div {
	float: left !important;
}

.wdform-field[type="type_name"] .wdform-element-section div div {
	clear: both !important;
}

.wdform-field[type="type_name"] .wdform-element-section div input {
	width: 100% !important;
}


/* ----------------- FOOTER ----------------- */
#sp-footer {
	background: #000000 !important;
	text-align: left !important;
	font-size: 90% !important;
}


/* ----------------- ERROR PAGE ----------------- */
.error-page body {
	background: #0077BA !important;
	font-family: Open Sans,sans-serif !important;
}

.error-page h1 {
	color: #fff !important;
	font-size: 1200% !important;
	font-weight: 700 !important;
	line-height: 100% !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	display: inline !important;
}

.error-page h2 {
	color: #fff !important;
	font-size: 400% !important;
	margin-top: 70px !important;
	font-weight: 300 !important;
}

.error-page h3 {
	color: #fff !important;
	margin-bottom: 45px !important;
}

.error-page a.zbutton {
	color: #fff !important;
	padding: 15px 50px !important;
	border: 1px solid #fff !important;
	margin-right: 5px !important;
}

.error-page a.button {
	color: #0077BA !important;
	padding: 15px 30px !important;
	border: 1px solid #fff !important;
	background: #fff !important;
	font-weight: 600 !important;
}

.error-page a.zbutton:hover, .error-page a.button:hover {
	background: #E30613 !important;
	color: #fff !important;
}

/* ----------------- SITEMAP ----------------- */
#jmap_sitemap a {
	color: #EDEDED !important;
}

#jmap_sitemap a:hover {
	color: #000000 !important;
	border-bottom: 1px dotted #000000 !important;
}

.folder {
	color: #000000 !important;
}

img {
	display: inline;
  vertical-align: baseline !important;
  }


/* --------------- BALKEN BLAU TOP1 ----------- */
#sp-balken-blau strong {
    color: #ffffff !important;
}

#sp-balken-blau {
    	padding-top: 10px !important;
}

/* ------------- FOOTER --------------- */
#sp-footer2 {
	background-color:#E30613 !important;
}

#sp-footer2 h3 {
	color: #fff !important;
}

#sp-footer2 a {
	color: #fff !important;
}

#sp-footer2 p {
	color: #fff !important;
}


#sp-footer1 a {
	color:#0077BA !important;
}

#sp-footer1 h6 {
	color:#0077BA !important;
}

#sp-footer-big {
    background-color: #EDEDED !important;
	padding-bottom:20px !important;
	padding-top:5px !important;
}

/* STYLING COOKIE HINT */

#redim-cookiehint .cookiecontent {
    padding: 20px !important;
}

.cookiebuttons #cookiehintsubmit {
    background: #0077BA !important;
    color: #FFFFFF !important;
}

#redim-cookiehint .cookiebuttons a.btn {
    color: #707070;
}

.cookiebuttons #cookiehintsubmit:hover {
    background: #0077BA !important;
}

#cookiehintinfo {
    background: #e8e8e8 !important;
}

#cookiehintinfo .btn {
    background: #0077BA !important;
} 