@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}
textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: caret;
}
/*------ template stylization ------*/
body {
	font-family: 'Nunito Sans', sans-serif;
	line-height:24px;
}

a{color:#009690;}
a:hover{color:#757575; text-decoration:underline}

/*---------------row_s----------------*/
.row_0 {
	padding: 44px 0 20px;
	background: #FFF;
}
.row_1 {
	padding: 44px 0 20px;
	background: #FFF;
}
.row_2 {
	padding: 17px 0 20px;
	background: #FFF;
}
.row_3 {
	padding: 88px 0 86px;
	background: #FFF;
}
.row_4 {
	padding: 48px 0 36px;
	background: #FFF;
}
.row_5 {
	padding: 48px 0 36px;
	background: #FFF;
}
.row_6 {
	padding: 49px 0 50px;
	background: #FFF;
}
.row_7 {
	padding: 82px 0 86px;
	background: #FFF;
}
.row_8 {
	padding: 49px 0 53px;
	background: #FFF;
}
.row_9 {
	padding: 56px 0 74px;
	background: #FFF;
}
.row_10 {
	padding: 50px 0;
	background: #FFF;
}
.padbot1 {
	padding-bottom: 3px;
}
.padbot2 {
	padding-bottom: 26px;
}
.padbot3 {
	padding-bottom: 32px;
}
.padbot4 {
	padding-bottom: 27px;
}
.padbot5 {
	padding-bottom: 25px;
}
.padbot6 {
	padding-bottom: 28px;
}
.m_bot1 {
	margin-bottom: 31px;
}
/*---------------headings links------------------*/
p {
	
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #757575;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
h1{
	font-size:35px; 
	padding:0px 0 4px 0; 
	margin:0px; 
	color:#fff; 
	font-family: "Nunito Sans"; 
	font-weight:400; 
	text-transform:uppercase;
	line-height:45px;
}

h2 {
	text-transform: uppercase;
	font-family: 'Nunito Sans';
	font-size: 22px;
	line-height: 40px;
	font-weight: 800;
	color: #383331;
	margin: 0;
	padding: 0px 0 31px;
}
h2 span {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
	color: #757575;
	display: block;
	margin: 0;
}
h3 {
	letter-spacing: -1px;
	text-transform: uppercase;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 25px;
	line-height: 28px;
	font-weight: 400;
	color: #0031a2;
	padding: 0;
	margin: 0;
	margin-bottom: 0px;
}
h4 {
	text-transform: uppercase;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	color: #0031a2;
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
}
h5 {
	text-transform: uppercase;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 14px;
	line-height: 19px;
	font-weight: 400 !important;
	color: #757575;
	padding: 0;
	margin: 0;
}

/************* header ***************/
header {
	background: #FFF;
}


/*-------- Logo -------- */
.headtop{text-align:center}
.headtopunter{text-align:left;}
#logounter{
	margin: 33px auto 35px 20px;
	width:200px
}

#logo{
	margin:43px auto 45px auto;
	width:261px
}

#standardMenu{float:right;padding:0px;}
#standardMenu li{ float:left; margin:0px 20px 0 0; list-style-type:none;}
#standardMenu li a{ background-color:#55afab; color:#fff; padding:2px 10px ; margin-top:-2px;}
#standardMenu li a:hover{text-decoration:none; }



.navbar-brand_ {
	float: left;
	display: block;
	position: relative;
	margin: 0;
	text-align: center;
	padding: 0;
	 margin: 20px 0;
	
	width:100%
}
.navbar-brand_ img {
	max-width: 100%;
}
.navbar-brand_a:hover {
	text-decoration: none;
}
/*-----------------navbar---------------------*/
.menuheader {
	float: left;
	position: relative;
}
.tm_navbar {
	position: relative;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}
.tm_navbar .nav {
	float: none;
	position: relative;
}
.tm_navbar ul {
	position: relative;
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
}
.tm_navbar .nav li:first-child {
	position: relative;
	padding: 0;
	background: none;
	zoom: 1;
}
.tm_navbar .nav li:first-child a {
}
.tm_navbar .nav li {
	float: left;
	padding: 0 0 0 2px;
	position: relative;
	zoom: 1;
	background: url(https://www.matthey-wohnwelten.de/fileadmin/templates/main/img/linemenu.jpg) left top repeat-y;
}
.tm_navbar .nav li a {
	text-align: center;
	text-decoration: none;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 16px;
	line-height: 0px;
	font-weight: 600;
	color: #FFF;
	
	padding: 20px 24px;
	border: none;
	border-radius: 0;
	text-shadow: none;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.tm_navbar .nav > li > a .sf-sub-indicator {
	background: url(https://www.matthey-wohnwelten.de/fileadmin/templates/main/img/indicator.png) no-repeat 0 bottom;
	width: 7px;
	height: 5px;
	display: none;
	top: 55px;
	right: 48%;
	position: absolute;
	z-index: 5;
}
.tm_navbar .nav li a:hover, .tm_navbar .nav > li.active > a, .tm_navbar .nav > li.active > a:hover {
	color: #ffffff;
	
	background-repeat: repeat-x;
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
}
.tm_navbar .nav > .active > a, .tm_navbar .nav > .active > a:hover, .tm_navbar .nav > .active > a:focus {
	color: #ffffff;
	
	background: transparent;
}
.tm_navbar .nav > li.sfHover.active > a .sf-sub-indicator, .tm_navbar .nav > li.active > a .sf-sub-indicator {
	color: #ffffff;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.tm_navbar .nav > li.sfHover > a, .tm_navbar .nav > li.sfHover > a:hover, .tm_navbar .nav > li > a:hover, .tm_navbar .nav > li.active > a, .tm_navbar .nav > li.active > a:hover {
	color: #55afab;
	background-image:none;
	background-color:#fff;
	background-repeat: repeat-x;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	text-shadow: none;
}
/*---------submenu1-------------*/
.tm_navbar .nav ul {
    background-color: #fff;
    display: none;
    left: 15px;
    list-style: outside none none;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 203px;
    z-index: 11;
}
.tm_navbar .nav ul li:first-child {
	width: 100%;
	padding: 0px 0 0px 36px;
	display: block;
	position: relative;
	zoom: 1;
	z-index: 10;
	border-top: none;
	background: none;
}
.tm_navbar .nav ul li:first-child img {
	position: absolute;
	top: -22px;
	left: -5px;
}
.tm_navbar .nav ul li:first-child a {
	padding: 3px 0;
}
.tm_navbar .nav ul li {
	width: 100%;
	text-align: left;
	padding: 0px 0;
	padding-left:36px;
	display: block;
	position: relative;
	zoom: 1;
	z-index: 10;
	background: none;
	margin: 5px 0;
}
.tm_navbar .nav ul li a {
    background: transparent none repeat scroll 0 0;
    color: #383331;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
}
.tm_navbar .nav ul li a:hover {
	color: #757575;
}
/*--------------------------*/
.tm_navbar .nav > li > ul li > a:hover, .tm_navbar .nav > li > ul li.sfHover > a {
	text-decoration: none;
	color: #757575;
	background: transparent;
}
.tm_navbar .nav > li > ul li > a:hover, .tm_navbar .nav > li > ul ul li.sfHover > a {
	text-decoration: none;
	color: #757575;
	background: transparent;
}
/*-----------submenu2-----------*/
.tm_navbar .nav ul ul {
	background: #fff  scroll center bottom;
    left: 203px;
    list-style: outside none none;
    padding: 13px 0;
    top: -10px;
    width: 230px;
}
.tm_navbar .nav ul ul li:first-child {
	width: 100%;
	text-align: left;
	padding: 0;
	position: relative;
	zoom: 1;
	border-top: none;
	z-index: 11;
	background: transparent;
	padding-left:20px;
}
.tm_navbar .nav ul ul li:first-child a {
	padding: 3px 0;
}
.tm_navbar .nav ul ul li {
	width: 100%;
	text-align: left;
	padding: 3px 0;
	padding-left:20px;
	position: relative;
	zoom: 1;
	z-index: 11;
	background: none;
	
}
.tm_navbar .nav ul ul li a {
	padding: 0;
	margin: 0;
	background: transparent;
	color: #383331;
	font-size:11px;
}
.tm_navbar .nav ul ul li a:hover {
	color: #757575;
	background: transparent;
}
/*-------indicator2-------*/
.tm_navbar .nav ul .sf-sub-indicator {
	background: url(https://www.matthey-wohnwelten.de/fileadmin/templates/main/img/indicator2.png) no-repeat 0 0;
	width: 7px;
	height: 5px;
	position: absolute;
	display: none;
	top: 7px;
	left: auto;
	right: -14px;
	z-index: 5;
}
/*-------------------select------------------*/
.select-menu {
	display: none !important;
}
/************** header end **************/
/************** content **************/

.csc-mailform{display:none;}

#unterTeaser{width:100%; height:490px; background-size:cover;}
.unterTeaserText{background-color:#55afab; padding:35px; margin-top:50px; color:#fff; font-weight:200}
.unterTeaserText h1{color:#fff;}


#Slider{width:100%; background-color:#55afab; color:#fff;}
#Slider_Left{width:50%; float:left; height:330px; padding:40px 17px; font-size:18px; line-height:30px; font-weight:200}
.Slider_Right{width:50%; float:right; height:330px; margin-top:-330px;  background-position:center; background-size:cover; position:absolute; right:0px;}

#sliderMenu{padding:0px; margin:240px 0 0 0;  bottom:20px; }
#sliderMenu li{ float:left; list-style-type:none; margin:0 15px 0 0; cursor:pointer;}

.sliderText{position:absolute;}

#topBar{background-color:#f0f0f0; }

#topBarIndex {
    margin-top: 30px;
	
}
.tx-indexedsearch{margin-top:30px;}
.browsebox{display:none !important}
.topBarCluster{margin: 20px 0;}
.topBarCluster > .inner{ height: 66px; background-position:center; background-size:cover }
.topBarCluster > .inner > a{ width:100%; display:block; background-color:#55afab; padding:2px 20px; color:#fff;  margin-top: 66px; float:left; }

.topBarCluster > .inner2 { height:106px; margin-top:-40px; background-position:center; background-size:cover }
.topBarCluster > .inner2 > a{ width:100%; display:block; background-color:#55afab; padding:2px 20px; color:#fff;  margin-top:106px; float:left; }

#breadcrump{color:#7f7f7f; display:block; float:left; padding: 15px 0px}
#breadcrump a{color:#7f7f7f}
#suche{float:right; border:none;margin-top:15px; color:#7f7f7f}
#turkBox{color:#fff; background-color:#55afab; padding:40px; font-size:20px; line-height:46px; margin-top:30px}

#headBox{font-size:20px; line-height:46px; margin-top:70px; margin-bottom:30px}
#headBox h1{ font-weight:bold; font-size:32px}
#headBox2{ margin-top:70px; margin-bottom:30px}

.contentSideBox{margin:30px 0 30px 0;}
.contentSideBox > img{margin:0px 0 20px 0;}
.contentSideBox > .bar{background-color:#a7a7ab; color:#fff; padding:0 0 0 10px; font-weight:bold; margin:0 0 20px 0}
.turkBalken{background-color:#55afab; color:#fff; text-transform:uppercase; font-size:14px; margin-top:80px; font-weight:bold; padding-left:20px}
.einleitung{font-size:18px; margin:20px 0 40px 0 ;}


.tm_navbar .nav ul li.active a{font-weight:bold;}



.fliesstext{
	
	  -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
 
   -moz-column-gap: 50px;
	-webkit-column-gap: 50px;
	column-gap: 50px;
}

.calltoBut{display:inline-block; padding:10px; background-color:#55afab; color:#fff; font-weight:bold; margin-top:30px;}






.imgBar{}

#indexContent{margin-top:30px;}

.imgCluster{background-size:cover; margin-bottom:30px; background-position:center}
.imgClusterBot{background-size:cover; margin-bottom:0px; background-position:center}

.imgCluster img{width:100%; height:100%;}
.imgClusterBot img{width:100%; height:100%;}

.imgCluster_1_4{width:100%; height:160px;}
.imgClusterBot.imgCluster_1_4{width:100%; height:170px;}
.imgCluster_2_4{width:100%; height:340px;}
.imgCluster_3_4{width:100%; height:520px;}
.imgCluster_4_4{width:100%; height:710px;}

#unterContent{font-size:14px; color:#6e6e6e; font-weight:200; line-height:30px;}
#unterContent h2{color:#55afab; padding:5px 0}
#unterContent h1{color:#55afab; padding:5px 0; font-size:32px; font-weight:bold}
#turkBox h1{color:#fff; font-weight:600; font-size:36px}
.contentBar{margin-top:30px;}


.imgBarTitle{color: #fff; font-weight: 200; line-height: 22px; padding: 18px 22px;}
.imgBarTitle h1{font-size: 36px; font-weight: 800; line-height: 38px;}
.type1{background-color:#cacaca;}
.type2{background-color:#c94f9b;}
.type3{background-color:#e8c159;}
.type4{background-color:#888888;}
.type5{background-color:#78b4da;}
.type6{background-color:#aab056;}

.imgCluster > .slogan{color:#fff; display:inline-block; padding:10px; line-height:10px; line-height:18px; top:60%; position:absolute;}

.imgBarTitle > a{text-decoration:none; color:#fff;}



/************* content end **************/
/************** footer **************/
footer {
    background-color: #55afab;
    color: #fff;
    margin-top: 30px;
    padding-bottom: 10px;
    padding-top: 30px;
}

footer ul li a{color:#fff;}


#footernav {
    margin: -20px 0 0;
    padding: 0;
}
#footernav li {
    list-style-type: none;
    margin: 19px 0;
}

#idesign{margin:40px 0 0 50px}

.contentIMG{width:100%; margin-top:20px;}

.nameBox{background-color:#eee; padding:10px; margin-bottom:20px;}
.nameBox h2{border-bottom:1px solid #ccc;}

#toTop2{ display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 30px; /* Place the button at the bottom of the page */
    right: 3%; !important /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
	width:50px;
	box-shadow:rgba(0,0,0,1.00);
	cursor:pointer;
}

/************** footer end **************/


#teaserLogo{margin-top:50px;}


/*++++++++++++++++++++++++++++++ EDIT MP +++++++++++++++++++++++++*/

.tm_navbar .nav ul li ul li.active a{color:#55afab}
.last{margin-right:0px;}





/*Galerie Stuff*/



.rg-image-wrapper{
	position:relative;
	padding:20px 30px;
	background-color:#f0f0f0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	min-height:20px;
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:0px;
	background:#000 url(../image/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.3;
	outline:none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.rg-image-nav a:hover{
	opacity:0.8;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../image/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../image/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}

.es-carousel ul {width:100% !important}

/* // GAlerie Stuff*/







/*-------------- media queries -------------------*/
/**********************BREAKER 1************************************/
@media (min-width: 1220px) {
#breaker{display:block;}
#breaker .br2,.br3,.br4,.br5,.br6{ display:none;}
#breaker .br1{ display:block;}


.tm_navbar .nav li:first-child a {
	
}
.tm_navbar .nav li a {
	width: autopx;
}
.container {
	padding: 0;
}

.tm_navbar .nav li a {
    background-image: none;
    background-repeat: repeat-x;
    border: medium none;
    border-radius: 0;
    color: #6e6e6e;
	font-family: Nunito Sans;
    font-size: 19px;
    font-weight: 100;
    line-height: 0;
    padding: 20px 31px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}





}
/****************************** BREAKER 2 ************************************************/
@media (min-width: 992px) and (max-width: 1219px) {
#breaker{display:block;}
#breaker .br1,.br3,.br4,.br5,.br6{ display:none;}
#breaker .br2{ display:block;}
.col-lg-4 > img{margin-bottom:40px;}
.col-lg-4 > a >img{margin-bottom:20px; margin-top:20px;}

.contentSideBox > img {
    float: left;
    margin: 0 20px 0 0;
}

.unterTeaserText {
    
    width: 50%;
}


.imgCluster{display:none; }
.imgCluster.stay{display:block; width:50%; float:left; height:300px; margin-bottom:30px;}
.imgClusterBot.stay{ width:50%; float:left; height:250px; margin-bottom:30px;}

.imgClusterBot.imgCluster_1_4 {
    height: 170px;
    width: 50%;
	float:left;
}
.col1 > .imgClusterBot{float:left; }
.col1 > .imgClusterBot.imgBarTitle{float:right;}
.col2 > .imgClusterBot.imgBarTitle{float:left;}
.col3 > .imgClusterBot.imgBarTitle{float:right;}

.last{margin-right:0px;}

.imgBarTitle.type2 {
    float:right
}


.imgBarTitle.type4 {
    float:right
}


.topBarCluster > .inner > a {
    height: 100%;
    margin:0px;
    width: 50%;
}

.topBarCluster > .inner {
    background-position: right center;
    background-size: contain;
    height: 80px;
}

.topBarCluster > .inner2 > a {
    height: 100%;
    margin:0px;
    width: 50%;
}

.topBarCluster > .inner2 {
    background-position: right center;
    background-size: 50% auto;
    height: 80px;
	margin-top:auto;
}


.tm_navbar .nav li a {
    background-image: none;
    background-repeat: repeat-x;
    border: medium none;
    border-radius: 0;
    color: #6e6e6e;
	font-family: Nunito Sans;
    font-size: 13px;
    font-weight: 100;
    line-height: 0;
    padding: 20px 31px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}


.tm_navbar .nav ul li a {    
    font-size: 12px;
    line-height: 31px;
}


.tm_navbar .nav ul ul li a {
    font-size: 12px;   
}

	
.navbar {
    min-height: auto;   
}	

.tm_navbar .nav li:first-child a {
}	
	
.tm_navbar .nav ul {
    top: 40px;
}	
	


.contentText{float:left; width:50%;}
.contentIMG{width:30%; margin-top:20px;float:right}

#teaserLogo{margin-top:0px; width:30%;}

}



/****************************BREAKER 3******************************/
@media (min-width: 768px) and (max-width: 991px) {

h1 {
    color: #fff;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 400;
    line-height: 38px;
    margin: 0;
    padding: 0 0 0px;
    text-transform: uppercase;
}

#Slider_Left {
    font-size: 16px;
    font-weight: 200;
    line-height: 25px;
}

.last {
    margin-right: auto;
}
.col-lg-4 > img{margin-bottom:40px;}
.col-lg-4 > a >img{margin-bottom:40px;}


.imgCluster{display:none; }
.imgCluster.stay{display:block; width:50%; float:left; height:300px; margin-bottom:30px;}
.imgClusterBot.stay{ width:50%; float:left; height:250px; margin-bottom:30px;}

.imgClusterBot.imgCluster_1_4 {
    height: 170px;
    width: 50%;
	float:left;
}
.col1{margin-top:30px;}
.col2{margin-top:30px;}
.col3{margin-top:30px;}
.col4{margin-top:30px;}

#turkBox > .col1{margin-top:0px;}
#turkBox > .col2{margin-top:0px;}

.col1 > .imgClusterBot{float:left; }
.col1 > .imgClusterBot.imgBarTitle{float:right;}
.col2 > .imgClusterBot.imgBarTitle{float:left;}
.col3 > .imgClusterBot.imgBarTitle{float:right;}

.contentIMG{width:100%; margin-top:20px;}

.contentSideBox > img {
    float: left;
    margin: 0 20px 0 0;
}

.last{margin-right:0px;} 

.topBarCluster > .inner > a {
    height: 100%;
    margin:0px;
    width: 50%;
}

.topBarCluster > .inner {
    background-position: right center;
    background-size: contain;
    height: 80px;
}
.topBarCluster > .inner2 > a {
    height: 100%;
    margin:0px;
    width: 50%;
}

.topBarCluster > .inner2 {
    background-position: right center;
    background-size: 50% auto;
    height: 80px;
	margin-top:auto;
}

#breaker{display:block;}
#breaker .br1,.br2,.br4,.br5,.br6{ display:none;}
#breaker .br3{ display:block;}

h2 {
	font-size: 32px;
	line-height: 32px;
}
h2 span {
	font-size: 24px;
	line-height: 26px;
}
.tm_navbar .nav li:first-child a {
	padding: 33px 41px;
}
.tm_navbar .nav li a {
	padding: 33px 43px;
}

.tm_navbar .nav li a {
    background-image: none;
    background-repeat: repeat-x;
    border: medium none;
    border-radius: 0;
    color: #6e6e6e;
	font-family: Nunito Sans;
    font-size: 13px;
    font-weight: 100;
    line-height: 0;
    padding: 20px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
}


.tm_navbar .nav ul li a {
    color: #383331;
    font-size: 12px;
    font-weight: 200;
    line-height: 31px;
    margin: 0;
    padding: 0;
    position: relative;
    text-shadow: none;
    text-transform: uppercase;
}

.tm_navbar .nav ul ul li a {
    font-size: 12px;
}

.tm_navbar .nav li:first-child a {
    padding: 21px 15px;
}


.navbar {
   
    min-height: auto;
   
}	

.tm_navbar .nav ul {
   
    top: 42px;

}


#teaserLogo{margin-top:0px; width:50%;}


}



/*MOBILE START PAD*/ 
/************************* BREAKER 4*********************************/
@media (max-width: 767px) {

h1 {
    color: #fff;
    font-family: "Nunito Sans";
    font-size: 25px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0px;
    text-transform: uppercase;
}
.col-lg-4 > img{margin-bottom:40px;}
.col-lg-4 > a >img{margin-bottom:40px;}

#Slider_Left {
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
}

#turkBox h1 {
    line-height: 40px;
	font-size:30px;
}

#turkBox {
  
    font-size: 14px;
	line-height:20px;
}

#unterContent h1 {
    font-size: 27px;
    line-height: 35px;
}

#idesign{margin:40px 0 0 0px}

#Slider{width:100%; background-color:#55afab; color:#fff;}
#Slider_Left{width:100%; float:none; height:200px; padding:0px; font-size:14px; line-height:20px; font-weight:200; margin-top:60px; margin-bottom:220px;}
.Slider_Right{width:100%; float:none; height:220px; margin-top:-220px;  background-position:center; background-size:cover; position:absolute; right:0px;}

#sliderMenu{padding:0px; top:160px; position:absolute   }
#sliderMenu li{ float:left; list-style-type:none; margin:0 15px 0 0; cursor:pointer;}

.sliderText{position:absolute;}


.imgCluster{display:none; }
.imgCluster.stay{display:block; width:50%; float:left; height:300px; margin-bottom:30px;}
.imgClusterBot.stay{ width:50%; float:left; height:250px; margin-bottom:30px;}

.imgClusterBot.imgCluster_1_4 {
    height: 170px;
    width: 50%;
	float:left;
}
.col1 > .imgClusterBot{float:left; }
.col1 > .imgClusterBot.imgBarTitle{float:right;}
.col2 > .imgClusterBot.imgBarTitle{float:left;}
.col3 > .imgClusterBot.imgBarTitle{float:right;}

.last {
    margin-right: auto;
}
.topBarCluster > .inner > a {
    height: 100%;
    margin:0px;
    width: 50%;
}

.topBarCluster > .inner {
    background-position: right center;
    background-size: contain;
    height: 80px;
}

.topBarCluster > .inner2 > a {
    height: 100%;
    margin:0px;
    width: 50%;
}

.topBarCluster > .inner2 {
    background-position: right center;
    background-size: 50% auto;
    height: 80px;
	margin-top:auto;
}



#breaker{display:block;}
#breaker .br1,.br2,.br3,.br5,.br6{ display:none;}
#breaker .br4{ display:block;}
#topper {
    height: 47px;
    position: relative;
    width: 100%;
    margin-top: 0;
}




.navbar-brand_ {
	margin: 30px 0 30px 0;
	width:100%;
	float: none;
}
.menuheader {
	padding: 15px 0;
	max-height: 60px;
	margin-top: 20px;
	float: none;
	position: relative;
}
.sf-menu {
	display: none !important;
}
.select-menu {
	display: block !important;
	color: #ffffff;
	
	margin-top:-30px;
	background: #55afab none repeat scroll 0 0 !important;
    border: 1px solid #fff;
	
	
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 5px;
}
.select-menu option {
	padding: 0;
}





#standardMenu {
    float: left;
}
.headtopunter {
    text-align: center;
}

.fliesstext {
    column-count: 1;
    column-gap: 0px;
}

.fliesstext >img {
    margin-bottom:40px;
}
#teaserLogo{margin-top:0px;}
}
/************************ PHONE ** BREAKER 5********************************/
@media (max-width: 650px) {
	
	#sliderMenu{display:none;}
	
	
	.topBarCluster > .inner > a {
   
    font-size: 11px;
}

	
#standardMenu {
    float: left;
}

.headtopunter {
    text-align: center;
}

.imgCluster{display:none; }
.imgCluster.stay{display:block; width:100%; float:left; height:300px; margin-bottom:0px;}
.imgClusterBot.stay{ width:100%; float:left; height:250px; margin-bottom:30px;}

.imgClusterBot.imgCluster_1_4 {
    height: 170px;
    width: 50%;
	float:left;
}
.col1 > .imgClusterBot{float:left; }
.col1 > .imgClusterBot.imgBarTitle{float:right;}
.col2 > .imgClusterBot.imgBarTitle{float:left;}
.col3 > .imgClusterBot.imgBarTitle{float:right;}

#breaker{display:block;}
#breaker .br1,.br2,.br3,.br4,.br6{ display:none;}
#breaker .br5{ display:block;}

.imgBar{margin-bottom: 30px;}

.imgCluster.stay {
    display: block;
    float: left;
    height: auto;
    margin-bottom: 0;
    width: 100%;
}

.imgBarTitle h1 {
    font-size: 30px;
    font-weight: 800;
    line-height: 32px;
}

.imgClusterBot.imgCluster_1_4 {
    float: left;
    height: 170px;
    width: 100%;
}

.imgClusterBot.stay {
    float: left;
    height: auto;
    margin-bottom: 0px;
    width: 100%;
}

.topBarCluster > .inner {
   line-height: 19px;
    height: 43px;
}

.topBarCluster > .inner2 {
   line-height: 19px;
    height: 43px;
	margin-top:auto;
}

.col1{margin-bottom:30px;}
.col2{margin-bottom:30px;}
.col3{margin-bottom:30px;}


h1 {
    font-size: 25px;
	
   
}

h2 {
    font-size: 22px;
}

#standardMenu li a {
    background-color: #55afab;
    color: #fff;
    display: block;
    margin-top: 9px;
    padding: 8px 10px;
    width: 100%;
}

#standardMenu li {
    margin: 0 20px 0 0;
    width: 100%;
}

.topBarCluster > .inner {
   
    background-size: cover;
   
}

#unterContent h1 {
    font-size: 23px;
    line-height: 35px;
}

#unterTeaser {
   
    height: 330px;
    
    background-position: center;
}

#headBox {
    font-size: 16px;
    line-height: 30px;
}

#teaserLogo{margin-top:0px;display:none;}

}
/**********************************************************/
@media (max-width: 550px) {
}
/**********************************************************/
@media (max-width: 480px) {

}
/**********************************************************/
@media (max-width: 460px) {


}
/**********************************************************/
@media (max-width: 440px) {


}
/*Core variables and mixins*/
img {
	max-width: 100%;
}


}