.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ce_gallery>ul li {
    float: left;
}
html,body,p,a,div{
	font-family: 'Lato', Arial,Helvetica, sans-serif;
	font-size:  16px;
}
.notFullsize
{
	width:  100%;
    max-width: 71.25rem;
    margin:0 auto;
}

.row .row{
	width:  100%;
    max-width: 71.25rem;
    margin-right: auto;
    margin-left: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.row .row.expanded{
	max-width: none;
}
h1,h2,h3,h4,h5{
	width:  100%;
	color: #ff0000;
	text-align: center;
	font-size: 34px;
	margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    display: block !important;
}
h1 
{
	font-size: 49px;
	line-height: 49px;
	margin-top: 68px;
}

h1,h2,h3,h4,h5, .leistungenHead, .kontaktHead,
#zwischennaviLeistungen ul li a, header nav li a, header nav li span.active
{
	font-family: 'Open Sans', sans-serif;
}

a {
    color: #ff0000;
}

body.sub h1{
	margin-top: 100px;
}
.fp-tableCell{
	width:  100%;
}
body.sub #container .inside > .first{
	margin-top: 100px;
}

figure{
	margin:  0;
	position: relative;
}
.text{
	font-size:  16px;
}
.art-head {
    font-size: 28px;
    color: #0a0a0a;
    font-weight: bold;
	display: block;
	line-height: 28px;
	margin-top: 9px;
}


iframe {
    height: 18vw;
    width: 100%;
}
footer ul {
    float: right;
}
footer ul li {
    float: left;
    padding-right: 15px;
}
footer ul li a{
    text-decoration: none;
	color: #0a0a0a;
}
footer:after{
    display: block;
	clear: both;
	float: none;
	content: " ";
}
footer .mod_customnav {
    padding: 20px 13px 20px 0px;
}
footer a.tron {
display: block;
    width: 113px;
    height: 27px;
    background: url(../images/tronmedia-internetagentur.png) 0 0 no-repeat;
    text-indent: -5000px;
    margin: -2px 0px 0px 25px;
}
 form.kontaktformular input, form.kontaktformular textarea {
    width: 100%;
    border: 1px solid #b4b4b4;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    text-indent: 1vw;
    padding: 19px 0px 0px 0px;
    line-height: 1.3rem;
}
 form.kontaktformular .formbody{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
form.kontaktformular .formbody .widget-text {
    -webkit-flex: 1 auto;
    flex: 1 auto;
    flex-basis: 50%;
}
form.kontaktformular .formbody .widget-textarea {
    -webkit-flex: 1 auto;
    flex: 1 auto;
    flex-basis: 100%;
}
form.kontaktformular .formbody .widget-text.widget-left .textfieldInner {
    padding-right: 0.5rem;
}
form.kontaktformular .formbody .widget-text.widget-right .textfieldInner{
    padding-left: 0.5rem;
}
form.kontaktformular .formbody .widget.widget-submit {
    width: 100%;
}

#zwischennaviLeistungen
{
	width: 100%;
	text-align: center;
}
#zwischennaviLeistungen ul {
	width: 100%;
    max-width: 71.25rem;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
	padding: 0;
}
#zwischennaviLeistungen ul li{
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
	padding: 0 2px 0 0px;
}
#zwischennaviLeistungen ul li.last{
	padding: 0 0 0 0px;
}
#zwischennaviLeistungen ul li a{
	display: block;
	text-decoration: none;
	padding: 11px 6px;
    background: #ff0000;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: block;
    text-align: center;
    text-decoration: none;
	white-space:nowrap;
}
#zwischennaviLeistungen ul li a:hover {
    background: #000;
}
header
{
	position: relative;
	width: 100%;
    max-width: 71.25rem;
    margin:0 auto;
	min-height: 137px;
}

header nav ul {
    position: absolute;
    bottom: 14px;
    right: 17px;
    margin: 0;
}

header nav li
{
	float: left;
	padding: 0 13px 0 0px;
}
header nav li a, header nav li span.active
{
	font-size: 18px;
    text-transform: uppercase;
    color: #434242;
    text-decoration: none;
    cursor: pointer;
}
header nav li a:hover, header nav li span.active {
    color: #ff0000;
}
header a.homelink {
    display: block;
    width: 218px;
    height: 97px;
    text-indent: -5000px;
	background: url(../images/mario-seliger-bauunternehmen-logo.gif) 0 0 no-repeat;
	position: absolute;
    bottom: 23px;
    left: 17px;
}

nav li, .rslides_tabs li, .ce_gallery>ul li {
    list-style-type: none;
}

header input {
    display: none;
}

header a.topLink {
	position: fixed;
	
	right: 20px;
    background: url(../../files/images/responsivicons.png) -56px 12px no-repeat;
    display: block;
    width: 47px;
    height: 47px;
    text-indent: -5000px;
    background-color: #ff0000;
	background-color: rgba(255, 0, 0, 0.65);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	z-index: 1000000;
	bottom: -100px;
}

a.topLink.fixed {
    bottom: 20px;
}

a.topLink:hover {
    background-color: #000;
}

header nav ul, header a.topLink
	{
		transition: all 0.20s ease-in;
		-webkit-transition: all 0.20s ease-in;
		-moz-transition: all 0.20s ease-in;
		-o-transition: all 0.20s ease-in;
	}

/*---------- CONTENT  -----------*/

.kontaktWrapper{
	background: url('../contentbilder/bauunternehmen-seliger-kontakt-bg.jpg') no-repeat;
	background-size: cover;
	padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 60px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ueber-sec .kontaktWrapper{
	padding-top: 50px;
	margin-top: 0;
}
.kontaktWrapper .kontaktBox{
	max-width: 350px;
    padding: 23px 47px;
    background: rgba(218, 218, 220, 0.88);
    color: #0a0a0a;
}
.kontaktWrapper .kontaktBox a{
	color: #ff0000;
	text-decoration: none;
}
.kontaktWrapper .kontaktBox .head{
	font-size: 16px;
    font-weight: bold;
}


.footer{
	background: #295087;
	position: relative;
	margin-top: 80px;
}
#kontakt > div > div.footer.row.expanded{
	margin-top: 0 !important;
}
.footer .column a,
.footer .column span{
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
}
.footer .head{
	padding-top: 5px;
	padding-bottom: 10px;
	color: #f39200;
	font-size: 18px;
	padding: 0 1.375rem;
}
.footer .tronmedia{
	height: 32px;
	width: 97px;
	background: url('../images/tron_logo.png') no-repeat;
	position: absolute;
	right: 1.375rem;
	bottom: 1.375rem;
	background-size: contain;
}


.flexcontainer
{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
}

.flexcontainer.flexTextBildBox .image_container, .flexcontainer.flexTextBildBox .text,
.flexcontainer.leistungenFlex .textInner
{

	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
	
	-webkit-flex-basis: 50%;
	-moz-flex-basis: 50%;
	-ms-flex-basis: 50%;
	flex-basis: 50%;

}

.ce_gallery
{
	position: relative;
}

.anfrageLink {
    width: 100%;
    max-width: 71.25rem;
    margin: 0 auto;
	text-align: center;
}
.anfrageLink a, .widget-submit button {
    background-color: #ff1919;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 14px 20px;
    font-weight: bold;
	margin: 45px 0 45px 0px;
}
.anfrageLink a:hover
{
	background-color: #000;
}

.leistungenHead , .kontaktHead
{
	color: #959494;
    font-size: 47px;
	font-weight: bold;
}

.leistungenHead {
     text-align: center;
    margin: 49px 0px;
	display: block;
}
.kontaktHead
{
	margin-bottom: 0px;
}
.kontaktsatz {
    margin-bottom: 40px;
}
.ce_text.even .text
{
	background: #dadadc;
}

#leistungen .text h2
{
	font-size: 20px;
    margin: 4vw 10px 10px 30px;
    text-align: left;
	width: auto;
}

#leistungen .text p
{
    margin: 0vw 10px 10px 30px;
}


div#kontakt {
    max-width: 71.25rem;
    margin: 92px auto 21px auto;
    text-align: center;
}

.parallax  .image_container .parallax-container
{
	width:100%;
	height:100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.rslides .caption {
    position: absolute;
    left: 0;
    top: 3vw;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    color: #ff0000;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1vw 3vw;
	font-size: 3vw;
}
.rslides .caption span {
    display: block;
	font-size: 2vw;
}

.flexcontainer.leistungenFlex .textInner p
{
	padding-right: 10px;
	margin-top: 0;
}
.flexcontainer.leistungenFlex .textInner ul
{
	padding: 0;
	margin-top: 0;
}


.flexcontainer.leistungenFlex .textInner ul li {
    padding-left: 23px;
    position: relative;
    margin-left: 0px;
    list-style: none;
	margin-bottom: 15px;
}
.flexcontainer.leistungenFlex .textInner ul li:before {
    display: block;
    content: " ";
    width: 13px;
    height: 13px;
    background: #ff0000;
    position: absolute;
    left: -4px;
    top: 5px;
}
.flexcontainer.leistungenFlex .textInner  ul li:after {
    display: block;
    content: " ";
    clear: both;
    float: none;
}

body.kontakt main
{
	text-align: center;
}
body.kontakt main h1, body.kontakt main h2
{
	margin: 0;
}
.text.leistungenFlex.flexcontainer strong {
    display: inline-block;
    padding-bottom: 22px;
    font-size: 116%;
}
.kontaktsatz strong {
    white-space: nowrap;
}
    