/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
html { padding: 0px; margin: 0px; }

body { 
	padding-top: 35px;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

.tm-sidebar-a.fixed .wrapper { 
	position:fixed; 
	top: 35px;
	width: 265px;
	left: 0px;
}

a,
a:active,
a:focus { color: #e30613; }

a:hover { color: #e30613; text-decoration: underline; }

h1,h2,h3,h4,h5,h6  { 
	font-family: Verdana;
	margin-bottom: 0px!important;
	line-height: 0px;
	margin-top: 20px;
}

.datenschutz h3  { 
	font-family: Verdana;
	margin-bottom: 0px!important;
	line-height: 30px;
	margin-top: 20px;
}


.uk-container {
	max-width: 1200px;
	padding: 0px 35px 0px 0px;
}

.tm-sidebar-b .uk-panel {
	background-color: rgba(233, 79, 53, 0.9);
	color: #fff;
	padding: 15px;
	margin: 0px!important;
}

.tm-sidebar-b h3.uk-panel-title,
.tm-sidebar-b h4 {
	color: #fff;
	border: none;
}

.copyright { 
	padding-top: 60px!important;
	text-align: right;
	font-size: 10px;
	padding-bottom: 5px!important;
}

.logo-img {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 10px 15px 15px 25px;
	margin-bottom: 0px!important;
}

.tm-logo-small {
	position: relative;
	top: -65px;
	margin-bottom: 10px;
}

.uk-navbar { background: none; }

.tm-sidebar-a .uk-nav-side { margin-top: 35px; }

.uk-nav-side > li > a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #e30613;
    margin-bottom: 5px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    height: 28px;
    padding: 5px 20px;
    transition: 0.3s;
}

.uk-nav-side > li.uk-active > a,
.uk-nav-side > li.uk-open > a,
.uk-nav-side > li > a:hover {
	color: #fff;
	background-color: rgba(227, 6, 19, 0.9);
}

ul.uk-nav-sub {
    padding: 5px 0 5px 0px;
}

.uk-nav-parent-icon > .uk-parent > a:after {
    display: none;
}

.uk-nav-side ul a {
    background-color: rgba(233, 79, 53, 0.9);
    color: #fff;
    margin-bottom: 5px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    line-height: 21px;
    height: 20px;
    padding: 5px 20px;
}

.uk-nav-side ul a:hover,
.uk-nav-side ul li.uk-active a {
	color: #fff;
	background-color: rgba(227, 6, 19, 0.9);
       text-decoration: none;
}


.uk-navbar-toggle {
    font-size: 18px;
    color: #e30613;
    text-decoration: none;
    background: #fff;
    padding: 10px;
    height: auto;
    margin-left: 25px;
}

.uk-offcanvas-bar { background: #fff; }

.uk-nav-offcanvas > li > a {
	color: #e30613;
    padding: 10px 15px;
    font-size: 18px;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a,
html .uk-nav.uk-nav-offcanvas > li > a:hover,
html .uk-nav-offcanvas ul a:hover,
html .uk-nav-offcanvas ul li.uk-active a {
	background-color: rgb(227, 6, 19);
    color: #ffffff;
}

.uk-nav-offcanvas ul a {
	background-color: rgb(233, 79, 53);
    color: #ffffff;
    padding-left: 25px;
	font-size: 16px;
}

.tm-content {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 110px 20px 35px 20px;
	position: relative;
}

.uk-breadcrumb {
	position: absolute;
	top: 10px;
}

.uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span {
    display: inline-block;
	font-size: 12px;
	color: #444;
}

.uk-breadcrumb > li:last-child > span { font-weight: bold; }

.uk-breadcrumb > li:nth-child(n+2):before {
    content: ">";
    display: inline-block;
    margin: 0 5px;
}

h1.uk-article-title,
h1 {
	font-family: Verdana; 
	color: #e30613;
	font-size: 20px;
	text-transform: uppercase;
}


.tm-navbar {
    display: none;
}



.jsn-uniform textarea.jsn-input-xlarge-fluid { height: 100px; }

#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group { 
	padding: 0px;
}

.jsn-master .jsn-bootstrap .form-actions { 
	padding: 5px 0px;
	margin-top: -15px!important;
}

#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0px;
}

.jsn-master input, 
.jsn-master button,
.jsn-master select,
.jsn-master textarea {
    color: #000!important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 97%!important;
}

.jsn-uniform .btn-danger {
    background-color: #e30613;
    color: #ffffff!important;
}

.map input {
    color: #000!important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-left: 0px!important;
}

.map button {
    background-color: #e30613;
    color: #ffffff!important;
    border: none;
    padding: 5px 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sige_small { display: none; }


.sige_thumb { position: relative; }

.zoom { 
	position: absolute;
	top: -6px;
	right: -10px;
	z-index: 999;
	background: none;
}

.sige_thumb .zoom img { background: none!important; border: none!important; padding: 0px!important; }

.well { background: none; }

ul.blog-uikit { margin-top: 20px; }

ul.blog-uikit h4 { font-family: Verdana, Arial, Helvetica, sans-serif; }

ul.blog-uikit h4 a { color: #fff; }

.vbox-title em { color: #fff; font-weight: bold; font-size: 14px; }

.yoo-zoo .uk-subnav > * {
    padding-left: 5px;
}

.yoo-zoo .uk-subnav > * > * {
    display: inline-block;
    color: #e30613;
}

ul#supersized { margin-top: 0px!important; }

button.close {
    text-align: right;
} 

.checkdsgvo input { width: 15px!important; }

.checkdsgvo .checkbox {
    margin-top: 10px;
}

.news-box h3 {
	font-size: 18px!important;
	color:#fff!important;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
	display:block;

}
div#maximenuck127 ul.maximenuck { 
	background: none;
	border-top: none;
	top:40px;
}

div#maximenuck127.maximenuckv ul.maximenuck li.maximenuck.level1 {
    padding: 0px 0px 0px 0px;
}

div#maximenuck127 ul.maximenuck li.maximenuck.level1:hover { 
	background: none;
	border-bottom: 4px solid transparent;
}


div#maximenuck127 ul.maximenuck li.maximenuck.level1 > span.separator,
div#maximenuck127 ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck127 ul.maximenuck2 a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #e30613;
    margin-bottom: 0px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    height: 25px;
    padding: 5px 20px;
}

div#maximenuck127 ul.maximenuck li.maximenuck.level1 > span.separator:hover,
div#maximenuck127 ul.maximenuck li.maximenuck.level1 > a:hover,
div#maximenuck127 ul.maximenuck li.maximenuck.active > a,
div#maximenuck127 ul.maximenuck li.maximenuck ul.maximenuck2 li > a:hover {
	background: #e30613;
	color: #fff!important;
}

div#maximenuck127.maximenuckv ul.maximenuck li.level1.parent > span.separator:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #e30613;
    margin: 5px 10px 3px 0;
    position: absolute;
    right: -3px;
    top: 8px;
}

div#maximenuck127.maximenuckv ul.maximenuck li.level1.parent:hover > span.separator:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #fff;
    margin: 5px 10px 3px 0;
    position: absolute;
    right: -3px;
    top: 8px;
}

div#maximenuck127 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck127 ul.maximenuck2 { background: #fff; }

div#maximenuck127 ul.maximenuck2 a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #e30613!important;
    margin-bottom: 0px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    height: 25px;
    padding: 5px 20px;
}

div#maximenuck127 ul.maximenuck li.maximenuck.level1.active {
    background: none;
    border-bottom: 4px solid transparent;
}

div#maximenuck127 div.maxidrop-main {
    width: 250px;
}

.uk-navbar-nav > li {
    float: none;
}

#offcanvas .uk-nav-side { padding-left:0px; }

#offcanvas .uk-nav-side li {
list-style: none;
}

#offcanvas .uk-nav-side > li > a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #e30613;
    margin-bottom: 5px;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    line-height: 17px;
    height: 16px;
    padding: 5px 20px;
    transition: 0.3s;
}

#offcanvas .uk-nav-side > li > a:hover,
#offcanvas .uk-nav-side > li.active > a {
    background-color: #e30613;
    color: #fff;

}

#offcanvas .uk-nav-side ul a {
    background-color: rgba(233, 79, 53, 0.9);
    color: #fff;
    margin-bottom: 0px;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    line-height: 17px;
    height: 16px;
    padding: 5px 20px;
}

#offcanvas .uk-nav-side > li > a:hover,
#offcanvas .uk-nav-side > li.active > a,
#offcanvas .uk-nav-side ul a:hover {
	background-color: #e30613;
	color: #fff;
	text-decoration: none;

}


@media only screen and (min-width: 768px) and (max-width: 959px) {

	.tm-sidebar-b .uk-panel { padding: 15px 10px; }
	.tm-sidebar-b .sige_cont_0,
	.tm-sidebar-b .sige_cont_1 { width: 150px; height: 110px; }
	.tm-sidebar-b .sige_thumb a.vbox-item img { width: 140px; height: 100px; }
	.tm-sidebar-b .sige_thumb .zoom img { width: 29px!important; height: 25px!important; }
	.uk-nav-side > li > a { height: auto;}
	.uk-nav-side ul a { height: auto;}
	.tm-sidebar-a.fixed .wrapper { width: 165px; }
	.tm-content .sige li { width: 150px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.tm-navbar { display: block; }
	.uk-container { padding: 0 25px; }
	.tm-middle { margin-top: 40px; }
	#supersized { display: none; }
	html {	
	background: url(../images/motiv_luftikus_schlafen.jpg) top center no-repeat;
	background-attachment: fixed;
	background-size: 2000px 1000px; 
	} 
}



/*  Mobile (Portrait) /* Note: Design for a width of 320px  */

@media only screen and (max-width: 479px) {

	.tm-navbar { display: block; }
 	.uk-container { padding: 0 25px; }
	#supersized { display: none; }
	html {	
	background: url(../images/motiv_luftikus_schlafen.jpg) top center no-repeat;
	background-attachment: fixed;
	background-size: 2000px 1000px; 
	}      
}


/*  Mobile (Smaller Phones) /* Note: Design for a width of 240px  */

@media screen and (min-width: 0px) and (max-width: 319px) {

	.tm-navbar { display: block; }
 	.uk-container { padding: 0 25px; }
	#supersized { display: none; }
	html {	
	background: url(../images/motiv_luftikus_schlafen.jpg) top center no-repeat;
	background-attachment: fixed;
	background-size: 2000px 1000px; 
	}       
}