/* ########## Festlegungen Beginn ########## */
/* Steiner-Blue: #0c7fba neu: #003362 */
/* ########### Festlegungen Ende ########### */

body {
	letter-spacing: 0;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-size: 16px;
}

h1, h2, h3, h4 {font-family: 'Martel', serif; line-height:1.2!Important;}
h2 {
	margin-bottom: 20px!Important;
	margin-top: 60px!Important;
  color:#003362!Important;
  font-weight:bold;
}
h3 {font-size:26px!Important;}
h4 {font-size:18px;}
a {color:#0079b7;}
a:hover {color:#106fa0;}
.error {color:#cc0000;}
.mt-65px {margin-top:65px;}
.mt-100px {margin-top:100px;}
.mt-150px {margin-top:150px;}
.bgDotted {background: url(/static/steiner2019/assets/img/teckture-bg-2.png) repeat scroll; background-color: #f9fafa;}
.container.containerNarrow {max-width: 1024px!Important;}
.container.containerWide {max-width:1480px;}
.side_menu .menu-list {top: 12vh; max-height: 70vh;}
.inline1pxtop {display: inline-block; position: relative; top: 1px;}
.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -150px;}
/*.spec_item p + ul{margin-top:-20px;margin-bottom:30px;}*/

header {background-color:rgba(255,255,255,0.87);border-bottom:6px solid #263a4f;}
.header_menu_area .logo-container{background: white;height:85px; position: absolute;width: 280px;top:20px;border-bottom:6px solid #263a4f;box-shadow: 0px 1px 10px rgba(0,0,0,0.25);}
.header_menu_area.navbar_fixed .logo-container{height:65px;}
.header_menu_area .logo-container .navbar-brand{position: relative;margin:18px auto;width:230px;display: block;}
.header_menu_area.navbar_fixed .logo-container .navbar-brand{margin:10px auto;}
.header_menu_area .logo-container .navbar-brand img {width:230px;height: auto;}
.header_menu_area .navbar.navbar-expand-lg {padding:0 15px!important;}
.header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav{text-align:right;}
.mobile_menu .logo img {height: 3em;}
.dark_menu.navbar_fixed {top: -71px;}
.breadcrumb_link a:before {content:"";}
.breadcrumb_link a:first-child {margin-right: 0;}
.main_title h1 {color: #003362; font-size: 40px; font-weight: bold;/* text-transform: uppercase;*/ margin-bottom: 0px;}

.btn {padding: 3px 20px;}
.btn-ciColor {
    color: #f8f8f8;
    background-color: #003362;
    border-color: #003362;
}
a.btn-ciColor:hover {
    color: #fff!Important;
    background-color: #0e8ccd;
}
.btn span.lnr:before {
	top: 2px;
  position: relative;
}

.right_contact_form .contact_us_form .form-group input {
	background-color: #ffffff88;
  color: #263a4f!Important;
  font-size:16px;
  padding: 0 10px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9d9d9d!Important;
  opacity: 1; /* Firefox */
  font-size:16px;
}
.contact_area2 .right_contact_form .contact_us_form .form-group textarea {
	background-color: #ffffff88;
  padding: 10px;
}
.contact_area2 .left_contact_details p,
.contact_area2 .left_contact_details p a {
	font-size:16px;
}
.contact_area2 .left_contact_details img {width:300px;}
.contact_area2 .left_contact_details p {margin: 20px 50px;}
.left_contact_details a {display: inline;}

.form-check-input {
	margin-left:-5px;
  position: relative;
  top: 4px;
  height:20px!Important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #9d9d9d!Important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #9d9d9d!Important;
}

.header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li a {font-size: 16px;}
.header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li {margin-right: 40px;}
.home_slider .rev_slider .tp-bullet {box-shadow: rgb(51, 51, 51) 1px 1px 2px;}
.link_btn a {font-size: 26px!Important;}
.intes_studio_area .studio_img .years_text .years_text_inner h2.bigH2 {
    /*color: #263a4f!Important;*/
    font-size: 105px;
    font-weight: bold;
    font-family: "Martel", sans-serif;
    margin-bottom: 0px;
}
section.breadcrumb_link {font-size: 16px; letter-spacing: 1.6px; padding-top:160px;}
section.banner_map+section.breadcrumb_link {padding-top:60px;}
.intes_studio_area {padding-top:60px;}
.years_text .years_text_inner {text-shadow: 1px 1px 1px #fff;}
.white_cl.intes_studio_area .studio_img .years_text .years_text_inner h4 {font-size: 26px;}
.studio_text p {margin-bottom: 10px;}
.studio_text2 h3 {
  font-size: 28px;
  line-height: 48px;
  font-family: "Martel", sans-serif;
  font-weight: bold;
  /*text-transform: uppercase;*/
  margin-bottom: 35px;
}
.our_projects_area .projects_tt {padding-bottom: 40px;}
.projects_item .hover .project_text {left: 20px; right:20px; bottom: 30px;}
.projects_item .project_text {text-shadow: rgb(51, 51, 51) 3px 3px 3px;}
.isotope_fillter {margin-top: 0;}
.latest_project .l_text {padding-bottom: 0;}

.clients_area {padding-bottom: 60px}
.clients_slider {padding-top: 50px;}
.our_press_area, .contact_area2 {padding-top: 60px; padding-bottom: 0;}
.newsDateBox .dateRowTop {color:#fff; font-size: 30px; text-align: center; background-color: #39afeb; padding: 8px 0;}
.newsDateBox .dateRowMiddle {color:#fff; font-size: 22px; text-align: center; background-color: #003362; padding: 4px 0;}
.newsDateBox .dateRowBottom {color:#000; font-size: 16px; text-align: center; background-color: rgb(227,227,227);}
.s_blog_text_inner .blog_main_text h5 {margin-bottom: 15px;}
/*.contact_area2 {padding:unset!Important;}*/
.right_contact_form h4 {margin-bottom: 50px; margin-top: 10px;}
.speciallization_area h4 {font-size: 22px;text-transform:unset;}

.clients_slider .item {cursor: unset;}
.itemMiniteaser img {height:54px;}
.white_cl .clients_slider .item img {opacity:.5;}

.sidebar .item h4 {margin-bottom:0;}
.sidebar .l_wd_title h3 {
  margin-bottom: 20px;
}
.sidebar .r_post_wd .media .media-body h4 {
  font-size: 18px;
}
.sidebar .r_post_wd .media .d-flex {
  margin-right: 10px;
  padding:unset!Important;
}

footer h5 {font-size: 16px; color: #263a4f;}
footer a {color:#8d9aa8;}
.footer_area {padding-top: 70px;}
.footer_area .navbar-brand img {height:30px;}
.footer_area .footer_widgets .f_widgets_item {flex: 0 0 25%; max-width: 25%;}
.footer_area .footer_widgets {padding-bottom: 0;}
.f_contact a {display: inline;}
.footer_copyright {text-align: left; padding-top: 15px!Important; padding-bottom: 0!Important;}
.footer_copyright > div {margin-bottom: 0!Important;}
.footCol ul {padding:0;}
.footCol li {list-style-type: none;}

#extIframe body.chrome {overflow: hidden;}
div.media.item p {line-height: 1.3!Important;}
.spec_item {margin-bottom: 30px;}
.spec_item:last-of-type {margin-bottom: 0;}
.spec_item p {
	margin:0;
  line-height: 20px;
}
.spec_item img {
  -webkit-box-shadow: 3px 3px 3px 0px rgba(186,186,186,1);
  -moz-box-shadow: 3px 3px 3px 0px rgba(186,186,186,1);
  box-shadow: 3px 3px 3px 0px rgba(186,186,186,1);
}
.spec_item h4 {
	margin-top: 15px;
	margin-bottom: 0;
  text-transform: unset;
}
.white_cl .spec_item h5 {
  color: #263a4f;
  font-family: 'Martel', serif;
}
.spec_item h5 {
  margin-top: 15px;
  margin-bottom: 0;
}
.spec_item h5 {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  /*text-transform: uppercase;*/
  margin-bottom: 15px;
  margin-top: 40px;
  line-height: 1.4;
}
.borderShadow {
  box-shadow: 3px 3px 3px 0px rgb(186 186 186);
  border: 1px solid #dee2e6!important;
}
.itemAp h5 {margin:0!Important;}
.itemAp h6:nth-of-type(2) {margin-top:0!Important;}

.press_item {margin-top: 15px; margin-bottom: 15px;}
.press_img_item .date, .press_item .date {margin-bottom: 0; line-height: 1.5;}
.projects_item .hover .project_text h4 {font-size: 22px;}
.blog_main_text p {margin-bottom: .5rem!Important;}

.projects_inner .projects_item .hover .project_text h5 {
  margin-top: 5px;
  margin-bottom: 0;
}
.projects_inner .projects_item .hover .project_text h6 {
  margin-bottom: 0;
}

.projects_item:hover .hover {
  background: #0c7fba80;
}

.maDetail h4{
  margin-bottom: 0;
  margin-top: .5rem;
}
.project_villa_area .villa_text {
  margin-bottom: 0;
}
.s_blog_text_inner .blog_main_text {
  padding-bottom: 25px;
}

footer .f_title {
  margin-bottom: 15px;
  font-weight: 600;
}
.footer_copyright img {
	height:40px;
  margin-right:20px;
}

/* ########## Styling für verschiedene Displaygrößen Beginn ########## */
@media only screen and (max-width: 575.98px) {
  body {font-size:16px; color:#666;}
  h1 {font-size:22px!Important;}
  h2 {font-size:20px!Important;/*text-transform: uppercase;*/ margin-bottom: 20px!Important; color:#003362!Important; font-weight:bold; font-size: 42px;}
  h3 {font-size:18px!Important;}
  h4 {font-size:18px!Important;}
  .maDetail h4{font-size: 16px!Important; margin-bottom: 3px!Important;}
  .maDetail h1{font-size: 28px!Important;}
  .s_blog_text_inner .blog_main_text {
    padding-bottom: 0;
  }
  .blog_main_text > p:first-child {
    margin-top: 1.5rem!important;
  }

	section.breadcrumb_link {padding-top:120px;}
	section.banner_map {padding-top:40px;margin-top:51px;}
	section.banner_map+section.breadcrumb_link {padding-top:40px;}
  .studio_text p, .white_cl {color:unset!Important;}
  .years_text {transform: scale(0.7)!important; left: 48%!important; top: 50%!important;}
	.years_text .years_text_inner {text-shadow: 2px 2px 2px #263a4f!important;}
	.years_text .years_text_inner h2.bigH2 {font-size: 105px!Important;}
	.years_text .years_text_inner h2.bigH2>h2 {font-size: 48px!Important;}
	.years_text .years_text_inner h2.bigH2,
	.years_text .years_text_inner h2,
	.years_text .years_text_inner h4
	{color:#fff!important; line-height: 0.9;}
  .spec_item p {font-size: 16px; max-width:unset; color:unset!Important;}
  .press_item_inner {margin-top: 15px;}
  .banner_map .mapBox {min-height: 200px;}
  .aktuellTop {line-height: 1.3; margin-bottom: 20px;}
	.contact_area2 .left_contact_details p {margin-left: 0;}
	footer {font-size:18px;}
  footer .f_title, footer h4 {margin-bottom: 5px;}
  footer p, footer ul {margin-bottom: 20px!Important;}

  .footer_copyright .middle_text .list li a {font-size: 16px;}
}

@media only screen and (min-width: 576px) and (max-width: 991.98px) {
	section.banner_map {margin-top:88px;}
}
@media only screen and (min-width: 576px) {
  .banner_map .mapBox {min-height: 320px;}
  .blog_main_text > p:first-child {
    margin-top: 3rem!important;
  }
}
@media only screen and (max-width: 991.98px) {
  .footer_copyright {margin: 50px 0 0; padding: 40px 0px;}
	.breadcrumb_link {font-size:14px!Important;}
	.side_menu ul.menuSecondLayer {margin-left: 20px;}
  .side_menu .menu-list li ul li:first-child {margin-top: 5px;}
  .side_menu .menu-list li ul li a {font-size: 1.1rem;}
}
@media only screen and (min-width: 992px) {
  .header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li.submenu .dropdown-menu {
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease-out;
  }
	section.banner_map {margin-top:94px;}
  .dark_menu .navbar.navbar-expand-lg .nav.navbar-nav li:hover.submenu .dropdown-menu {top: 80%;}
  /*.dark_menu .navbar.navbar-expand-lg .nav.navbar-nav li:hover.submenu .dropdown-menu {top: 90%;}*/
  .dark_menu .navbar.navbar-expand-lg .nav.navbar-nav li.submenu .dropdown-menu {top: 120%;}
  .footer_copyright {margin: 30px 0px;}

}
@media only screen and (min-width: 992px) and (max-width: 1023.98px) {
	.header_menu_area .navbar-brand img {height: 2.1em;}
}
/* ########### Styling für verschiedene Displaygrößen Ende ########### */

/* ########## Styling für optimierte Galerie Beginn ########## */
.thumbnail .caption {min-height: 200px;}
.thumbnail .caption p {font-size:14px; line-height:1.5;}
.thumbnail .caption .block {line-height:1.2;}

.box-content.thumbnail p {height:auto;}
.box-content.thumbnail {max-width:none;}
.box-content.thumbnail3viertel {max-width:none; margin-bottom: 30px; background-color: #f8f8f8; overflow: hidden; position: relative;border: 1px solid #e1e1e1;}
@media only screen and (max-width: 699.98px) {
	.box-content.thumbnail3viertel {padding: 0;}
}
@media only screen and (min-width: 700px) {
	.box-content.thumbnail3viertel {padding: 5px; padding-top: 0;}
}
.box-content.thumbnail .clearfix.margin-bottom10.showMore {font-size:14px;}

div.box-content.thumbnail>span {
	display: inline-block;
  height: auto;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1.2;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0;
}
div.box-content.thumbnail3viertel>span {
	display: inline-block;
  height: auto;
  background-color: rgba(207, 207, 207, 0.75);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1.2;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0;
}
.row.lightbox .thumbnail {line-height:0; display:inherit;}
.modal-content {background-color:transparent; border:none; width: auto; margin: auto;}
.modal-content div.ekko-lightbox-item img {border: 2px solid #fff; border-radius: 6px;}
.modal-content div#picDesc {z-index: 10;color: white;}
.modal-content button {position: absolute; right: 24px;}
.modal-body {text-align: center; padding: 0 15px 0 30px;}
.modal-backdrop {opacity:0.75 !important;}
.modal-content div#bigPic {border: 2px solid #fff; border-radius: 10px; overflow: hidden;}
.close {font-size: 2rem; color: #cc0000; text-shadow: 1px 1px 0 #fff; opacity:1;}
.close:hover {font-size: 2rem; color: #f00!Important; text-shadow: 1px 1px 0 #fff; opacity:1;}
.ekko-lightbox .modal-dialog {
  flex: 100%!important;
  margin-left: 0;
  margin-right: 0;
}
.ekko-lightbox-nav-overlay a span {text-align: left;}
.ekko-lightbox .modal-footer {
  text-align: left;
  background-color: #ddd;
  position: absolute;
  bottom: -20px;
  border: 0;
  border-radius: 6px;
  padding: 5px 20px;
}
/* ########### Styling für optimierte Galerie Ende ########### */

/* ######### Styling Editorfelder für Redakteure Beginn ######### */
#designbody {font-size:14px;}
/* ########## Styling Editorfelder für Redakteure Ende ########## */

/* ########## Styling Editbutton für Redakteure Beginn ########## */
@media only screen and (min-width: 768px) {
  .showEditButtons {display:block !important;}  
  .editButtonForm {display: inline-block;padding: 0;margin: 0;}
  .editGlobalButtonMenue {
    padding:0;
    background: rgb(243,247,206);
    background: -moz-linear-gradient(top, rgba(243,247,206,1) 0%, rgba(202,226,178,1) 100%);
    background: -webkit-linear-gradient(top, rgba(243,247,206,1) 0%,rgba(202,226,178,1) 100%);
    background: linear-gradient(to bottom, rgba(243,247,206,1) 0%,rgba(202,226,178,1) 100%);
    color: #648148;
  }
  .editGlobalButtonMenueGn {
  	padding:0;
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
		background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
  }
  .editButtonMenue {
  	margin: 6px;
    padding: 0 5px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
    display:none;
    font-size: 14px;
  }
  .editButtonContainer {
    margin: 6px;
    padding: 0px 5px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(206, 221, 56);
    background: -moz-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    background: linear-gradient(to bottom, rgba(206, 221, 56, 1) 0%, rgba(123, 180, 67, 1) 100%);
    color: #324F15;
    display: none;
		/*
    position: absolute;
    right: 0;
    top: 0;
    */
    z-index:10;
    font-size: 14px;
  }
  
  .hideEditButtons {display:none;}

	#penGlobal {
    padding: 0 5px;
    margin-left: 4px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 30px;
    display: inline-block;
  }
  #copyGlobal {
    padding: 0 15px;
    border: none;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background: rgb(251, 202, 37);
    background: -moz-linear-gradient(top, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    background: linear-gradient(to bottom, rgba(251, 202, 37, 1) 0%, rgba(254, 85, 74, 1) 100%);
    font-size: 30px;
    color: #813E00;
    display: inline-block;
  }
  .whitebgcorner{
  	position: fixed;
    background: rgba(255, 255, 255, 0.9);
    z-index: 10000;
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-bottom-right-radius: 10px;
    padding: 10px;
  }

	.whitebgscroll{
  	position: absolute;
		margin-top: 10px;
		z-index: 999;
    background: rgba(255, 255, 255, 0.9);
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
  }
  
  .row form.editButtonForm {display: inline;}

}

@media only screen and (max-width: 1023.98px) {
  .editButtonForm, .whitebgcorner {display:none;}
  .editGlobalButtonMenue, .editButtonContainer, #penGlobal {display:none;}
  .editButtonMenue, .editButtonContainer, #penGlobal {display:none;}
}

/* ########### Styling Editbutton für Redakteure Ende ########### */

@font-face {
    font-family: 'Martel';
    src: url('/static/steiner2019/assets/fonts/Martel-Bold.woff2') format('woff2'),
        url('/static/steiner2019/assets/fonts/Martel-Bold.woff') format('woff'),
        url('/static/steiner2019/assets/fonts/Martel-Bold.svg#Martel-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martel';
    src: url('/static/steiner2019/assets/fonts/Martel-UltraLight.woff2') format('woff2'),
        url('/static/steiner2019/assets/fonts/Martel-UltraLight.woff') format('woff'),
        url('/static/steiner2019/assets/fonts/Martel-UltraLight.svg#Martel-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martel';
    src: url('/static/steiner2019/assets/fonts/Martel-DemiBold.woff2') format('woff2'),
        url('/static/steiner2019/assets/fonts/Martel-DemiBold.woff') format('woff'),
        url('/static/steiner2019/assets/fonts/Martel-DemiBold.svg#Martel-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martel';
    src: url('/static/steiner2019/assets/fonts/Martel-Regular.woff2') format('woff2'),
        url('/static/steiner2019/assets/fonts/Martel-Regular.woff') format('woff'),
        url('/static/steiner2019/assets/fonts/Martel-Regular.svg#Martel-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martel';
    src: url('/static/steiner2019/assets/fonts/Martel-ExtraBold.woff2') format('woff2'),
        url('/static/steiner2019/assets/fonts/Martel-ExtraBold.woff') format('woff'),
        url('/static/steiner2019/assets/fonts/Martel-ExtraBold.svg#Martel-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martel';
    src: url('/static/steiner2019/assets/fonts/Martel-Light.woff2') format('woff2'),
        url('/static/steiner2019/assets/fonts/Martel-Light.woff') format('woff'),
        url('/static/steiner2019/assets/fonts/Martel-Light.svg#Martel-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Martel';
    src: url('/static/steiner2019/assets/fonts/Martel-Heavy.woff2') format('woff2'),
        url('/static/steiner2019/assets/fonts/Martel-Heavy.woff') format('woff'),
        url('/static/steiner2019/assets/fonts/Martel-Heavy.svg#Martel-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}