/***********************************************************/
/******  Layout CRM BWG Vesion 2017a                ********/
/***********************************************************/

@font-face {
    font-family: 'texgyreherosregular';
    src: url('fonts/texgyreheros_regular_macroman/texgyreheros-regular-webfont.eot');
    src: url('fonts/texgyreheros_regular_macroman/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/texgyreheros_regular_macroman/texgyreheros-regular-webfont.woff') format('woff'),
         url('fonts/texgyreheros_regular_macroman/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('fonts/texgyreheros_regular_macroman/texgyreheros-regular-webfont.svg#texgyreherosregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { padding : 0;  margin : 0; }
html{overflow-y:scroll}
body {font-family:'texgyreherosregular',verdana,arial,helvetica,sans-serif; color: #222; background: #fff; font-size: 89%; line-height: 1.5em; margin:0;  padding:0; text-align:center;  }

/*** Elemente ***/
hr { color: #2C64B3;  background: transparent;  margin:0;  padding:0.5em 0; margin-bottom: 1em; border:0; height: 1px; border-bottom: 1px #2C64B3 solid }

/*** Links ***/
a:visited,
a:link { color: #1E69D5;  text-decoration: underline;  }
a:hover { color: #F09A31; text-decoration: underline }


/*** langen Text abschneiden ***/

.Text770 {overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; width: 770px; }

/*** Formulare ***  */
fieldset { border:0; }

select,
input,
textarea { background: #fff;padding: 3px;border: 1px #666 solid; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;  }

a.actbtn, input[type=reset], input[type=submit], input[type=button]  {
-moz-border-radius:1em;-webkit-border-radius:1em;-o-border-radius:1em;border-radius:1em;
padding: 1em 2em; text-decoration:none!important; color:#fff!important; font-weight:bold; font-size:1.1em;
background: #c3d5e9; /* Old browsers */
background: -moz-linear-gradient(top,  #c3d5e9 0%, #9dbadb 1%, #578ac1 2%, #2768b1 4%, #1a4f9b 80%, #184a97 85%, #113d87 93%, #07246b 95%, #052065 96%, #286ab2 98%, #286ab2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3d5e9), color-stop(1%,#9dbadb), color-stop(2%,#578ac1), color-stop(4%,#2768b1), color-stop(80%,#1a4f9b), color-stop(85%,#184a97), color-stop(93%,#113d87), color-stop(95%,#07246b), color-stop(96%,#052065), color-stop(98%,#286ab2), color-stop(100%,#286ab2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c3d5e9 0%,#9dbadb 1%,#578ac1 2%,#2768b1 4%,#1a4f9b 80%,#184a97 85%,#113d87 93%,#07246b 95%,#052065 96%,#286ab2 98%,#286ab2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c3d5e9 0%,#9dbadb 1%,#578ac1 2%,#2768b1 4%,#1a4f9b 80%,#184a97 85%,#113d87 93%,#07246b 95%,#052065 96%,#286ab2 98%,#286ab2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c3d5e9 0%,#9dbadb 1%,#578ac1 2%,#2768b1 4%,#1a4f9b 80%,#184a97 85%,#113d87 93%,#07246b 95%,#052065 96%,#286ab2 98%,#286ab2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c3d5e9 0%,#9dbadb 1%,#578ac1 2%,#2768b1 4%,#1a4f9b 80%,#184a97 85%,#113d87 93%,#07246b 95%,#052065 96%,#286ab2 98%,#286ab2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3d5e9', endColorstr='#286ab2',GradientType=0 ); /* IE6-9 */
}

a.actbtn{display:inline-block;margin-bottom:1em;}
.hasbuttons{text-align:center}

input[type=reset],
input[type=submit],
input[type=button] { width: auto;overflow:visible;}
a.spbtn, a.actbtn:hover, input[type=reset]:hover,
input[type=submit]:hover, input[type=button]:hover {
background: #f7e9c9; /* Old browsers */
background: -moz-linear-gradient(top,  #f7e9c9 0%, #f2dca8 1%, #e8c269 2%, #e1b23f 4%, #d89d2c 80%, #d39426 88%, #cd8a1f 93%, #bd6d0e 95%, #ba680c 96%, #e2b340 98%, #e2b340 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7e9c9), color-stop(1%,#f2dca8), color-stop(2%,#e8c269), color-stop(4%,#e1b23f), color-stop(80%,#d89d2c), color-stop(88%,#d39426), color-stop(93%,#cd8a1f), color-stop(95%,#bd6d0e), color-stop(96%,#ba680c), color-stop(98%,#e2b340), color-stop(100%,#e2b340)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7e9c9 0%,#f2dca8 1%,#e8c269 2%,#e1b23f 4%,#d89d2c 80%,#d39426 88%,#cd8a1f 93%,#bd6d0e 95%,#ba680c 96%,#e2b340 98%,#e2b340 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7e9c9 0%,#f2dca8 1%,#e8c269 2%,#e1b23f 4%,#d89d2c 80%,#d39426 88%,#cd8a1f 93%,#bd6d0e 95%,#ba680c 96%,#e2b340 98%,#e2b340 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7e9c9 0%,#f2dca8 1%,#e8c269 2%,#e1b23f 4%,#d89d2c 80%,#d39426 88%,#cd8a1f 93%,#bd6d0e 95%,#ba680c 96%,#e2b340 98%,#e2b340 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7e9c9 0%,#f2dca8 1%,#e8c269 2%,#e1b23f 4%,#d89d2c 80%,#d39426 88%,#cd8a1f 93%,#bd6d0e 95%,#ba680c 96%,#e2b340 98%,#e2b340 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e9c9', endColorstr='#e2b340',GradientType=0 ); /* IE6-9 */
}

input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=text]:focus,
textarea:focus { border-color: #D47C2B; -moz-box-shadow:0 0 4px #bbb; -o-box-shadow:0 0 4px #bbb; -webkit-box-shadow:0 0 4px #bbb; box-shadow:0 0 4px #bbb; }
input[type=radio],
input[type=checkbox] { background:transparent none repeat scroll 0% 50%;  border:0pt none; }
option { padding-left: 0.4em;  padding-right: 1.0em; }

.flrw, .frmtxt {padding:1em 0 1em 0}
.frmtxt form {max-width:700px;}
.frmtxt a, .flrw a {margin-right:1em; margin-bottom:8px; letter-spacing:0.7px; display:inline-block; }
.frmtxt a:last-child, .flrw a:last-child {margin-right:0!important}
.frmtxt .z1, .frmtxt .z2 { width: 49%; float:left;}
.frmtxt .z1{ margin-right:1%;}

/*** Überschriften und Textauszeichnungen ***  */
h1,h2,h3,h4,h5,h6 { margin-top: 1.2em; margin-bottom: 0.2em; letter-spacing:0.7px; font-weight:normal; color:rgb(40, 105, 178); line-height:1.2em;}
h1  { font-size: 2.2em; margin-top:0.7em;font-weight:300 }
h2  { font-size: 1.8em; }
h3  { font-size: 1.6em; }
h4  { font-size: 1.4em; }
h5  { font-size: 1.2em; }

pre { font-family: "Courier New", Courier, monospace }
dt, strong, b { font-weight: bold }
i, em { font-style: italic }

p, ul, blockquote, cite {  margin-top: 0.3em; margin-bottom: 1.4em; font-size: 1em }
blockquote, cite { width: auto }
cite { font-style: italic }
ul, ol, dl {  padding: 3px; padding-left: 1.8em }
li { margin-bottom: 0.5em }


/*** Hilfsklassen ***/
.ndsp { display:none }
.bigger { font-size:1.2!important }
.leftfloat { float: left; margin-right: 200px; }
.rightfloat { float: right; margin-left: 200px; }
.firsth { margin-top:0!important }
img.bordered { border: 1px solid #ccc;  padding: 1px }
img.leftfloat { margin-right: 20px }
img.rightfloat { margin-left: 20px }
.bordered { border: 1px solid #ccc;  }
.bordered,
.lighted {  padding: 0.6em; }
.padded { padding: 1em; }
.right  { text-align: right; }
.dotted {  border: 1px dotted #ccc;  }
.noborder {  border: 0px;  }
.nopadding {  padding: 0!important;  }
.nomargin {  margin: 0!important;  }
.highlight {  padding: 5px;  background-color: #F3F7FA;  border: 1px solid #ccc;  color: #111; }
.lighted {  background-color: #F3F7FA;  border: 1px solid #ccc;  color: #111; }
.alert {  color: #c00;  }
.round { -moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; }
.smaller { font-size: 0.9em; }
.shadowed { -moz-box-shadow:2px 2px 5px #ddd; -o-box-shadow:2px 2px 5px #ddd; -webkit-box-shadow:2px 2px 5px #ddd; box-shadow:2px 2px 5px #ddd; }
.cleaner { clear: both; height: 0px; padding:0px; margin: 0px; border: 0px; overflow: hidden }
.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}

/*** SEITENLAYOUT ***/
#container_page { position: relative; max-width: 1280px; margin: 0 auto; text-align:left; background: #f3f7fa }
#navilink { max-width: 1280px; margin: 0 auto; text-align:left; font-size: 80%; }
#mainbck0 { background: #f3f7fa; background-size:100% auto; }
#mainbck1 { background: #f3f7fa url('img/skin/back.jpg') 0 100% no-repeat; background-size: 100% auto;}
#hdimg { text-decoration:none; float:left; margin-bottom:1em; }
#header { padding:2em 6.5% 0 6.5%}
#detailcnt{ padding:1em 6.5%; border-top: 2px solid rgb(40, 105, 178); border-bottom: 1px solid rgb(40, 105, 178);}
#detailcnt_inner { max-width: 1024px;}

#navitems {float:right; list-style-type:none; margin:0; padding:0;padding-top:0.7em }
#navitems li {float:left; margin:0; padding:0;}
#homebtn, #srbtn, #lgbtn {text-decoration:none; width:35px;height:35px;display:inline-block;background:url('img/skin/home.png') 0 0 no-repeat; background-size:90%;}
#konbtn {text-decoration:none; width:35px;height:35px;display:inline-block;background:url('img/skin/kontakt.png') 0 0 no-repeat; background-size:90%; padding-right:10px;}
#srbtn {border:0; padding-left:0; margin-left:-10px; background:url('img/skin/suche.png') 0 2px no-repeat; background-size:95%;height:38px}
#konbtn, #homebtn, #lgbtn{margin-top:3px}

#loginbox {background: #f3f7fa url('img/skin/login_bck.png') 0 100% no-repeat; background-size: auto 100%;min-height:600px; margin-bottom:3em;}
#logincnt {padding: 90px 0 0 320px; max-width:550px; }
#loginform {abackground:yellow; }
#loginform label {font-size:1.2em; min-width: 150px; display:inline-block; font-weight:bold;}
#loginform br {clear:both; width:100%; display:block; height:6px;}
#loginform input[type="text"], #loginform input[type="password"] { font-size:1.2em; margin-bottom:2em; min-width:250px; padding: 8px 6px; }
#loginform input[type="submit"] { float:right; width:auto!important; margin-right:2em; }
#logincnt h2 {color:#222; font-weight:bold;}
.lg-spacer {height:80px;}
#resend-pw{float:left; width:200px;padding-top:12px;}

#homebtn:hover {background:url('img/skin/home-a.png') 0 0 no-repeat; background-size:90%;}
#srbtn:hover { background:url('img/skin/suche-a.png') 0 2px no-repeat; background-size:95%;}

#konbtn {border:0; margin-left:1em; background:url('img/skin/kontakt.png') 0 0 no-repeat; background-size:90%;}
#konbtn:hover {background:url('img/skin/kontakt-a.png') 0 0 no-repeat; background-size:90%;}
#lgbtn {border:0; margin-left:1em; margin-right:1em; background:url('img/skin/login.png') 0 0 no-repeat; background-size:90%;}
#lgbtn:hover {background:url('img/skin/login-a.png') 0 0 no-repeat; background-size:90%;}

#vidbtn,#txtbtn {text-decoration:none; margin:0 0 0 0; display:inline-block; text-transform:uppercase; font-weight:bold; width:160px;height:46px;}
#vidbtn span, #txtbtn span {font-size:12px; display:block; padding-top:12px;}
#vidbtn span {text-align:left; padding-left:20px;}
#txtbtn span {text-align:right; padding-right:32px;}

#vidbtn {background:url('img/skin/s-pos1.png') 0 0 no-repeat; display:none; background-size:90%}
#txtbtn {background:url('img/skin/s-pos2.png') 0 0 no-repeat; display:none; background-size:90%}

#suchbegriff {border:0; background:url('img/skin/sinp.png') 0 0 no-repeat; background-size:90%; width:240px; height:40px; text-align:center; font-size: 110%; padding:0 20px 0 6px}
input#srbtn, input#suchbegriff {outline: none; -webkit-appearance:none; -moz-box-shadow:none; -o-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; padding-left:0;}

#vidcnt {text-align: center;}
#vidframe { border:0!important; }
#header p { line-height:1.1em; font-size:1.2em; padding-top:8px;}
#txtbox { min-height:400px; background:#fff; margin:0 -1%; }
#maincnt0 { padding: 0 6.5% 0 6.5% }
#maincnt1 { padding: 0 6.5% 450px 6.5% }
#footer0 { text-align:center; background:#f3f7fa;}
#footer1 { text-align:center; background:rgba(255, 255, 255, 0.64);}
#footer p { padding:6px; margin:0 }

#tabbox { min-height:400px; margin-bottom:3em;}
.dtl-tab {border: 1px solid rgb(40, 105, 178); background:#fff; margin-bottom:1em; padding:12px;}
.dtl-tab h2 {margin-top:0;}

.tabnav { margin:0; padding: 0; padding-left:1px; border: 0; list-style-type: none; display: block; margin-bottom:-1px;}
.tabnav li {padding:0; margin:0; margin-left:-1px; margin-right: 5px; border: 1px solid rgb(40, 105, 178); display: block; float: left;}
.tabnav li a {background-color: rgba(255, 255, 255, 0.64); font-size: 1.2em; text-decoration: none; display:inline-block; padding: 8px 1.5em; margin: 0px;}
.tabnav li.current a {background-color:#fff!important; font-weight: bold;}
.tabnav li.current {border-bottom:1px solid #fff;}

#nv-prd a {padding-left:35px; background:url('img/skin/produkte.png') 3px 5px no-repeat; background-size:20%}
#nv-prd a:hover {background-image: url('img/skin/produkte-a.png') }
#nv-kun a {padding-left:35px; background:url('img/skin/kundendaten.png') 3px 3px no-repeat; background-size:20%}
#nv-kun a:hover {background-image: url('img/skin/kundendaten-a.png') }
#nv-psw a {padding-left:30px; background:url('img/skin/passwort.png') 3px 4px no-repeat; background-size:20%}
#nv-psw a:hover {background-image: url('img/skin/passwort-a.png') }


.avPlayerWrapper .avPlayerContainer { background-clip: padding-box; background-color: #ffffff; background-image: -moz-linear-gradient(center top , #ffffff, #ffffff); }

div.frm { text-align: left; margin-right:0!important}
.frm label {width: 34%; text-align:right; display:block; float:left; padding-right:3% }
.frm input {width: 60%; float:left; margin-bottom:6px; }
.frm form br {clear:both; width:100%; display:block; height:6px; }
.frm input[type="submit"] { float:right; width:auto!important }

/*** eigene Klassen ***/
.hup { width:100%; }
.isel { float:left; width:20px; height:14px; padding-top:4px; }
.lbl { margin-left:20px; }
.prs { clear:both; font-size:x-small; }
.ffld {float:left; width:230px; }

@media all and (min-width: 1024px) {
.flrw { text-align: center; float:right; width:27%; margin-right:1%}
#vidframe {float:left; max-width:70%; }
.frmtxt a:last-child, .frmtxt a, .flrw a:last-child, .flrw a {margin:0 1em 1em 0!important; display:inline-block; min-width:80%; text-align:center; }
.frmtxt a:last-child, .flrw a:last-child {margin-bottom:0!important; }
#txtbox { padding:0 1em 0 0;}
#txtcnt { padding:1em}
#vidcnt {text-align:left;}
}

@media all and (max-width: 1200px) {
#maincnt1 { padding-bottom: 440px }
}

@media all and (max-width: 1168px) {
#vidframe { height: 400px; }
#maincnt0 { padding-bottom: 0}
.frm label {width: 37%; font-size:0.9em; padding-right:2% }
.frm input {width: 55%; }
#maincnt1 { padding-bottom: 420px }
.frm label {width: 37%; font-size:0.9em; padding-right:2% }
.frm input {width: 55%; }
}

@media all and (max-width: 1100px) {
#vidframe { height: 370px }
#txtbox { min-height:320px; }
#maincnt1 { padding-bottom: 400px }
}

@media all and (max-width: 1024px) {
#vidframe { height: 355px }
#txtbox { min-height:260px; }
#maincnt1 { padding-bottom: 360px }
}

@media all and (max-width: 1023px) {
.frm input[type="submit"] { margin-right:1em; }
.flrw { width:100%; float:none; background-color:#f3f7fa;}
#unten_e, #unten_n, #unten_a, #unten_f {margin-top: 0; }
.frm { background-color:#fff;}
.z1, .z2 { width: 45%; float:left;}
.z1{ margin-right:1%;}
.frmtxt a, .frmtxt a:last-child, .flrw a:last-child, .flrw a {width:auto; }
#container_page img, #container_page iframe, #container_page textarea, #container_page pre,
#container_page input, #container_page form, #container_page table, #container_page object {max-width:100%!important}
#container_page img { height: auto!important; }
#vidcnt {text-align: center;}
#container_page iframe#vidframe { width:620px; float:none;}
}


@media all and (max-width: 1000px) {
#hdimg {float:none; }
#maincnt1 { padding-bottom: 370px }
#navitems {padding-top:1em; }
#suchbegriff, #txtbtn, #homebtn, #lgbtn, #srbtn, #vidbtn {background-size:100% auto!important}
#homebtn {width:28px;height:28px;}
#srbtn {width:28px;height:36px; background-position:0 0; margin-left:0;}
#srbtn:hover {background-position:0 0; }
#vidbtn, #txtbtn {width:120px;height:36px;}
#vidbtn span, #txtbtn span {font-size:13px; padding-top:8px;}
#vidbtn span {padding-left:12px;}
#txtbtn span {text-align:right; padding-right:12px;}
#suchbegriff {width:175px; padding:0 10px 0 2px}
#txtbox { min-height:0;  }
}

@media all and (max-width: 900px) {
h1 {font-size:3em;}
#maincnt1 { padding-bottom: 310px }
#header p { font-size:1.1em; }
.tabnav li a {font-weight:normal; font-size:1em; padding:6px 1em;}
}

@media all and (max-width: 820px) {
h1 {font-size:2.5em; line-height:1.1em; }
#maincnt1 { padding-bottom: 290px }
#homebtn, #srbtn, #konbtn, #lgbtn {width:28px;height:28px;}
#srbtn {height:36px;}
#vidbtn, #txtbtn {width:110px;}
#vidbtn span, #txtbtn span {font-size:11px; padding-top:6px;}
#vidbtn span {padding-left:12px;}
#txtbtn span {text-align:right; padding-right:12px;}
#suchbegriff {width:160px; height:35px; }
#header, #maincnt1, #maincnt { padding-left:1em; padding-right:1em;}
}

@media all and (max-width: 768px) {
#maincnt1 { padding-bottom: 292px }
#loginbox {background-size: auto 95%;min-height:400px;}
#logincnt {padding: 70px 0 0 200px; max-width:360px; }
.lg-spacer {height:10px;}
#loginform label { font-size:1em; min-width:120px; }
#loginform input[type="text"], #loginform input[type="password"] { font-size:1em; margin-bottom:1em; min-width:190px; padding: 6px; }
#loginform input[type="submit"] { font-size:1em; }
#resend-pw{width:140px; font-size:0.9em;}
}

@media all and (max-width: 750px) {
.z1, .z2, .frmtxt .z1, .frmtxt .z2 { margin:0; width:auto; float:none;}
.frm input[type="submit"] { margin-right:1em; }
h1 {font-size:2.2em;}
#maincnt1 { padding-bottom: 288px }
#homebtn, #srbtn, #konbtn, #lgbtn {width:24px;height:24px;}
#vidbtn, #txtbtn {width:100px;height:30px;}
#vidbtn span, #txtbtn span {font-size:10px; padding-top:5px;}
#vidbtn span {padding-left:10px;}
#txtbtn span {text-align:right; padding-right:10px;}
#suchbegriff {width:135px; height:28px;}
#srbtn {height:34px;}
.frmtxt a, .flrw a {margin-right:1.5em; font-size:1em;}
}

@media all and (max-width: 650px) {
#maincnt1 { padding-bottom: 220px }
#navitems {width:100%; padding:0.5em 0 0 0; margin:0.5em 0; border-top: 1px solid rgb(40, 105, 178); border-bottom: 1px solid rgb(40, 105, 178); }
#container_page img#hdimg { max-width: 80%!important; }
#vidframe { height: 300px }
.frmtxt a, .flrw a {margin-right:1em; font-size:0.9em;}
.tabnav li a {font-weight:normal; font-size:1em; padding:6px;}
#nv-prd a {padding-left:28px; }
#nv-kun a {padding-left:28px; }
#nv-psw a {padding-left:24px; }
}

@media all and (max-width: 600px) {
#vidframe { height: 275px; }
#suchbegriff{font-size:100%}
}

@media all and (max-width: 550px) {
h1 {font-size:2em;}
#header p { font-size:1em; }
#maincnt1 { padding-bottom: 180px }
#vidframe { height: 250px; width:450px; }
.frmtxt a, .flrw a {font-size:0.8em;padding:1em; }
#loginbox {background-image:none;min-height:0;}
#logincnt {margin:10px;padding:10px;max-width:100%; background:#fff; -moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px; -o-border-radius:8px; box-shadow:0 0 10px #ccc}
#logincnt h2 {margin-top:10px; }
#loginform input[type="submit"] { margin-right:0 }
.tabnav li a {font-size:0.8em;padding:2px 6px;}
}

@media all and (max-width: 480px) {
h1 {font-size:1.8em;}
#vidframe { height: 220px;}
#maincnt1 { padding-bottom: 170px }
}

@media all and (max-width: 450px) {
#vidframe { height: 200px }
.frmtxt a, .flrw a {font-weight:normal;font-size:0.7em; }
#nv-prd a, #nv-kun a, #nv-psw a, #nv-prd a:hover, #nv-kun a:hover, #nv-psw a:hover {padding-left:6px; background-image:none; }
}

@media all and (max-width: 400px) {
h1 {font-size:1.6em;}
#vidframe { height: 180px }
.frmtxt a, .flrw a {margin:1em 0.5em 0 0!important; font-size:0.5em; padding:0.5em 1em; }
}

@media all and (max-width: 360px) {
h1 {font-size:1.4em;}
#vidframe { height: 160px }
}


@media all and (max-width: 320px) {
#vidframe { height: 150px }
}