body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/**
 * @license
 * MyFonts Webfont Build ID 3208829, 2016-04-25T05:22:28-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * Webfont: Gibson-LightIt by Canada Type
 * URL: http://www.myfonts.com/fonts/canadatype/gibson/light-italic/
 * Copyright: Copyright © 2011 Rod McDonald. Published by Canada Type. All rights reserved.
 * ...
 * ...
 */
 
@font-face {font-family: 'Gibson';src: url('../../files/portfolino/css/fonts/30F67D_5_0.eot');src: url('../../files/portfolino/css/fonts/30F67D_5_0.eot?#iefix') format('embedded-opentype'),url('../../files/portfolino/css/fonts/30F67D_5_0.woff2') format('woff2'),url('../../files/portfolino/css/fonts/30F67D_5_0.woff') format('woff'),url('../../files/portfolino/css/fonts/30F67D_5_0.ttf') format('truetype');}
@font-face {font-family: 'Gibson-Light';src: url('../../files/portfolino/css/fonts/30F67D_8_0.eot');src: url('../../files/portfolino/css/fonts/30F67D_8_0.eot?#iefix') format('embedded-opentype'),url('../../files/portfolino/css/fonts/30F67D_8_0.woff2') format('woff2'),url('../../files/portfolino/css/fonts/30F67D_8_0.woff') format('woff'),url('../../files/portfolino/css/fonts/30F67D_8_0.ttf') format('truetype');}
@font-face {font-family: 'Gibson-SemiBold';src: url('../../files/portfolino/css/fonts/30F67D_6_0.eot');src: url('../../files/portfolino/css/fonts/30F67D_6_0.eot?#iefix') format('embedded-opentype'),url('../../files/portfolino/css/fonts/30F67D_6_0.woff2') format('woff2'),url('../../files/portfolino/css/fonts/30F67D_6_0.woff') format('woff'),url('../../files/portfolino/css/fonts/30F67D_6_0.ttf') format('truetype');}

/*
@font-face {font-family: 'Gibson-Bold';src: url('../../files/portfolino/css/fonts/30F67D_4_0.eot');src: url('../../files/portfolino/css/fonts/30F67D_4_0.eot?#iefix') format('embedded-opentype'),url('../../files/portfolino/css/fonts/30F67D_4_0.woff2') format('woff2'),url('../../files/portfolino/css/fonts/30F67D_4_0.woff') format('woff'),url('../../files/portfolino/css/fonts/30F67D_4_0.ttf') format('truetype');}
@font-face {font-family: 'Gibson-Italic';src: url('../../files/portfolino/css/fonts/30F67D_7_0.eot');src: url('../../files/portfolino/css/fonts/30F67D_7_0.eot?#iefix') format('embedded-opentype'),url('../../files/portfolino/css/fonts/30F67D_7_0.woff2') format('woff2'),url('../../files/portfolino/css/fonts/30F67D_7_0.woff') format('woff'),url('../../files/portfolino/css/fonts/30F67D_7_0.ttf') format('truetype');}
@font-face {font-family: 'Gibson-LightIt';src: url('../../files/portfolino/css/fonts/30F67D_1_0.eot');src: url('../../files/portfolino/css/fonts/30F67D_1_0.eot?#iefix') format('embedded-opentype'),url('../../files/portfolino/css/fonts/30F67D_1_0.woff2') format('woff2'),url('../../files/portfolino/css/fonts/30F67D_1_0.woff') format('woff'),url('../../files/portfolino/css/fonts/30F67D_1_0.ttf') format('truetype');}
@font-face {font-family: 'Gibson-SemiboldIt';src: url('../../files/portfolino/css/fonts/30F67D_3_0.eot');src: url('../../files/portfolino/css/fonts/30F67D_3_0.eot?#iefix') format('embedded-opentype'),url('../../files/portfolino/css/fonts/30F67D_3_0.woff2') format('woff2'),url('../../files/portfolino/css/fonts/30F67D_3_0.woff') format('woff'),url('../../files/portfolino/css/fonts/30F67D_3_0.ttf') format('truetype');}
@font-face {font-family: 'Gibson-BoldItalic';src: url('../../files/portfolino/css/fonts/30F67D_2_0.eot');src: url('../../files/portfolino/css/fonts/30F67D_2_0.eot?#iefix') format('embedded-opentype'),url('../../files/portfolino/css/fonts/30F67D_2_0.woff2') format('woff2'),url('../../files/portfolino/css/fonts/30F67D_2_0.woff') format('woff'),url('../../files/portfolino/css/fonts/30F67D_2_0.ttf') format('truetype');}
*/
/*     --html
------------------------------------------------- */
html {height: 100.1%; margin-bottom: 1px;}

/*     --css-framework
------------------------------------------------- */
.half_width, 
.one_half     { width: 46%; /*original: 47.8% */ }
.one_third    { width: 30.5%; }
.two_third    { width: 65.3%; }
.one_fourth   { width: 21.9%; }
.one_fifth    { width: 16.7%; }
.three_fourth { width: 74%;   }
.four_fifth   { width: 79%;   }
.two_fifth    { width: 37.2%; }
.three_fifth  { width: 58%;   }
.one_sixth    { width: 13.3%; }
.four_sixth   { width: 65.4%  }
.one_half, .half_width, .one_third, .two_third, .one_fourth, .one_fifth, .four_fifth, .one_sixth, .two_fifth, .three_fifth, .four_sixth, .three_fourth {position: relative;	display: inline-block; margin-right: 3.6%; vertical-align: top;}
.last {margin-right: 0 !important;}

/*     --foundation icons
------------------------------------------------- */
@font-face {
  font-family: 'FoundationIconsGeneral';
  src: url('../../files/portfolino/fonts/foundation-icons-general.eot');
  src: url('../../files/portfolino/fonts/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
       url('../../files/portfolino/fonts/foundation-icons-general.woff') format('woff'),
       url('../../files/portfolino/fonts/foundation-icons-general.ttf') format('truetype'),
       url('../../files/portfolino/fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
  font-weight: normal;
  font-style: normal;
}
.glyph {font-size: 50px; line-height: 1; font-family: "FoundationIconsGeneral";}

/*     --tags
------------------------------------------------- */
a {color: #444; text-decoration: none;}
p {margin-bottom: 15px;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
cite, em, i {font-style: italic; color: #333; font-size: 14px;}
img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}

/*     --list in ce_text
------------------------------------------------- */
.ce_text ul, .ce_list ul {padding-left: 20px; margin-bottom: 15px;}
.ce_text li, .ce_list li {list-style-type: square; list-style-position: outside; margin-bottom: 3px;}

/*     --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.3em;}
h1, .h1 {font-size: 30px; margin-bottom: 20px;}
h2, .h2 {font-size: 22px; margin-bottom: 15px;}
h3, .h3 {font-size: 20px; margin-bottom: 10px;}
h4, .h4 {font-size: 18px; margin-bottom: 10px;}
h5, .h5 {font-size: 13px; margin-bottom: 10px;}
h6, .h6 {font-size: 13px; margin-bottom: 10px;}

/*     --body
------------------------------------------------- */
body {background: url(../../files/portfolino/img/backgrounds/bg1.png) repeat; color: #595151; font-family: 'Open Sans', Arial, Verdana, sans-serif; line-height: 21px; font-size: 13px; overflow-x: hidden;}

/*     --header
------------------------------------------------- */
#header {background-color:#fff; overflow: hidden;}
/*#header .inside {width: 1002px; margin: 0 auto;}*/

#mainmenu{width: 1002px; margin: 0 auto;position:relative;top:25px;}
ul#dropdown_1{width: 1002px; margin: 0 auto;}


/*     --wrapper
------------------------------------------------- */
#wrapper {margin-bottom: 20px;}

/*     --logo
------------------------------------------------- */
#logo {position: absolute; top: 60px; right:50%; z-index:1;}
#logo img{display:none;}
#logo .img{margin-right:155px;}

#logo .img{
	background: url("../../tl_files/portfolino/img/logo.png") no-repeat;
	width:1200px;
	height:55px;
}

/*     --header images
------------------------------------------------- */
/*
header .inside{
	background: url("../../tl_files/webbaumeister/headerbilder/startseite.jpg") no-repeat;
}
*/

#header, #header .inside{
	max-height: 400px; 
	min-height:150px; /* 89px */
}
#header .img-wrapper{
	overflow:hidden;
	margin-top:-53px;
}

#header img{
	margin-top:-220px;
}


/*     --container
------------------------------------------------- */
#container {clear: both; padding: 30px 0;}

/*     --main
------------------------------------------------- */
body.full_width #main .inside {padding-right: 0;}
body.sidebar_left #main .inside {padding: 0 0 0 10%;}
body.sidebar_both #main .inside {padding: 0 10%;}

/*     --sidebar
------------------------------------------------- */
/* sidebar_left */
body.sidebar_left #main .inside {padding-left: 5%; border-left: 1px solid #ddd;}
body.sidebar_left #left .inside {padding-right: 5%;}

/* sidebar_right */	
body.sidebar_right #main .inside {padding-right: 5%; border-right: 1px solid #ddd;}
body.sidebar_right #right .inside {padding-left: 5%;}
	
/* sidebar_both */
body.sidebar_both #main .inside {padding: 0 10%; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
body.sidebar_both #left .inside {padding: 0 10%;}
body.sidebar_both #right .inside {padding: 0 10%;}

/*     --footer
------------------------------------------------- */
#footer {background: url(../../files/portfolino/img/backgrounds/color1.jpg)}
#footer .inside {width: 1002px; margin: 0 auto; padding: 20px 0;}

	/*     --pagination
------------------------------------------------- */
.pagination {clear: both; border-top: 1px solid #ddd; padding-top: 5px;}
.pagination ul {padding: 0; float: left;}
.pagination p {float: right;}
.pagination li {background: none; padding: 0; margin: 0; float: left; list-style-type: none;}
.pagination li a,
.pagination li span {background: #333; display: block; margin-right: 1px; color: #fff; text-decoration: none; padding: 3px 7px;}
.pagination li span.current {background: #666;}

	/*     --welcome-line
------------------------------------------------- */
.welcome-line {border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; padding: 20px 0; margin: 0 0 25px 0; overflow: hidden; text-align: right;}
.welcome-line p {margin-bottom: 0;}
.welcome-line .button {display: block; padding: 15px 40px; color: #fff; font-size: 21px; background: #c1a86f; text-align: center; margin-top: 15px;}

	/*     --teaser-boxes
------------------------------------------------- */
#teaser_boxes {text-align: center; margin-bottom: 20px; min-height: 220px;}
#teaser_boxes .glyph {display: block; margin-bottom: 25px; color: #C1A86F;}
#teaser_boxes .one_fourth {background: #fff; border: 1px solid #e3e3e3; padding: 15px;}
#teaser_boxes h3 {color: #C1A86F;}

/*     --ce_gallery framework
	- change dbopp: removed .ce_gallery, so the classes are also usable for other items as well
------------------------------------------------- */
.row1 {width: 100%;}
.row2 {width: 49.5%;}
.row3 {width: 32.6%;}
.row4 {width: 24.25%;}
.row5 {width: 19.2%;}
.row6 {width: 15.83%;}
.row7 {width: 13.2%;}
.row8 {width: 11.62%;}
.row9 {width: 10.22%;}
.row10 {width: 9.1%;}
.row11 {width: 8.18%;}
.row12 {width: 7.41%;}
.row2,
.row3,
.row4,
.row5,
.row6,
.row7,
.row8,
.row9,
.row10,
.row11,
.row12 {margin-right: 1%;}
.col_last {margin-right: 0;}

/* changes dbopp */
.row2 {
	float:left;
	width:48%;
	padding-bottom:15px;
}

.ce_text.row2{
	padding-right: 15px;
}

.row2 .row2{width: 49.5%;margin-right:0;display:inline-block;}

/*     --galerie
------------------------------------------------- */
.ce_gallery ul {letter-spacing: -4px; word-spacing: -4px;}
.ce_gallery li {vertical-align: middle; padding-bottom: 10px; display: inline-block; position: relative; font-size: 0;}
.ce_gallery li.col_last {margin: 0;}

/* hover-effect */
.ce_gallery li img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	opacity:.5;}
.ce_gallery li img {-webkit-transition:all .2s ease-in-out;	-o-transition:all .2s ease-in-out;	-moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}


/* dbopp */

.ce_text .image_container{
	margin-bottom: 20px;
	margin-top:12px;
}

aside#right .ce_text{
	border-bottom: 1px solid #C7C7C7;
	padding-bottom: 20px;
	margin-bottom:20px;	
}

/* zoom-in effect 
#wrapper a img:hover{
	transform: scale(1.1);
    transition: transform 200ms ease-out 0s;
}
*/
/*     --table_simple
------------------------------------------------- */
table {margin-bottom: 10px; border-bottom: solid 3px #E3E3E3;}
table td {border-top: solid 1px #E3E3E3; padding: 10px 20px 10px 0;}
table td p {margin: 0;}
table th {padding: 10px 20px 10px 0;}

/*     --table_extended
------------------------------------------------- */
.table-extended table {text-align: center; color: #666; font-size: 12px; text-shadow: 1px 1px 0px #fff; border: 1px solid #e0e0e0;}
.table-extended table td {padding: 18px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #ffffff; background: #fafafa;}
.table-extended table th {padding: 21px 25px 22px 25px; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fafafa; background: #ededed;}
.table-extended table th.col_first {padding-left: 20px; text-align: left;}
.table-extended table tr.odd td {background: #f6f6f6;}
.table-extended table td.col_first {text-align: left; border-left: 0;}
.table-extended table .row_last td {border-bottom: 0;}

/* hover */
.table-extended table td:hover {background: #ddd!important;}
.table-extended table td {-webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}

/*     --blockquote
------------------------------------------------- */
/*
.blockquote-a {
  font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
  background: url(../../files/portfolino/img/features/close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
}
.blockquote-a p:first-letter {
  background: url(../../files/portfolino/img/features/open-quote.gif) no-repeat left top;
  padding-left: 18px;
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
*/

#kundenmeinungen-156 img{
	border-radius: 200px;
}

h1, h2{
	letter-spacing:0.01em;
}
h1,
.h1-new{
		text-align: left !important;
}

.blockquote-b { background: url(../../files/portfolino/img/features/left-quotes-big.png) no-repeat; padding-left: 57px; min-height: 40px; font-family: Georgia, serif; font-size: 14px; font-style: italic; }

/*     --content-box
------------------------------------------------- */
.content-box-a {
	background-color: #fefcf2;
	padding: 2em 3em;
	border: 1px solid #ccc;
	margin: 0 auto;
}
.content-box-b {
	padding: 20px;
	border: 1px solid #e9e7e7;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #f1f1f1, #fff 15%);
	background: -webkit-gradient(linear, 0 0, 0 15%, from(#f1f1f1), to(#fff));
}
.content-box-c {padding: 20px; border: 1px solid #ccc; background: url(../../files/portfolino/img/features/content-box-c.png); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-d {padding: 20px 20px 20px 90px; border: 1px solid #e9e7e7; background: #FFCEBE url(../../files/portfolino/img/features/content-box-warning.png) 20px 20px no-repeat; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px white;}
.content-box-e {padding: 20px 20px 20px 90px; border: 1px solid #E0E0E0; background: #F6F6F6 url(../../files/portfolino/img/features/content-box-download.png) 15px 20px no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-f {padding: 20px 20px 20px 90px; border: 1px solid #E0E0E0; background: #F7F4B4 url(../../files/portfolino/img/features/content-box-info.png) 20px 20px no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-g {padding: 20px 20px 20px 110px; border: 4px solid #e9e7e7; background: #ddd url(../../files/portfolino/img/features/content-box-contact.png) 20px 20px no-repeat; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #818181; text-shadow: 1px 1px 1px white;}

	/*     --dropcaps
------------------------------------------------- */
.dropcap-red p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #8C2626;}
.dropcap-blue p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #26738C;}
.dropcap-grey p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #9B9B9B;}
.dropcap-black p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #000;}
.dropcap-yellow p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #fed800;}

	/*     --list
------------------------------------------------- */
.list-a ul {padding: 0;}
.list-a ul li ul {margin: 7px 0;}
.list-a li {padding-left: 25px; margin-bottom: 7px; background: url(../../files/portfolino/img/features/list-a.png) left top no-repeat; list-style: none;}

.list-b ul {padding: 0;}
.list-b ul li ul {margin: 7px 0;}
.list-b li {padding-left: 25px; margin-bottom: 7px; background: url(../../files/portfolino/img/features/list-b.png) left top no-repeat; list-style: none;}

.list-c ul {padding: 0;}
.list-c ul li ul {margin: 7px 0;}
.list-c li {padding-left: 25px; margin-bottom: 7px; background: url(../../files/portfolino/img/features/list-c.png) left top no-repeat; list-style: none;}

.list-d ul {padding: 0;}
.list-d ul li ul {margin: 7px 0;}
.list-d li {padding-left: 25px; margin-bottom: 7px; background: url(../../files/portfolino/img/features/list-d.png) left top no-repeat; list-style: none;}

.list-e ul {padding: 0;}
.list-e li {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #EDEDED; list-style: none;}

	/*     --buttons
------------------------------------------------- */

/* sizes */
.ce_hyperlink.small a {
    padding: 2px 7px 2px;
    font-size: 11px;
}

.ce_hyperlink.large a {
    padding: 14px 30px 13px;
    font-size: 11px;
}

/* rounded corners */
.ce_hyperlink.rounded3 a {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(../../files/portfolino/css/tl_files/the-photographer/scripts/PIE.htc);
}
.ce_hyperlink.rounded5 a {
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(../../files/portfolino/css/tl_files/the-photographer/scripts/PIE.htc);
}
.ce_hyperlink.rounded10 a {
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../../files/portfolino/css/tl_files/the-photographer/scripts/PIE.htc);
}
.ce_hyperlink.rounded99 a {
	-webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    border-radius: 99px;
    behavior: url(../../files/portfolino/css/tl_files/the-photographer/scripts/PIE.htc);
}

/* color */
.ce_hyperlink.salmon a {background: #d5383c;}
.ce_hyperlink.purple a {background: #6b63cf;}
.ce_hyperlink.orange a {background: #f76b16;}
.ce_hyperlink.blue a {background: #2184ab;}
.ce_hyperlink.lightblue a {background: #5b98bf;}
.ce_hyperlink.red a {background: #c7322c;}
.ce_hyperlink.green a {background: #70a726;}
.ce_hyperlink.teal a {background: #26a77b;}
.ce_hyperlink.grey a {background: #7a7a7a;}
.ce_hyperlink.sand a {background: #c78942;}
.ce_hyperlink.taupe a {background: #a58d72;}
.ce_hyperlink.peach a {background: #d27341;}


/* icons */
.icon-glass span {background-position: 0 0;}
.icon-music span {background-position: -24px 0;}
.icon-search span {background-position: -48px 0;}
.icon-envelope span {background-position: -72px 0;}
.icon-heart span {background-position: -96px 0;}
.icon-star span {background-position: -120px 0;}
.icon-star-empty span {background-position: -144px 0;}
.icon-user span {background-position: -168px 0;}
.icon-film span {background-position: -192px 0;}
.icon-th-large span {background-position: -216px 0;}
.icon-th span {background-position: -240px 0;}
.icon-th-list span {background-position: -264px 0;}
.icon-ok span {background-position: -288px 0;}
.icon-remove span {background-position: -312px 0;}
.icon-zoom-in span {background-position: -336px 0;}
.icon-zoom-out span {background-position: -360px 0;}
.icon-off span {background-position: -384px 0;}
.icon-signal span {background-position: -408px 0;}
.icon-cog span {background-position: -432px 0;}
.icon-trash span {background-position: -456px 0;}
.icon-home span {background-position: 0 -24px;}
.icon-file span {background-position: -24px -24px;}
.icon-time span {background-position: -48px -24px;}
.icon-road span {background-position: -72px -24px;}
.icon-download-alt span {background-position: -96px -24px;}
.icon-download span {background-position: -120px -24px;}
.icon-upload span {background-position: -144px -24px;}
.icon-inbox span {background-position: -168px -24px;}
.icon-play-circle span {background-position: -192px -24px;}
.icon-repeat span {background-position: -216px -24px;}
.icon-refresh span {background-position: -240px -24px;}
.icon-list-alt span {background-position: -264px -24px;}
.icon-lock span {background-position: -287px -24px;}
.icon-flag span {background-position: -312px -24px;}
.icon-headphones span {background-position: -336px -24px;}
.icon-volume-off span {background-position: -360px -24px;}
.icon-volume-down span {background-position: -384px -24px;}
.icon-volume-up span {background-position: -408px -24px;}
.icon-qrcode span {background-position: -432px -24px;}
.icon-barcode span {background-position: -456px -24px;}
.icon-tag span {background-position: 0 -48px;}
.icon-tags span {background-position: -25px -48px;}
.icon-book span {background-position: -48px -48px;}
.icon-bookmark span {background-position: -72px -48px;}
.icon-print span {background-position: -96px -48px;}
.icon-camera span {background-position: -120px -48px;}
.icon-font span {background-position: -144px -48px;}
.icon-bold span {background-position: -167px -48px;}
.icon-italic span {background-position: -192px -48px;}
.icon-text-height span {background-position: -216px -48px;}
.icon-text-width span {background-position: -240px -48px;}
.icon-align-left span {background-position: -264px -48px;}
.icon-align-center span {background-position: -288px -48px;}
.icon-align-right span {background-position: -312px -48px;}
.icon-align-justify span {background-position: -336px -48px;}
.icon-list span {background-position: -360px -48px;}
.icon-indent-left span {background-position: -384px -48px;}
.icon-indent-right span {background-position: -408px -48px;}
.icon-facetime-video span {background-position: -432px -48px;}
.icon-picture span {background-position: -456px -48px;}
.icon-pencil span {background-position: 0 -72px;}
.icon-map-marker span {background-position: -24px -72px;}
.icon-adjust span {background-position: -48px -72px;}
.icon-tint span {background-position: -72px -72px;}
.icon-edit span {background-position: -96px -72px;}
.icon-share span {background-position: -120px -72px;}
.icon-check span {background-position: -144px -72px;}
.icon-move span {background-position: -168px -72px;}
.icon-step-backward span {background-position: -192px -72px;}
.icon-fast-backward span {background-position: -216px -72px;}
.icon-backward span {background-position: -240px -72px;}
.icon-play span {background-position: -264px -72px;}
.icon-pause span {background-position: -288px -72px;}
.icon-stop span {background-position: -312px -72px;}
.icon-forward span {background-position: -336px -72px;}
.icon-fast-forward span {background-position: -360px -72px;}
.icon-step-forward span {background-position: -384px -72px;}
.icon-eject span {background-position: -408px -72px;}
.icon-chevron-left span {background-position: -432px -72px;}
.icon-chevron-right span {background-position: -456px -72px;}
.icon-plus-sign span {background-position: 0 -96px;}
.icon-minus-sign span {background-position: -24px -96px;}
.icon-remove-sign span {background-position: -48px -96px;}
.icon-ok-sign span {background-position: -72px -96px;}
.icon-question-sign span {background-position: -96px -96px;}
.icon-info-sign span {background-position: -120px -96px;}
.icon-screenshot span {background-position: -144px -96px;}
.icon-remove-circle span {background-position: -168px -96px;}
.icon-ok-circle span {background-position: -192px -96px;}
.icon-ban-circle span {background-position: -216px -96px;}
.icon-arrow-left span {background-position: -240px -96px;}
.icon-arrow-right span {background-position: -264px -96px;}
.icon-arrow-up span {background-position: -289px -96px;}
.icon-arrow-down span {background-position: -312px -96px;}
.icon-share-alt span {background-position: -336px -96px;}
.icon-resize-full span {background-position: -360px -96px;}
.icon-resize-small span {background-position: -384px -96px;}
.icon-plus span {background-position: -408px -96px;}
.icon-minus span {background-position: -433px -96px;}
.icon-asterisk span {background-position: -456px -96px;}
.icon-exclamation-sign span {background-position: 0 -120px;}
.icon-gift span {background-position: -24px -120px;}
.icon-leaf span {background-position: -48px -120px;}
.icon-fire span {background-position: -72px -120px;}
.icon-eye-open span {background-position: -96px -120px;}
.icon-eye-close span {background-position: -120px -120px;}
.icon-warning-sign span {background-position: -144px -120px;}
.icon-plane span {background-position: -168px -120px;}
.icon-calendar span {background-position: -192px -120px;}
.icon-random span {background-position: -216px -120px;}
.icon-comment span {background-position: -240px -120px;}
.icon-magnet span {background-position: -264px -120px;}
.icon-chevron-up span {background-position: -288px -120px;}
.icon-chevron-down span {background-position: -313px -119px;}
.icon-retweet span {background-position: -336px -120px;}
.icon-shopping-cart span {background-position: -360px -120px;}
.icon-folder-close span {background-position: -384px -120px;}
.icon-folder-open span {background-position: -408px -120px;}
.icon-resize-vertical span {background-position: -432px -119px;}


	/*     --testimonial-simple
------------------------------------------------- */
.testimonial-simple blockquote {
  margin: 0;
  padding: 15px 20px;
  font-family: "Georgia", serif;
  font-style: italic;
  background-color: #eee;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
  behavior: url(../../files/portfolino/css/tl_files/the-photographer/scripts/PIE.htc);
  font-size: 13px;
}

.testimonial-simple blockquote:after {
    content: "";
    display: block;
    position: relative;
    left: 0px;
    top: 22px;
    width: 7px;
    height: 8px;
    background: transparent url("../../files/portfolino/img/features/quote_author.png") no-repeat;
}
.testimonial-simple .author {margin-top: 15px;font-size: 11px; display: inline-block; float: left;}
.testimonial-simple .company {float: right; display: inline-block; font-size: 10px; font-weight: bold; color: #999; margin-top: 15px;}

/*     --testimonial-extended
------------------------------------------------- */
.testimonial-extended {border: 1px solid #c6c6c6; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; padding: 1px; position: relative; margin-bottom:35px;}
.testimonial-extended img {float: left; margin: 0 5px 5px 0;}
.testimonial-extended .outer {min-height: 200px; background: #fff url(../../files/portfolino/img/features/testimonial-bg.png) bottom left repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.testimonial-extended .inner {padding: 22px 28px 22px 48px; background: url(../../files/portfolino/img/features/testimonial-quotes.png) no-repeat 17px 24px; color: #424242; text-shadow: none; }
.testimonial-extended .bottom-arrow {background: url(../../files/portfolino/img/features/testimonial-bottom-shadow.png) no-repeat; width: 150px; height: 14px; position: absolute; bottom: -14px; left: 1px; }
.testimonial-extended .bottom-shadow {background: url(../../files/portfolino/img/features/testimonial-bottom-arrow.png) no-repeat; width: 23px; height: 23px; position: absolute; bottom: -22px; right: 38px; }
.testimonial-extended .info { background: url(../../files/portfolino/img/features/testimonial-separator.png) repeat-x; padding: 13px 0 0; text-align: right; font-family: Georgia, serif; margin-top: 10px; }
.testimonial-extended .author { font-size: 13px; color: #111111; display: block; }
.testimonial-extended .company { font-size: 11px; color: #9c9c9c; font-style: italic; display: block; }

/*     --ce_accordion
------------------------------------------------- */
.ce_accordion .toggler {background: url(../../files/portfolino/img/features/toggle-plus.png) left center no-repeat; cursor: pointer; padding: 7px 0 7px 20px; border-bottom: 1px solid #E7E7E7; font-size: 15px; font-weight: bold;}
.ce_accordion .toggler.active {background: url(../../files/portfolino/img/features/toggle-minus.png) left center no-repeat; margin-bottom: 10px;}

/*     --nachrichtenliste
------------------------------------------------- */
.nachrichtenliste {margin-bottom: 25px; overflow: hidden;}
.nachrichtenliste .image_container {width: 40%; float: left; margin-right: 5%;}
.nachrichtenliste .image_container img {margin-bottom: 20px;}
.nachrichtenliste .info {border-bottom:1px solid #EBEBEB; border-top:1px solid #EBEBEB; color:#9E9E9E; font-family:Georgia,serif; font-size:12px; font-style:italic; margin-bottom:11px; padding:8px 5px 7px 4px; text-transform:uppercase;}
.nachrichtenliste .more {float: right;}

/*     --nachrichtenleser
------------------------------------------------- */
.mod_newsreader .nachrichtenleser .image_container {margin-bottom: 20px;}
.mod_newsreader .back {padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd;}
.mod_newsreader .back a {font-size: 10px; text-transform: uppercase;}
.mod_newsreader .nachrichtenleser .info {border-bottom:1px solid #EBEBEB; border-top:1px solid #EBEBEB; color:#9E9E9E; font-family:Georgia,serif; font-size:12px; font-style:italic; margin-bottom:11px; padding:8px 5px 7px 4px; text-transform:uppercase;}

.mod_newsreader .image_container.float_left{
	padding-right:20px;
}
.mod_newsreader .image_container.float_right{
	padding-left:20px;
}


/*     --nachrichtenleser
------------------------------------------------- */
.ce_news_gallery li {width: 30%; display: inline-block; margin-bottom: 10px; margin-right: 1%;}

/*     --comment_default
------------------------------------------------- */
.comment_default {padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 25px;}

/*     --login-form
------------------------------------------------- */
.mod_login {padding: 40px; border: 1px solid #ddd; background: #f1f1f1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../../files/portfolino/css/tl_files/the-photographer/scripts/PIE.htc);}

	/*     --ce_hyperlink
------------------------------------------------- */
.ce_hyperlink a {
	color: #fff;
    line-height: 22px;
    font-weight: bold;
    text-shadow: -1px -1px 1px rgba(0,0,0, 0.25);
    padding: 6px 12px 5px;
    text-align: center;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 18px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12);
    box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12);
	background: #7a7a7a;
	behavior: url(../../files/portfolino/css/tl_files/portfolino/scripts/PIE.htc);
}

.ce_hyperlink a:hover {
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
    -moz-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
    box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);
	behavior: url(../../files/portfolino/css/tl_files/portfolino/scripts/PIE.htc);
}

.ce_hyperlink a:active {
    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08);
    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08);
    box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08);
    behavior: url(../../files/portfolino/css/tl_files/portfolino/scripts/PIE.htc);
}

[class^="ce_hyperlink icon-"] a span {
 display: inline-block;
  width: 14px;
  height: 14px;
  opacity: 0.6;
  vertical-align: text-top;
  background-image: url(../../files/portfolino/img/icons/buttons.png);
  background-repeat: no-repeat;
  margin-right: .6em;
} 

/*     --nachrichtenteaser
------------------------------------------------- */
.nachrichtenteaser .headline {font-weight: bold; margin-bottom: 5px;}
.nachrichtenteaser .info {background: url(../../files/portfolino/img/icons/icon-clock.png) left center no-repeat; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 3px 0 3px 30px; margin-bottom: 5px; font-size: 10px;}


/*     --wrapper
------------------------------------------------- */
.input-wrapper {margin-bottom: 12px;}

/*     --fieldset
------------------------------------------------- */
legend {display: none;}

/*     --width + colors
------------------------------------------------- */
input, select, textarea {width: 100%; padding: 15px 10px; border: 1px solid #ededed; color: #fff; background: #595151; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*     --felder
------------------------------------------------- */
label {width: 100%; float: left; margin-bottom: 5px;}
select {height: 35px; padding: 8px;}
textarea {height: 200px;}

/*     --radio-buttons
------------------------------------------------- */
.radio_container {margin-top: 1px;}
.radio_container legend span {margin-bottom: 5px; display: inline;}
.radio_container label {float: none;}
.radio_container input {width: 20px; border: none; padding: 0; background: none;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}

/*     --checkboxes
------------------------------------------------- */

.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin-bottom: 5px; display: inline;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px; border: none; padding: 0; background: none;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}

/*     --submit-button
------------------------------------------------- */
.submit_container input {
	background: #595151; 
	padding: 10px 18px; 
	color: #fff; 
	text-decoration: none;
	position: relative;
	cursor: pointer;
	font-size: 10px;
	margin-bottom: 5px;
	border: 0;
	display: inline-block;
	width: auto;
	margin-top: 20px;
}

/*     --errors
------------------------------------------------- */
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                tablets                                                                                */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 1002px) {
	/* width */
	#wrapper,
	/*#header .inside,*/
	#mainmenu,
	#mainmenu_k ul,
	#footer .inside {width: 98%; max-width: 1002px;}
	
	/* full width */
	body.full_width #main .inside {padding: 0; width: 100%;}
	
	/* sidebar_right */
	body.sidebar_right #main .inside {padding-right: 5%; border-right: 1px solid #ddd;}
	body.sidebar_right #right .inside {padding-left: 5%;}
	
	/* sidebar_left */
	body.sidebar_left #main .inside {padding-left: 5%; border-left: 1px solid #ddd;}
	body.sidebar_left #left .inside {padding-right: 5%;}
	
	/* sidebar_both */
	body.sidebar_both #main .inside {padding: 0 10%; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
	body.sidebar_both #left .inside {padding: 0 10%;}
	body.sidebar_both #right .inside {padding: 0 10%;}

	/* mobile-select */
	#mobile-select {display: none;}
	
	/* ce_gallery */
	/*
		- change dbopp: removed .ce_gallery, so the classes are also usable for other items as well
	*/
	.row2, .row3, .row4, .row5, .row6, .row7, .row8, .row9, .row10, .row11, .row12 {width: 49.5%; margin-right: 0;}
	/* to change or not to change? */
	.ce_gallery li:nth-child(2n+1) {margin-right: 1%!important;}

	/* changes dbopp */
	.row2{width:100%;margin-right: 0;}
	.row2 .row2{width: 48%;margin-right:0; display: inline-block;}
	
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                phone                                                                                  */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 650px) {
	/* body */
	body {padding: 0;}
	
	/* wrapper */
	#wrapper {width: 100%;}
	
	/* container */
	#container {padding: 15px;}
	
	/* header */
	header {width: 100%;}
	
	/* logo */
	
#logo {position: relative;margin:0 auto;}
	#logo {text-align: center; position: static; padding-top:20px; padding-bottom:20px; width:100%; background-color:#fff;}	
	#logo img{display:block;	width:90%; margin: 0 auto; }
	
	
	/*
	#logo .img{
		display:none;
	}	
	*/
	
	#logo{
		padding-left: 20px; /* same as padding-top */
	}
	#logo .img.img{
		width: 140px;
		height: 140px;
		margin-top:0;
	}

	
	/* mainmenu + mobilemenu */
	#mainmenu {text-align: center; position: static; background: none;}
	#dropdown, #dropdown_1 {display: none;}
	#mobile-select {display: inline-block; width: 100%; margin: 0; position: fixed; left: 0; bottom: 0; z-index: 10000; color: #fff;}
	
	/* headerbild & slider ausblenden */
	.mod_pageImage,
	.camera_wrap {display: none!important;}
	
	#header, #header .inside{min-height: 49px;}
	
	/* welcome-line */
	.welcome-line {text-align: center; margin: 15px;}
	.welcome-line .button {margin-bottom: 10px;}
	
	/* contao sidebar */
	#right, #left {width: 100%; float: none; margin-bottom: 10px;}
	#right .inside, #left .inside {padding: 0!important;}
	
	/* main */
	#main {width: 98%; margin: 0;}
	#main .inside {padding: 0!important; border: 0!important;}
	
	/* css framework + extension subcolumns */
	.one_half, .half_width, .one_third, .two_third, .one_fourth, .one_fifth, .four_fifth, .one_sixth, .two_fifth, .three_fifth, .four_sixth, .three_fourth {float: none; width: 100%; padding: 0; margin: 0;}
 	.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
 	.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none; width: 100%; padding: 0; margin: 0;}
 	.subcr, .subcl, .subc {padding: 0!important;}
 	
 	/* image_container */
 	.image_container {margin-bottom: 10px;}
 	
 	/* footer */
 	#footer .inside {margin-bottom: 25px; text-align: center;}

 	
 	/* socials */
 	#socials {display: none;}

 	/* disable webkit text size adjust (for iPhone) */
 	html {-webkit-text-size-adjust: none;} 
 	
 	/* tables */
 	table {font-size: 9px;}
 	
 	/* ce_gallery */
	/* changes dbopp: removed .ce_gallery */
	 .row2, .row3, .row4, .row5, .row6, .row7, .row8, .row9, .row10, .row11, .row12{ width: 100%; margin-right: 0;}
	 .row2 .row2{width: 100%;margin-right:0;}
}

body.sidebar_right #container{
	padding-right:0;
}
body.sidebar_right #right,
body.sidebar_right #main{
	width: 100%;
	margin-right:0;
}

@media only screen and (max-width: 1002px) {
	body.sidebar_right #main .inside{
		border-width:0;
		padding:0;
	}
}

@media only screen and (min-width: 1003px) {
	body.sidebar_right #container{
		padding-right: 35%;
	}

	body.sidebar_right #main,
	body.sidebar_right #right{
		float:left;
	}
	
	body.sidebar_right #main{
		margin-right:0;
	}

	body.sidebar_right #right{
	/*
		// should be 35% of container, but it's like 50% of self...
		width: 35%;
		margin-right:-35%;
	*/
	
		width:50%;
		margin-right:-50%;
	
	}

}
	body.sidebar_right #footer{
		clear:both;
	}

	
/*
@media only screen and (min-width: 651px) {
	#logo img{
		display: none!important;
	}
}
*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                Main-Menue                                                                             */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#mainmenu {background: #fff; box-shadow: #555 5px 5px 5px;}
#mainmenu_k { background:#222;}
#mainmenu_k a{color:#ddd;}

#mainmenu_k ul, #mainmenu ul {overflow: hidden; text-align: right;}
#mainmenu_k li, #mainmenu li {display: inline-block;}
#mainmenu_k li a, #mainmenu li a {font-family: 'Open Sans', serif; display: inline-block; padding: 20px 20px; text-decoration: none; font-size: 15px; line-height: 13px; font-weight: 400;}

#mainmenu_k li a{padding: 16px 16px; font-size:13px;}

#mainmenu_k li.first a, #mainmenu li.first a {margin-left: 6px;}
#mainmenu_k span, #mainmenu span {display: block; line-height: 13px; margin-top: 6px; font-size: 11px; font-family: Arial; text-transform: uppercase; position: absolute; top: 22px; left: 0; padding: 10px 25px;}

/*     --aktive & trail
------------------------------------------------- */
#mainmenu_k li a.mainMenuParentBtnFocused, #mainmenu li a.mainMenuParentBtnFocused,
#mainmenu_k li.active a, #mainmenu li.active a,
#mainmenu_k li a.trail, #mainmenu li a.trail {background: #222; color: #fff;}

/*     --hover
------------------------------------------------- */
#mainmenu_k li a:hover, #mainmenu li a:hover {background: #222; color: #fff;}
#mainmenu_k li a, #mainmenu li a {transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                Drop-Down                                                                       */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.smOW {display:none; position: absolute; overflow:hidden; padding: 0; margin: 0;}

/*     --links
------------------------------------------------- */
#subMenusContainer a {padding: 7px 0 7px 35px; display: block; color: #fff; min-width: 234px; background: url(../../files/portfolino/img/icons/icon-arrow-white.png) 10px center no-repeat;}

/*     --hover
------------------------------------------------- */
#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {background-color: #333;}
#subMenusContainer a {#subMenusContainer a transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}

/*     --aktive & trail
------------------------------------------------- */
#subMenusContainer a.trail, #subMenusContainer li.active a {background-color: #333; padding-left: 40px;}

/*     --ul layer 2
------------------------------------------------- */
#subMenusContainer ul.level_2 {background: #000;}

/*     --ul layer 3
------------------------------------------------- */
#subMenusContainer ul.level_3 {background: #000;}

/*     --hide subMenusContainer
------------------------------------------------- */
#subMenusContainer {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }

/*     --IE hacks
------------------------------------------------- */
#dropdown li ul, #dropdown_1 li ul {display: none;} /* flashing */

/*     --mobilenavi
------------------------------------------------- */
#mobilenavi, #mobilenavi_k {display: none;}
#mobile-select, #mobilenavi_k {display: none;}
/*     --reset
------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ol, ul {list-style: none;}
table {border-spacing: 0;}
   
/*     --float classes
------------------------------------------------- */
.float-left {float: left;}
.float-right {float: right;}

/*     --lightbox link höhe
------------------------------------------------- */
.image_container a {line-height: 0;}
   

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                colors                                                                            */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body.color1 #header,
body.color1 #footer {background-image: url(../../files/portfolino/img/backgrounds/color1.jpg)}

body.color2 #header,
body.color2 #footer {background-image: url(../../files/portfolino/img/backgrounds/color2.jpg)}
body.color2 #footer,
body.color2 #footer a {color: #fff;}
body.color2 .welcome-line .button {background: #70017a;}
body.color2 #teaser_boxes .glyph,
body.color2 #teaser_boxes h3 {color: #70017a;}

body.color3 #header,
body.color3 #footer {background-image: url(../../files/portfolino/img/backgrounds/color3.jpg)}
body.color3 #footer,
body.color3 #footer a {color: #fff;}
body.color3 .welcome-line .button {background: #36456c;}
body.color3 #teaser_boxes .glyph,
body.color3 #teaser_boxes h3 {color: #36456c;}

body.color4 #header,
body.color4 #footer {background-image: url(../../files/portfolino/img/backgrounds/color4.jpg)}
body.color4 #footer,
body.color4 #footer a {color: #fff;}
body.color4 .welcome-line .button {background: #006e77;}
body.color4 #teaser_boxes .glyph,
body.color4 #teaser_boxes h3 {color: #006e77;}

body.color5 #header,
body.color5 #footer {background-image: url(../../files/portfolino/img/backgrounds/color5.jpg)}
body.color5 #footer,
body.color5 #footer a {color: #fff;}
body.color5 .welcome-line .button {background: #9a9a9c;}
body.color5 #teaser_boxes .glyph,
body.color5 #teaser_boxes h3 {color: #9a9a9c;}

body.color6 #header,
body.color6 #footer {background-image: url(../../files/portfolino/img/backgrounds/color6.jpg)}
body.color6 #footer,
body.color6 #footer a {color: #fff;}
body.color6 .welcome-line .button {background: #3e3e3e;}
body.color6 #teaser_boxes .glyph,
body.color6 #teaser_boxes h3 {color: #3e3e3e;}

body.color7 #header,
body.color7 #footer {background-image: url(../../files/portfolino/img/backgrounds/color7.jpg)}
body.color7 #footer,
body.color7 #footer a {color: #fff;}
body.color7 .welcome-line .button {background: #831804;}
body.color7 #teaser_boxes .glyph,
body.color7 #teaser_boxes h3 {color: #831804;}

body.color8 #header,
body.color8 #footer {background-image: url(../../files/portfolino/img/backgrounds/color8.jpg)}
body.color8 #footer,
body.color8 #footer a {color: #fff;}
body.color8 .welcome-line .button {background: #d96b0c;}
body.color8 #teaser_boxes .glyph,
body.color8 #teaser_boxes h3 {color: #d96b0c;}

body.color9 #header,
body.color9 #footer {background-image: url(../../files/portfolino/img/backgrounds/color9.jpg)}
body.color9 #footer,
body.color9 #footer a {color: #fff;}
body.color9 .welcome-line .button {background: #65ccef;}
body.color9 #teaser_boxes .glyph,
body.color9 #teaser_boxes h3 {color: #65ccef;}

body.color10 #header,
body.color10 #footer {background-image: url(../../files/portfolino/img/backgrounds/color10.jpg)}
body.color10 #footer,
body.color10 #footer a {color: #fff;}
body.color10 .welcome-line .button {background: #f273aa;}
body.color10 #teaser_boxes .glyph,
body.color10 #teaser_boxes h3 {color: #f273aa;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                backgrounds                                                                            */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

body.bg1 {background: url(../../files/portfolino/img/backgrounds/bg1.png) repeat}
body.bg2 {background: url(../../files/portfolino/img/backgrounds/bg2.png) repeat}
body.bg3 {background: url(../../files/portfolino/img/backgrounds/bg3.png) repeat}
body.bg4 {background: url(../../files/portfolino/img/backgrounds/bg4.png) repeat}
body.bg5 {background: none;}

/* changes-dbopp.css */
body{background-image:url("../../tl_files/webbaumeister/design/h_3.jpg");background-repeat:repeat;font-family: Gibson, Arial, sans-serif;font-size: 1em}#mainmenu_k li a,#mainmenu li a{font-family: Gibson, Arial}h1,h2,h3,h1 a,h2 a,h3 a{font-family:Gibson-SemiBold,Times;    font-weight:normal}footer h5,footer .h5{font-size: 15px;margin-bottom: 4px}footer h4,footer .h4{margin-bottom: 4px}button:hover,input[type="submit"]{cursor: pointer}#header,#header .inside{max-height: 600px}#footer{background-color:#222;background-image:url("../../auto");font-size:13px;color:#ddd}#footer a{color:#fff}#mainmenu_k li a:hover,#footer a:hover{color:#fff}#mainmenu_k,#footer{background-color: #1d1d1b}.mod_pageImage{margin-top:-53px}#referenzen .ce_gallery li{display:none}#referenzen .ce_gallery.logos li{display:inline-block}#referenzen .ce_gallery li.col_0.col_first{display:block}#referenzen .ce_gallery.logos li.col_0.col_first{display:inline-block}#referenzen .ce_gallery li.row4{width:auto}.mod_article{overflow:visible}#header img{display:block;margin-left:auto;margin-right: auto}.kundenlogin label,.kundenlogin #ctrl_14_confirm{display:none}.kundenlogin .submit_container{margin-left:0}#header img[src*=Startseite],#header img[src*=Kaffee],#header img[src*=team]{margin-top:-20px}#header img[src*=referenzen]{margin-top:-74px}#header img[src*=Angebot]{margin-top:-45px}#header img[src*=Team],#header img[src*=News]{margin-top:-40px}#header img[src*=news]{margin-top:-170px}#header img[src*=Geschaeftsleitung],#header img[src*=bei-der-Arbeit]{margin-top:-40px}.ce_table{margin-top:.75em}hr{margin-top:20px;margin-bottom:20px;border-top:1px solid #C7C7C7}a{color: #888}a:hover,a:focus{color: #000}#teaser_boxes .one_half,#teaser_boxes .one_third{background: none repeat scroll 0 0 #FFFFFF;    border: 1px solid #E3E3E3;    padding: 15px}.ce_text ul,.ce_list ul{overflow:hidden;zoom: 1; /* IE 7+ */}#logo .img{width:215px;height:215px;margin-top:35px}#logo{top:-10px}#teaser_boxes{text-align: left}.mod_newslist .info{font-size:0.85em}.image_container{margin-bottom: 20px;    margin-top: 12px}#support-d td{min-width: 40%}#wrapper aside a img:hover{transform: scale(1.0)}.zentriert{text-align: center;margin-bottom: 1em}.mitarbeiter .ce_image figure{margin-top:0}.mitarbeiter h2{margin-bottom:0;margin-top:1em}.blockquote-a + p + figure > img{border-radius: 50%}#kundenmeinungen-156 .ce_text{margin-bottom: 2em;max-width:40em;margin-left:auto;margin-right:auto}#kundenmeinungen-156 .ce_text.last{margin-right:auto!important}#mainmenu ul ul{display: none}#mainmenu ul.level_2{background: #000 none repeat scroll 0 0;position: absolute;top:53px;left:0;max-height:0;transition: all 0.5s ease 0s;display: block!important;overflow: hidden;opacity:0.85}#mainmenu li:hover ul.level_2{max-height: 250px}#mainmenu ul.level_2 a{background: rgba(0, 0, 0, 0) url("../../tl_files/portfolino/img/icons/icon-arrow-white.png") no-repeat scroll 10px center;    color: #fff;    display: block;    min-width: 234px;    padding: 7px 0 7px 35px;line-height:21px;text-align:left;font-size: 100.01%;margin-left:0}#mainmenu ul.level_2 a:hover,#mainmenu ul.level_2 a:focus{background-color: #333}#mainmenu_k li,#mainmenu li{position: relative}#mainmenu,#dropdown,#mainmenu_k ul,#mainmenu ul{overflow: visible}.ce_downloads li{margin-bottom:12px}body.full_width [id*="kundenmeinungen"] figure.float_left,body.full_width [id*="kundenmeinungen"] figure.float_right{float:none}body.full_width [id*="kundenmeinungen"] figure.float_left img,body.full_width [id*="kundenmeinungen"] figure.float_right img{display: block;margin:0 auto}.blockquote-a{background:none}.one_third{border-top: 1px solid #c7c7c7;margin-top:20px;padding-top:20px}.one_third h2{margin-top:0}.wbm-spricht{font:22px/1.3em gibson-semibold,times;font-weight:bold;font-style:italic;color:#595151;letter-spacing:.04em}h2,.h2{margin-top: 60px}.no-top-margin h2{margin-top:0}.cta{margin: 60px calc(-50vw + 50%)!important;padding: 60px;text-align: center;background-color: #000}.cta h2{margin-top: 0;font-weight:bold;color: white;letter-spacing: 0.04em}.cta p{font-size: 1.25em;color: #fff;line-height: 1.5em}.cta button,#bitte-kontaktieren-sie-mich input[type="submit"]{box-sizing: border-box;padding: 15px 10px;width: 50%;font-size: 100%;background-color: #fff;font-weight:bold;color: #000;max-width: 21em;transition: box-shadow 0.2s;margin-top:0.5em;min-width: 225px}.cta button:hover,#bitte-kontaktieren-sie-mich input[type="submit"]:hover{box-shadow: 0 1px 4px 1px white}#bitte-kontaktieren-sie-mich form{max-width: 40em}#bitte-kontaktieren-sie-mich .widget,#bitte-kontaktieren-sie-mich input[type="submit"]{margin-top: 15px}.layout_latest .slider-control{display: none}.slider-wrapper .image_container{margin-bottom: 0;    margin-top: 0}.h1-new{text-align: center;font-size: 58px}.aside-img{border-top-width:0;margin-top: 12px;padding-top:0;font-size: 20px;line-height: 1.4em}p::selection{background-color: black;color: white}.zitate img{border-radius: 50%}ol{list-style:initial;margin: auto;padding-left: 1em;margin-bottom: 15px}.ce_text ol li{list-style-type: lower-latin}.blockquote-a{font-family:Gibson,Times}header .mod_pageImage > .image_container{margin-bottom:0}.background-color-2{/* background-color: #c0b9b1; */padding-bottom: 0px;margin-bottom:-30px}.background-color-2.background-color-2 > figure{margin-top:0;margin-bottom: 30px}.submit{background: #595151;  padding: 10px 18px;  color: #fff;  text-decoration: none;  position: relative;  cursor: pointer;  font-size: inherit;  margin-bottom: 5px;  border: 0;  display: inline-block;  width: auto;  margin-top: 20px}label{margin-top:10px;margin-bottom: 2px}#article-251 img{max-width:75%}#article-253 h2{font-size:4rem}#article-253 a{color: inherit}#article-251{display:flex;flex-wrap: wrap;align-items: center;justify-content: space-around}#article-251 .one_third{border-width:0;max-width:30%;margin-right:0}
@media all and (max-width:650px){
/* changes-dbopp-media.css */
.zentriert{text-align: left}#wrapper{margin-left:auto;margin-right:auto;width:98%}.one_fourth + .one_fourth{margin-top: 2em}
}