/*Main.CSS*/
@font-face {
  font-family:"l";
  src:url("../img/l.otf") 
}
@font-face {
  font-family:"b";
  src:url("../img/b.otf")
}

.suq{
 width: 873px;
 padding: 0px;
 font-family: 'r', sans-serif;
 border:2px solid #231f20;
 font-size: 13px;
 color: #231f20;
 margin: auto;
 line-height: 1.4;
}
.suq strong{
 font-weight: bold;
 font-family: 'b', sans-serif;
}
.suq img{
 border: none;
 max-width: 100%;
}

.suq ul{
 padding-left: 0px;
 margin-bottom: 4px;
 margin-top: 0;
}
.suq li {
 list-style-type: none;
 padding-left: 13px;
 text-align: left;
 position: relative;
 font-size: 12.4px;
 background: url("../img/2.png") no-repeat;
 background-position: left 3px;
 background-size: 6px auto;
}


.suq a {
 color: inherit;
 text-decoration: none;
}
.suq h1{
 font-size: 20px;
 margin: -8px 0px 5px 0px;
 line-height: 1.1;
 font-weight: normal;
 text-align: left;
}

.suq h1 strong {
 font-size: 26px;
}
.suq p{
 margin: 0px 0px 10px;
}
.suq .nd{
 padding: 148px 20px 0px 20px;
 /*background: url('../img/bg.png') no-repeat;*/
 background-size: 100% 100%;
}


.suq h2{
 font-weight: normal;
 margin: 0 0 0 0;
 font-size: 19.2px;
 color: #00558f;
 position: absolute;
 left: 16%;
 bottom: 20%;
 width: 141px;
 line-height: 1.3;
 text-align: center;
} 
.suq h3{
 font-weight: normal;
 margin: 0 0 7px 0;
 font-size: 13.4px;
} 

.suq .l {
 float: left;
 width: 48%;
 position: relative;
}

.suq .r {
 float: right;
 width: 47%;
}

.suq .a {
 text-align: right;
 padding: 8px 14px;
 margin: 0 0 -102px;
}

.suq .a img {
 max-width: 100%;
 width: 405px;
}

.suq p.p1 {
 font-size: 13.4px;
}


.suq .f {
 background: #00beb9;
 padding: 19px 20px 15px;
 font-size: 13.4px;
 margin: 11px 27px 0 0;
 color: #fff;
}

.suq p.p2 {
 font-size: 13.8px;
 margin: 0 0 6px;
}

.suq p.p3 {
 font-size: 13.8px;
 margin: -3px 0 0;
}

.suq .l1 {
 margin: 49px 0 0 256px;
 color: #fff;
}

.suq .l1 ul li {
 background: url('../img/3.png') no-repeat;
 background-size: 9px auto;
 background-position: left 3px;
 line-height: 1.2;
 margin-bottom: 6px;
}

.suq .l1 h3 {
 font-size: 16px;
 margin: 0 0 7px;
 line-height: 1.2;
}

.suq .l1 ul li {
 font-size: 16px;
}
/*---------bootraps------------*/

div{
 display: block;
}
.suq .clearfix:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
.suq .clearfix {
 display: inline-block;
}
.suq .clearfix {
 display: block;
}
* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.suq .img-responsive{
 max-width: 100%;
 display: block;
}

@media only screen and (max-width: 872px) and (min-width: 300px){
 .suq{
     width: 100%;
 }
 .suq .nd{
     padding: 10px 5%;
     background: #c8e8eb;
 }
 .suq .m_br br, li br{
     display: none;
 }

 .suq .l,.suq .r {
 float: inherit;
 padding: 0;
 width: auto;
 }

 .suq .l1 {
     margin: 10px 0 15px;
     background: #f6911e;
     padding: 10px 5%;
 }

 .suq h2.m_br {
     position: relative;
     left: 0;
     top: 0;
     background: #f6fbfb;
     padding: 10px;
     width: auto;
 }

 .suq .a {
     padding: 10px 5%;
     margin: 0 0 0;
 }

 .suq .f {
     margin: 0 0 0;
 }
}



/* bootstrap 4 alpha */
@media print {
    body * {
        font-size: 8pt !important;
        margin: 0 !important;
        max-width: 100%;
    }
    .nurjobansicht {
        display:none;
    }
    #sidebar, #footer {
        display:none;
    }
	.suq p {
		margin: 10px 0 !important;
	}
	.suq ul {
		padding-left: 10px !important;
	}
	.suq li {
		list-style-type: disc;
		padding-left: 0px !important;
	}
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
/* end bootstrap 4 alpha */