/* BASIC STYLESHEET for http://http://www.ingenieurbuero-walla.de/// */
/* author: ideenwerft GmbH */
/* copyright 2018 */

/* 
*   TO USE WITH BOOTSTRAP
*
*   MOBILE FIRST !!!
*
*   Color:
*   blau #0095d8
*	grün #8cb110
*	grau #7b7c7e
*
*/


@import "fonts.css";

/* =LAYOUT ======================== */
#iwcookies {background:#0095d8;color: #fff;padding: 5px 10px;font-size: 13px;text-align: center;}



body {font-family: 'Comfortaa', cursive;font-size: 17px;color: #7b7c7e;}
header {}

.header-top {position:relative;}
header #logo {padding:30px 0 0;display: block;}
header #logo {max-width: 100%;}

.top-extra {position: absolute;top: 20px;left: 10px;right: 15px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;}
.top-extra .top-numbers {display: none;}
.top-extra a {display: inline-block;padding: 10px 0 0;color: #0095d8;font-size: 17px;font-weight: 400;}
.top-extra a:hover {color: #8cb110;}


.keyvisual {position: relative;}

.keyvisual::before {
	content: "";
    position: absolute;
    bottom: -70px;
    left: -80px;
    width: 100%;
    height: 100%;
    background-image: url(../Img/muster.png);
    background-position: left bottom;
	background-size: 700px;
    z-index: 1;
	background-repeat: no-repeat;
	opacity: 0.5;
}

@media (max-width: 992px) {
.keyvisual::before {
	    background-size: 450px;
}
}

@media (max-width: 480px) {
.keyvisual::before {
	background-size: 350px;
}
}
.keyvisual img {
	width: 100%;
}
main {margin: 60px 0 60px;}
footer > .container > .row {padding-top: 60px;padding-bottom: 15px;font-family: 'Ubuntu', Verdana, sans-serif;}

@media (min-width: 480px) and (max-width:991px) {
	header #logo {padding:15px 0 0;position: absolute;top: 0;left: 15px;}
	header #logo img {max-width: none;}
	.header-top {padding-top: 99px;}
}


@media (min-width: 768px) {	
	.keyvisual .keyvisual-text-outer {display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
	.keyvisual .keyvisual-text-outer .container {position: relative;height: 100%;}
	.keyvisual-text-inner {position: absolute;top: 15px;right: 0px;width: 50%; color: #fff;padding: 15px;}
	.keyvisual-text-inner h3 {margin-top: 0;font-size: 27px;margin-bottom: 15px;}
	.keyvisual-text-inner h4 {margin-top: 0;font-size: 18px;font-weight: 300;text-transform:uppercase;letter-spacing: 1px;margin-bottom: 15px;}
}

@media (min-width: 992px) {
	
	.header-top {padding-top: 0;display: flex;justify-content: space-between;}
    header #logo {padding: 30px 0px 15px;text-align: left;}
	header #logo img {max-width: inherit;}
	.header-flex {display: flex;flex-direction: column;justify-content: space-between;padding: 22px 0 7px;}
	.top-extra {position: relative;top:auto;left: auto;right: auto;display: block;text-align: right;
	-webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;}
	
	.top-extra a {font-size: 14px;padding: 5px 10px;}
	.top-extra a.tel {padding-right: 0px;}
	.top-extra .top-numbers {display: inline-block;padding-left: 5px;}
	.top-extra a.top-mail {display: inline-block;padding-left: 5px;}
	
	.keyvisual-text-inner {position: absolute;top: 15%;bottom: auto; right: 60px;width: 50%; color: #fff;padding: 30px;}
	.keyvisual-text-inner h3 {margin-top: 0;font-size: 30px;margin-bottom: 15px;}
	.keyvisual-text-inner h4 {margin-top: 0;font-size: 22px;font-weight: 300;text-transform:uppercase;letter-spacing: 1px;  margin-bottom: 15px;}
	
    .navbar {position: static;}
	
	main {margin: 84px 0 90px;}
}
	
@media (min-width: 1200px) {
	
}

/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}

/* links */
:focus {outline: none;box-shadow: none;}
a:hover, a:active, a:focus {text-decoration: none;outline: none;box-shadow: none;}
a:Link, a:visited {text-decoration: none;}
a {font-weight: 400;color:#0095d8;}
.content a:Link,
.aside a:Link,
footer a:Link {position: relative;}
.content a:hover,.content a:focus {outline:none;}
.content a,
footer a {color: #363636;position: relative;font-weight: 600;display: inline-block;}
.content a:hover,
footer a:hover {color: #0095d8;}

body a.btn,
.dce-gmaps button.btn {padding: 6px 30px;color: #fff !important;display: inline-block;background: #0095d8;border-radius: 7px;font-weight: 600;font-size: 14px; transition: inherit;}
body a.btn:hover,
.dce-gmaps button.btn:hover {background: #8cb110;}
body a.btn:focus,
.dce-gmaps button.btn:focus {outline: none;}
body a.btn:after {content: none;}

:active, :focus {outline:none;}
a.internal-link:link, a.internal-link:visited {}
a.internal-link:hover, a.internal-link:focus {}
a.external-link-new-window:link, a.external-link-new-window:visited {}
a.external-link-new-window:hover, a.external-link-new-window:focus {}
a.pdf {}
a.doc {}
a.mail:link, a.mail:visited {}
a.mail:hover, a.mail:focus {}
/* TYPO3 : anker-tags für interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}

.ce-row {display: flex;margin-bottom: 15px;}
.ce-column {margin-right: 15px;}

.iframewrap {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.iframewrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.full-width {margin:0px calc(50% - 50vw) -90px;max-height: 50px;}

@media (min-width: 992px) {
    .iframewrap {padding-bottom:40%;}
}

/* text */
h1 {margin:6px 0px 30px;font-size:30px;font-weight: 300;color:#58585a;text-transform: uppercase;font-family: 'Comfortaa', cursive; }
h2 {margin:0px 0px 30px;font-size:20px;font-weight: 700;color: #0095d8;position: relative;padding-left: 35px;text-transform: uppercase;line-height: 25px;font-family: 'Comfortaa', cursive;}
h2::before {content: "";position: absolute;left: 0;top: 0; width: 25px;height: 98%;background: url(../Img/punkte.svg);background-repeat: no-repeat;background-position: left center;}
h3 {margin:0px 0px 15px;font-size:18px;font-weight: 700;color:#0095d8;text-transform: uppercase;line-height: 26px;font-family: 'Comfortaa', cursive;}
h4 {margin:0px 0px 15px;font-size:18px;text-transform: uppercase;}
p {margin: 0 0 15px;line-height: 24px;}
b, strong {font-weight: 500;}



.col-md-3 > div > h2,
.col-md-3 > div > h3,
.col-md-3 > div > h4 {margin-top: 0;}

@media (min-width: 992px) { 
    h1 {font-size:45px;}
    h2 {font-size:28px;line-height: 35px;}
    h3 {font-size:22px;}
    h4 {font-size:20px;}
}

blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
main.content ul {padding-left: 40px;}

.ce-bodytext ul {
   list-style-type: none;
}

.ce-bodytext li:before {
   font-family: FontAwesome;
   content: "\f061";
   padding-right: 10px;
	color: #0095d8;
	margin-left: -25px;
}

ul li {text-align: left;margin-bottom: 5px;}
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:0px solid #ccc;font-size:1em;padding:4px 10px;}
input:focus, textarea:focus {background-c olor:rgba(255, 255, 255, 0.5);color: #194b7e;}
input.powermail_input, input.powermail_submit, textarea {-webkit-appearance: none;}
a i {cursor: pointer;}
a.tel {color: #0095d8 !important;}
img {max-width: 100%;height: auto;}
body a.button {padding: 5px 15px;color: #fff !important;display: inline-block;background:#0095d8;border-radius: 2px;font-weight: 400;position: relative;}
body a.button:hover {background: #feb401; color: #fff !important;text-decoration: none;}
.col-xs-12 {margin-bottom: 30px;}


/* =gradient ======================== */
/*  Grau  */
 .angebot {
	background-color: #a7a693;
	background: -moz-linear-gradient(45deg, rgba(167, 166, 147, 0.35) 0%, rgba(205, 204, 204, 0.35) 100%);
	background: -webkit-linear-gradient(45deg, rgba(167, 166, 147, 0.35) 0%, rgba(205, 204, 204, 0.35) 100%);
	background: linear-gradient(45deg, rgba(167, 166, 147, 0.35) 0%, rgba(205, 204, 204, 0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a693', endColorstr='#cdcccc',GradientType=1 );}


/*  blau 85% */
.keyvisual-text-inner,
.leistungsblock a .leisungsblock-inner {
	background: #0095d8;
	background: -moz-linear-gradient(70deg, rgba(19, 98, 150,0.85) 0%, rgba(0, 103, 177, 0.85) 47%, rgba(14, 78, 121, 0.85) 100%);
	background: -webkit-linear-gradient(70deg, rgba(19, 98, 150,0.85) 0%,rgba(0, 103, 177, 0.85) 47%,rgba(14, 78, 121, 0.85) 100%);
	background: linear-gradient(70deg, rgba(19, 98, 150,0.85) 0%,rgba(0, 103, 177, 0.85) 47%,rgba(14, 78, 121, 0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095d8', endColorstr='#0e4e79',GradientType=1 );}


/* =transition ======================== */

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a::before,
.navbar-default .navbar-nav>li>a::after,
.content a::after,
body a.btn,
.musthave li a,
.copy a,
body a.button,
.tx-powermail fieldset .powermail_submit.btn.btn-primary,
.powermail_fieldwrap_type_submit .col-sm-10::after,
.tx-felogin-pi1 form input[type="submit"],
footer a:after {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.dce-teaser img, 
.dce-teaser,
.leistungsblock a .leisungsblock-inner,
.leistungsblock a .leisungsblock-inner h3,
.referenz a::after{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
 





/* =NAVIGATION ======================== */
.navbar {background: none;border: 0px;min-height: 1px;justify-content: flex-end;padding:0;font-family: 'Comfortaa';}

.navbar-toggler {border: 0;margin: 0;padding: 15px 0 15px 15px;background: none;color:#0095d8;font-size: 22px;}
.navbar-default .navbar-toggler:focus,
.navbar-default .navbar-toggler:hover {background: none;outline: none;color:#0095d8; }
.navbar-default .navbar-toggler:hover .icon-bar {background: #8cb110;}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border: none;}

.navbar-default .navbar-nav>li {}
.navbar-default .navbar-nav>li>a {position: relative;display: inline-block;font-size: 16px;color: #454545;font-weight: 400;padding: 5px 0 5px 65px;}
.navbar-default .navbar-nav>li>a::before {content: "";display: inline-block;position: absolute;top:6px;bottom: 6px; left: 0;width: 30px;background: url(../Img/icon-logo.svg);background-repeat: no-repeat;background-position: left center;z-index: 5;opacity: 0;}

.navbar-default .navbar-nav>li>a:hover {color:#0095d8;}
.navbar-default .navbar-nav>li>a:hover:before {opacity: 1;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {background: none;color:#0095d8;font-weight: 800;}
.navbar-default .navbar-nav>.active>a::before {opacity: 1;}

@media (min-width:992px) {
	.navbar {padding:0px;}
	.navbar-default .navbar-nav {justify-content: space-between;width: 100%;}
    .navbar-expand-lg .navbar-nav .nav-link {font-size: 17px; padding: 10px 0px 5px;padding-left: 0;padding-right: 0; margin: 0 12px 3px;}
    .navbar-default .navbar-nav>li:first-child>a {margin-left: 0px;}
    .navbar-default .navbar-nav>li:last-child>a {margin-right: 0px;}
    .navbar-default .navbar-nav>.active>a::before,
	.navbar-default .navbar-nav>li>a::before {height:2px;}
    .navbar-default .navbar-nav>li>a::before {content: "";display: block;position: absolute;width:0%;left: 0;bottom: 0px;height: 2px;background:#0095d8;}

}
@media (min-width:992px) {
	.navbar {padding: 0;}
	.navbar-collapse {margin: inherit;}
    .navbar-default .navbar-nav>li>a {font-size: 16px;padding: 5px 0px 5px;margin: 0 15px -3px;}
}
@media (min-width:992px) {
	.navbar-default .navbar-nav>li>a {font-size: 17px;letter-spacing: 0.5px;}
}

@media (min-width:1200px) {
    .navbar-default .navbar-nav>li>a {font-size: 18px;letter-spacing: 0.5px;}
}


/* 2.Ebende */
.navbar-default .navbar-nav>.dropdown:hover ul {display: block;} 
.navbar-default .navbar-nav>.dropdown ul {border-radius:0 0 10px 10px;border: 0;box-shadow: 0px 5px 6px rgba(0,0,0,.2);z-index: 200;}
.dropdown-menu>li>a {padding: 5px 15px;color: #636363;font-weight: 400;font-size: 15px;display: block;}
.dropdown-menu>li>a:hover {color:#0095d8;}

.dropdown-toggle::after,
.navbar-default .navbar-nav li a .caret {display: none;}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {right: inherit;}
    .navbar-default .navbar-nav>.dropdown ul {margin-top: 0;border-top:0;}
}
/* =CONTENT ELEMENTS ======================== */
.ce-bodytext {padding-bottom: 30px;}
.back-button {margin-bottom: 60px;width: 100%;}

.ce-bodytext ul li {}

.ce-gallery[data-ce-columns="1"] .ce-row {margin-bottom: 0;}
@media (min-width:768px) {
	.col-md-6 {text-align: left;}
}

@media (min-width:992px) {
	.ce-textpic .ce-row {margin-bottom: 30px;}
	.ce-textpic .ce-row .ce-column {margin-right: 30px;}
	.ce-textpic .ce-row .ce-column:last-child {margin-right: 0;}
	.ce-textpic .ce-row .ce-column a::after {content: none;}
}
/* =OTHER ======================== */

/*  DCE Teaser (Facts)  */

.dce-teaser .row {
	padding-top: 45px;
	padding-bottom: 90px;
	justify-content: center;
}
.dce-teaser .row > div {
	margin-bottom: 30px;
}
.dce-teaser .box {
	padding:30px 15px 15px;
	height: 100%;
	border: 2px solid #dadada;
	border-radius: 10px;
	text-align: center;
}
.dce-teaser .box img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	opacity: .35;
	width: 100px;
}
.dce-teaser .box .text-wrap {
	padding: 25px 15px 0;
	font-size: 15px;
}
.dce-teaser .box .text-wrap h3 {
	margin: 0px calc(20% - 10vw) 15px;
	font-size: 16px;
}

.dce-teaser .box:hover {
	border-color:#0095d8; 
	background-color: #eaeaea;
}
.dce-teaser .box:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
}

/* .... DCE Google Maps 2 Click .... */
.dce-gmaps .iframewrap {
    background: #333;
}
.dce-gmaps .iframewrap img {
    opacity: 0.7;
}


/*  angebot  */
.angebot {margin: 0px calc(50% - 50vw)-90px;position: relative;}
.angebot:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-image:url( ../Img/background_walla.jpg);background-repeat:repeat-x;background-position: left bottom;z-index: 1;}
.angebot > .container {position: relative;z-index: 10;padding-top: 60px;padding-bottom: 60px;}
.angebot h3 {margin-top: 0;font-size: 25px;color: #58585a;font-weight: 300;}
.angebot h4 {font-weight: 500;font-size: 18px;color: #0095d8;position: relative;padding-left: 30px;text-transform: uppercase;line-height: 27px;}
.angebot h4::before {content: "";position: absolute;left: 0;top: 0; width: 30px;height: 98%;max-height: 45px; background: url(../Img/punkte.svg);background-repeat: no-repeat;background-position: left center;}
.angebot p {line-height: 20px;} 


/*

@media (min-width:768px) {
	.angebot > .container:after {content: "";position: absolute;bottom: 0;right: 0;width: 60%;height: 90%; background-image: url(../img/walla_footer.png);background-repeat:no-repeat;background-size: contain;background-position: right bottom;z-index: 1;}
	
@media (min-width:992px) {
	.angebot > .container:after {content: "";position: absolute;bottom: 0;right: -180px;width: 60%;height: 90%; background-image: url(../img/walla_footer.png);background-repeat:no-repeat;background-size: contain;background-position: right bottom;z-index: 1;}
		}

	@media (min-width: 1200px) {
	.angebot > .container:after {content: "";position: absolute;bottom: 0;right: -250px;width: 70%;height: 90%; background-image: url(../img/walla_footer.png);background-repeat:no-repeat;background-size: contain;background-position: right bottom;z-index: 1;}
}

*/

@media (min-width:992px) {
	.angebot > .container {padding-top: 90px;padding-bottom: 90px;}
	.angebot h3 {font-size: 40px;}
	.angebot h4 {font-size: 28px;line-height: 32px;}
}
	

/*  leistungsblock  */
.leistungsblock {position: relative;overflow: hidden;}
.leisungsblock-inner {position: absolute;left: 0;top: 100%;width: 100%;color: #fff;}
.leisungsblock-inner h3 {margin-top: -65px;margin-bottom: 0; color: #fff;font-size: 18px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);background: rgba(0, 0, 0, 0.4);padding: 15px 15px 30px;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.leisungsblock-text {padding: 0 10px 10px;}
.leisungsblock-text p {font-size: 15px;}

.leisungsblock-text .btn {background: #fff;color:#0095d8;padding: 5px 25px;}

.leistungsblock a:hover .leisungsblock-inner {top: 0;height: 100%;}
.leistungsblock a:hover .leisungsblock-inner h3 {margin-top: 15px;background: none;padding-top: 0;padding-bottom: 15px;}


@media (min-width:992px) {
	.leistungsblock a:hover .leisungsblock-inner  {padding-top: 30px;}
}


/* =FOOTER ======================== */
footer {font-size: 15px;}
footer a:link,
footer a:visited {position: relative;display: inline-block;}
footer a::hover {color: #0095d8;}

ul.ce-menu.ce-menu-1 {
	padding-left: 20px;
}


footer .footer-flexbox {display: flex;justify-content: space-around;flex-wrap: wrap;}
footer .footer-flexbox .footer-box {padding:15px;}
footer .footer-flexbox .footer-box ul {list-style: none; padding-left: 0;}
footer .footer-flexbox .footer-box img {margin: 0px;padding-bottom: 20px;}

.musthavecopy {background:#dadada;color: #363636;font-size: 14px;}
.musthavecopy .container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}

.copy {padding: 10px 0;}
.copy a {color: #363636;}
.copy a:hover {color: #3767a7;}

.musthave {padding: 10px 0;}
.musthave {list-style: none;display: flex;margin: 0;}
.musthave li {float:left; }
.musthave li a {padding: 0px 5px;margin: 0 5px; display: block;color: #363636;}
.musthave li a:hover {color: #3767a7;}
.musthave li:first-child a {padding-left: 0;}
.musthave li:last-child a {padding-right: 0;margin-right: 0;}

@media (min-width:992px) {
	footer .footer-flexbox .footer-box {
		width: 25%;
	}
	footer .footer-flexbox {
		justify-content: space-between;
	}
}

@media (max-width:992px) {
	footer .footer-flexbox .footer-box {
		justify-content: space-between;
		width: 300px;}
	footer .footer-flexbox .ce-bodytext{
		padding-bottom: 0px;
	}
}


/* =EXTENSIONS ======================== */
/* +++ Newsletter Anmeldung +++ */
.layout_form {padding: 0 0 30px;background: #fff;}
.layout_form .cr_ipe_item label {display: none;}
.layout_form .cr_ipe_item input {width: 100%;max-width: 300px;margin: 0 auto;border:1px solid #ccc;text-align: center;margin-bottom: 15px;}
.layout_form input::-webkit-input-placeholder {color: #110111;}



/* POWERMAIL */
.content .tx-powermail fieldset {}
.tx-powermail {max-width: 800px;}
.tx-powermail .container-fluid {padding-left: 0;padding-right: 0;}
.tx-powermail .form-group {margin-bottom: 15px;}
.tx-powermail h3 {display: none;}
.tx-powermail label {margin-bottom: 10px;}

div.tx-powermail legend {display: none;}
div.tx-powermail .powermail_fieldset_36 legend {display: none;}
div.tx-powermail .powermail_file  {border:0;}
div.tx-powermail fieldset + fieldset {margin: 20px 0;padding: 20px 0;}

div.tx-powermail fieldset .col-sm-2,
div.tx-powermail fieldset .col-sm-10,
div.tx-powermail fieldset .col-sm-offset-2 {display: block;float: none;text-align: left; width: 100%;margin: auto;padding-bottom: 5px;padding-left: 0;padding-right: 0;color: #0366b1;font-weight: 500;}

div.tx-powermail fieldset .col-sm-2,
div.tx-powermail fieldset .col-sm-10 {max-width: 100%;}

.tx-powermail .form-control {border-radius: 2px;max-width: 700px;background:rgba(200, 200, 200,.3);border-color:#c8c8c8;color:#333;}
.tx-powermail .form-control:focus {-webkit-box-shadow:none;box-shadow:none;opacity: 1;color: #194b7e;}

div.tx-powermail fieldset .mandatory {color: #c00;padding-left: 3px;}

div.tx-powermail .checkbox label {color: #636363;font-size: 15px;font-weight: 400;}
div.tx-powermail .checkbox label input {margin-right: 10px;}

div.tx-powermail fieldset .powermail_fieldwrap_type_submit {text-align: center;margin-left: 0 !important;margin-right: 0 !important;}
div.tx-powermail fieldset .powermail_fieldwrap_type_submit .col-sm-10 {padding: 0;margin: 0;max-width: 700px;}
.powermail_fieldwrap_type_submit .col-sm-10::after {content: "";display: block;clear: both;}
.tx-powermail fieldset .powermail_submit.btn.btn-primary {display: inline-block;border:0;background:#037dc5;padding: 5px 30px;border-radius: 2px;float: right;}
.tx-powermail fieldset .powermail_submit.btn.btn-primary:hover {background:#029b4d;color: #fff;text-decoration: none;}

.tx-powermail p.note {margin-bottom: 5px;font-weight: initial;display: inline-block;}
.tx-powermail p.note a {display: block;}

div.formError + input,
div.formError + textarea,
.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {border:1px solid #c00;background: none;}

.tx-powermail .powermail_fieldset .parsley-errors-list {border: 0;background: none;margin: 5px 0;}
.tx-powermail .powermail_fieldset .parsley-errors-list>li {background: none;font-size: 14px;padding: 0;}




/* login */
.tx-felogin-pi1 form legend {display: none;}
.tx-felogin-pi1 form legend {display: none;}

.tx-felogin-pi1 form {padding-top: 15px;}
.tx-felogin-pi1 form label {font-weight: 400;}
.tx-felogin-pi1 form input {border: 0;background: rgba(0,0,0,.6);width: 100%;margin-bottom: 15px;max-width: 100%;}
.tx-felogin-pi1 form input[type="submit"] {color: #fff;display: inline-block;background: none;border-radius: 2px;width: auto;padding-left: 15px;padding-right: 15px;font-weight: 400;border: 2px solid #fff;}
.tx-felogin-pi1 form input[type="submit"]:hover {background:rgba(255, 255, 255, 0.75);color:#060606;text-decoration: none;border-color: rgba(255, 255, 255, 0.75);}