#body {
	background-color: #fafafa;
	color: #222222;
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2;
}

/*#TraminoHeaderTiny { top: auto; bottom: 0px; }*/

#body header.sticky { background-color: #fafafa; }

#body .maxwidth {
	width: 1240px; margin: 0 auto;
}

#body .maxwidthsmall {
	width: 900px; margin: 0 auto;
}

#body h2 {
	margin: 0.2em 0 0.4em 0;
}

#body h3 {
	margin: 0.2em 0 0.3em 0;
}


#body p {
	margin-top: 0px;
}


#body input[type=text] {
	border: 1px solid #EEE;
	background-color: #FFF;
	display: inline-block;
	font-size: 15px;
	/*padding: 6px 12px;*/
}

#body input[type=text]:focus {
	background-color: #FAFAFA;
	border: 1px solid #EEE;
}

#body input[type=submit].bgcolor {
	display: inline-block;
	color: #FFF;
	font-size: 15px;
	border-width: 0px;
	padding: 5px 12px;
	cursor: pointer; 
}


.TraminoVorlage { margin: 0; }

.tramini-error {
	background-color: #FFF;
	color: #D30011;
	border: 1px solid #D30011;
	padding: 7px 20px;
	margin: 0 10vw;
	width: 80vw;
}



#body .result-box .text { padding-top: 20px }
#body .result-box .text h3 { font-family: inherit; color: #999; }


#body .T957 { margin: 50px auto; padding: 0px 20px; max-width: 1000px; }
#body .T957 #anfrage .row { border-color: rgba(0,0,0,0.2); }
#body .T957 #anfrage .col3 { color: rgba(0,0,0,0.8); }
/*#body .T957 .row.ketegorie { display: none }*/

#body .T28 { margin: 50px auto !important; max-width: 1200px; }
#body .T101 { margin: 50px auto; max-width: 1200px; }
#body .T27 { margin: 50px auto; max-width: 1200px; }
#body .T576 { margin: 50px auto; max-width: 800px; }
#body .T125 { margin: 50px auto; max-width: 800px; }


#TraminoArtikel {
	padding: 50px 0px;
	max-width: 1200px;
	margin: 0px auto;
}

.text table { width: 100%; margin: 30px 0px; border-spacing: 0px; border-width: 0px; }
.text table th { padding: 2px 10px 7px 0px; text-align: left; font-weight: bold; font-size: 15px; border-bottom: 1px solid rgba(0,0,0,0.2); }
.text table td { border-bottom: 1px solid rgba(0,0,0,0.2); vertical-align: top;  }
.text table td { padding: 4px 10px 6px 0px; }

/* Impressum + Datenschutz Anhang */
.T711, .T1979 { padding: 20px 0px; }

#body .fontsize_xsmall { font-size: 15px; }
#body .fontsize_small { font-size: 15px; }
#body .fontsize_medium { font-size:15px; }
#body .fontsize_large { font-size: 15px; }
#body .fontsize_xlarge { font-size: 15px; }

#body .specialfont.fontsize_xsmall { font-size: 20px; }
#body .specialfont.fontsize_small { font-size: 20px; }
#body .specialfont.fontsize_medium { font-size: 20px; }
#body .specialfont.fontsize_large { font-size: 20px; }
#body .specialfont.fontsize_xlarge { font-size: 20px; }


#body .T2646 .header .text  { margin-left: 0px; }
#body .T2646 .header .logo { display: none }


#body.Mandant_400 .T2646 .header .text  { margin-left: 230px; }
#body.Mandant_400 .T2646 .header .logo { display: block; }


#body .fancybox-image { width: 100%; }

div#page {
    max-width: 1240px;
    margin: 0 auto;
    background: #fff;
}

body#body {
    background: #5c5650;
}

#page:before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top:0;
  bottom:0;
  z-index: -1;
  display: block;
  background-image: url('https://tramino.s3.amazonaws.com/s/metzler/802416/holzbg.jpg');
  background-attachment:fixed;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
	opacity:.8;
}

.content {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 0;
  margin-left: 20px;
  margin-right: 20px;
}

#body header.sticky {
    background: transparent !important;
    box-shadow: none;
}

.stickyheader-fakebg {
    background: #c74e27 !important;
    max-width: 1240px;
    margin: 0 auto;
}

div#navwrapper {
    margin: 0;
}

li.nav_1.first {
    background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/801987/icons.png);
    display: block;
    width: 40px;
	margin-right:20px !important;
}

li.nav_1.first > a {
    opacity:0;
}

#body header nav ul li {
    margin:0;
}

#body header nav ul li li a {
    color: #fff;
    background: #444;
    border: 0px;
}

#body header nav ul li a {
    color: #fff;
    font-weight: 100;
    border-left: 1px solid #fff;
    display: block;
    padding: 10px 20px;
}

#body header nav li a span span.dd:before {
	content:"\f107";
	font: 16px 'FontAwesome';
	margin-left:5px;

}


#body header nav ul ul.nav {
    left: 0;
    top: 70px;
    padding: 0;
	background:#444;
}

#body header .logo img {
    width: 100%;
}

#body header .logo {
    width: 300px;
    left: auto;
    right: 10px;
}

#body header .maxwidth {
    background: #c74e27;
}

#body header .top {
    height: 40px;
}

.TraminoVorlage.T2904 {
    background: #c74e27;
    padding: 50px 25px 45px 25px;
    position:relative;
}

.TraminoVorlage.T2904 a.Bild {
    width: 31%;
    padding: 1%;
    margin: 0;
}

.TraminoVorlage.T2904 a.Bild:hover {
    opacity:.75;
}

#body .TraminoVorlage.T2904 .maxwidth {
    width: auto;
    position: relative;
    max-width: 800px;
}

.TraminoVorlage.T2904 a.Bild img {
    width: 100%;
    height: auto;
}

#body .TraminoVorlage h1 {
    font-size:30px !important;
}

.TraminoVorlage h1 span.logo.design, .bbox h2 span.logo.design {
    display: block;
    width: 60px;
    height: 60px;
    background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/801987/icons.png) -63px 0;
    margin: 50px auto 15px;
}

.bbox h2 span.logo.xxxdesign {
	margin-top:15px;
}

.TraminoVorlage h1 span.logo.daheim, .bbox h2 span.logo.daheim {
    display: block;
    width: 60px;
    height: 60px;
    background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/801987/icons.png) -130px 0;
    margin: 50px auto 15px;
}

.TraminoVorlage h1 span.logo.style, .bbox h2 span.logo.style {
    display: block;
    width: 60px;
    height: 60px;
    background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/801987/icons.png) -197px 0;
    margin: 50px auto 15px;
}

.TraminoVorlage h1 span, .bbox h2 span {
    color: #c74e27;
}

.TraminoVorlage h1 span.line {
    display: block;
    max-width: 410px;
    height: 20px;
    background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/801987/icons.png) 0 -80px;
    margin: 15px auto 50px;
}

#body .maxwidthsmall, #body .maxwidth {
	max-width: 800px;
	width: auto !important;
	padding: 0 15px;
}


#body .TraminoVorlage.T2883 .maxwidth {
	max-width:1240px;
	padding: 0;
}

.TraminoVorlage .colxxx { text-align: justify; }


.TraminoVorlage.T3447 h3.specialfont {
    font-family: "Patrick Hand";
    font-size: 30px !important;
    text-align: left;
}

.TraminoVorlage.T3447 .teaser:before {
    padding-top: 100%;
}

.TraminoVorlage.T3447 a:hover {
    opacity:.75;
}

.TraminoVorlage.T2835.S5469, .TraminoVorlage.T2897.S5172 {
    background: #ddd url(https://tramino.s3.amazonaws.com/s/metzler/815040/baum-website.png) no-repeat center right;
    padding: 1px 0 50px;
	margin:75px 0;
}


.TraminoVorlage.T2835, .TraminoVorlage.T3447 {
	margin:0;
	padding:25px 0;
}

.TraminoVorlage.T2897.S5172 .maxwidthsmall { background:transparent; }

span.divider {
    display: block;
    max-width: 884px;
    height: 55px;
    background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/801987/icons.png) center -60px;
    margin: 15px auto 50px;
}


@media all and (min-width: 1024px) {
	#body header nav > div > ul > li:hover li:hover a, #body header nav > div > ul > li li.nav_aktiv a {
		background:#555 !important;
	}
	
	#body header nav > div > ul > li:hover a {
		height:50px;
	    color: #000 !important;
	}
	
	#body header nav ul li.nav_aktiv a {
		color:#000 !important;
	}
	
	#body header nav > div > ul > li:hover li a {
		color:#fff !important;
	    border-top: 1px solid #c74e27;
	    padding: 20px !important;
	    height: auto;
	}	
}


@media all and (max-width: 1279px) and (min-width: 1024px) {
	#body header .logo {
	    width: 240px;
	}
	#body header nav > div > ul > li:hover a {
		height:28px;
	}
	#body header nav ul ul.nav {
		top:48px;
	}
}

@media all and (max-width: 1023px) {
	
	#body li.nav_1.first { display:none; }
	
	#body header .top { display:none; }
	
	#body header .logo {
	    width: 150px;
		right:auto;
		left:10px;
	}
	
	#body header.show_subnav nav ul ul {
	    display: block !important;
	    width: 100% !important;
	    position: relative !important;
	    top: 0 !important;
	}
	
	#body header nav > div > ul > li li a {
		color:#fff !important;
	    padding: 10px !important;
	    height: auto;
	}
	
}

@media all and (max-width: 567px) {
	
	#body header .logo {
    	width: 130px;
	}
}

#body header nav > div > ul > li:hover a {
	background: transparent !important;
    padding:10px 20px;
    margin: 0;
}

#footer {
    background: #c74e27;
    padding: 50px;
    color: #fff;
}


#footer .left {
	padding-bottom:15px;
}

#footer .left.line {
    border-left: 1px solid #fff;
    margin-left: 20px;
    padding-left: 10px;
    font-size: 12px;
	line-height:18px;
}

#footer .left.line a {
    text-decoration:none;
    color:#fff;
}

#footer span.geo.icon {
    background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/801987/icons.png) -280px 0px;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: -60px;
}

#footer a.fb {
    background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/801987/icons.png) -340px 0px;
    display: block;
    width: 20px;
    height: 60px;
}

h2.red {
    color: #c74e27;
    font-family: "Patrick Hand", cursive;
    text-align: center;
    padding: 25px;
}

h3.fontsize_xlarge, #body .text.fontsize_large
 strong {
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 26px;
}

.divider a {
    color: #444;
    text-align: center;
    display: block;
}

.divider a i.fa.fa-envelope {
    font-size: 42px;
    background: #fff;
    padding: 10px;
    display: inline-block;
    margin-top: -10px;
}

a.cta {
    background: #c74e27;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 2px;
    border:1px solid #c74e27;
}

a.cta:hover {
    color: #c74e27;
    background: #fff;
}

.holzbg {
	padding:50px;
	background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/802417/holzbg2.jpg);
	background-size:cover;
}


.bbox {
    width: 21%;
    background: #fff;
    padding: 15px 0;
    float: left;
    margin: 15px 6%;
    text-align: center;
    border-radius: 15px;
    box-shadow: 5px 5px 25px rgba(0,0,0,.4);
    transition: all .2s;
    position:relative;
	cursor:pointer;
}

.bbox:hover {
    box-shadow: 5px 5px 25px rgba(0,0,0,.8);
	background:#444;
	color:#fff;
}

.bbox::before {
    content:"";
    display:block;
    position:absolute;
    background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/802425/ecken.png);
    width:100px;
    height:100px;
    top:-20px;
    left:-20px;
}

.bbox::after {
    content:"";
    display:block;
    position:absolute;
    background: transparent url(https://tramino.s3.amazonaws.com/s/metzler/802425/ecken.png) bottom right;
    width:100px;
    height:100px;
    bottom:-20px;
    right:-20px;
}

.carousel .slider_element {
	width: 100%;
	height: 0;
	padding-top: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.carousel-indicators { display: none; }

.carousel-control.prev_slide { display: none; }


@media all and (max-width: 700px) {
	
	#body .bbox {
	    width: 88%;
		float:none;
	}
	
	#body .bbox::before, #body .bbox::after { display:none; }
}



header.navopen div#navwrapper {
    max-height: 90vh !important;
    overflow: scroll;
}

div#nav_icon {
    background: #c74e27;
    width: 40px;
    height: 50px;
}

div#nav_icon_wrapper {
    z-index: 10000;
}