/*
*
* 	SECONDRED.de - Druckansicht 
*
*/
/* Regular */
@font-face {
    font-family: 'Open Sans';    
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;font-weight: 400; font-style: normal;
}
/* Light */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;font-style: normal;

}
/* Semibold */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500;font-style: normal;

}
/* Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold; font-weight: 700;font-style: normal;
}
@font-face {
    font-family: 'TrashHand';
    src: url('fonts/TrashHand-webfont.eot');
    src: url('fonts/TrashHand-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/TrashHand-webfont.woff') format('woff'),
         url('fonts/TrashHand-webfont.ttf') format('truetype'),
         url('fonts/TrashHand-webfont.svg#TrashHand') format('svg');
    font-weight: normal; font-style: normal;
} 
@font-face {
  font-family: "secondred";å
  src:url("fonts/secondred.eot");
  src:url("fonts/secondred.eot?#iefix") format("embedded-opentype"),
    url("fonts/secondred.woff") format("woff"),
    url("fonts/secondred.ttf") format("truetype"),
    url("fonts/secondred.svg#secondred") format("svg");
  font-weight: normal; font-style: normal;

}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "secondred" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;
  text-transform: none !important; speak: none;line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {content: "a";}
.icon-facebook:before {content: "b";}
.icon-adresse:before {content: "c";}
.icon-mail:before {content: "d";}
.icon-mobile:before {content: "e";}
.icon-phone:before { content: "f";}
.icon-social:before {content: "g";}
.icon-photos:before {content: "s";}
.icon-projekt:before { content: "r";}
.icon-video:before {content: "q";}
.icon-webapps:before {content: "p";}
.icon-label:before {content: "k";}
.icon-agentur:before {content: "n";}
.icon-alle:before {content: "j";}
.icon-lupe:before {content: "o";}
.icon-journal:before { content: "w";}
.icon-display:before { content: "m";}
.icon-card:before {content: "i";}
.icon-calendar:before { content: "l";}
.icon-arrow-rt:before { content: "h";}
.icon-form:before {content: "u";}
.icon-fax:before {content: "v";}
.icon-service:before {content: "t";}
.icon-phone-2:before { content: "x";}
.icon-consulting:before {content: "y";}
.icon-webseiten:before {content: "z";}
.icon-lupe:before { content: "A";}
.icon-branding:before { content: "B";}
.icon-mail-2:before {content: "C";}
.icon-pinterest:before { content: "D";}
.icon-xing:before { content: "E";}
.icon-gplus:before {content: "F";}
.icon-linkedin:before {content: "G";}
.icon-play:before {content: "H";}


body { font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding-left:1cm}

#mobilemenu,
.front #teaser,
.front #footer,
.aktuelles #sidebar-rt,
#overlayBox .subBg, 
#subContent .subBg,
#overlayBox .subBgLine, 
#subContent .subBgLine,
#header{ display:none}

#printlogo { display:block; text-align:right; padding-bottom:20px; border-bottom:2spx solid #c9442e}
#printlogo img { width:250px; height:auto}

#inner { padding-top:30px;display: block;overflow:auto}
#inner > section,
#inner > main,
#inner > footer { display:block; float:none	}

#container,
#inner,
#inner > section,
#inner > main,
#inner > footer { height:auto !important; width:auto !important}

html, body, #scrollarea, #scrollarea #container, #scrollarea #inner { overflow:initial !important}

#mainContent { padding-left:0; padding-right:0; padding-top:0}

#overlayBox *, 
#subContent *,
#subContent .contentHead h2{ color:#666}

#overlayBox, 
#subContent { padding-left:0; margin-right:0}

/* -- Slider -- */
.swiper-container { overflow:visible}
.swiper-wrapper {
	-webkit-transform: translate(0px, 0px) translate3d(0px, 0px, 0px) !important;
	-moz-transform: translate(0px, 0px) translate3d(0px, 0px, 0px) !important;
	-o-transform: translate(0px, 0px) translate3d(0px, 0px, 0px) !important;
	-ms-transform: translate(0px, 0px) translate3d(0px, 0px, 0px) !important;
	transform: translate(0px, 0px) translate3d(0px, 0px, 0px) !important;
	width:auto !important; height:auto !important
}
.swiper-slide { width:20% !important; height:auto !important}
.swiper-slide .desc { display:none}

#subContent .contentHead { padding-top:75px; margin-bottom:80px;font-size:18px}
#subContent .contentHead h2 {font-size:40px; font-weight:200; text-transform:uppercase; margin-bottom:20px; }

/* -- Footer -- */
#footer {  padding-top:30px; page-break-before:always}

/* -- Startseite-- */
body.front #subContent {page-break-before: always;}

.block h3{ font-size:21px; text-transform:uppercase; line-height:27px; font-weight:200; }
.block h3 a{ text-decoration:none; display:block}
.block a.img,.block a.img:before, .block a.img img {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.block a.img span { display:none}

/* -- Block News -- */
.row .block-news { margin-right:40px; width:auto; float:none}
.block-news:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.block-news h3,
.block-news .inner  { padding-left:0; padding-right:0}
.block-news a.btnMore { margin-left:0} 
.block-news h3 { padding-top:60px}
.block-news h3 a{ color:#ce2e2e;}
.block-news h3 a:hover{ color:#af4978; text-decoration:none !important}
.block-news a.img { float:left; margin-right:50px; width:250px; height:250px}
.block-news a.img img {width: inherit !important; height:inherit !important}
.block-news a.btnMore { display:none}

/* -- Block mit Bild -- */
.block-img {}
/* -- Block Service  -- */
.row .block-service { float:none; width:auto}
.block-service h3 { float:left; margin-right:50px; width:300px}

.block-service h3,
.block-service h3 a {color:#ce2e2e !important}
.block-service h3:before { color: #666 !important}
.block-service .inner { overflow:hidden;}
.block-service a.btnMore { display:none}

#contactBox { color:#666;}
#contactBox ul li:before { color:#666;}


/* -- Map Startseite -- */
#gmap { height:auto !important}
#map { height:500px !important}

/* -- Teaser -- */
#teaser .overlay { display:none}
#teaser .teaserInner { -webkit-border-radius:50%; -moz-border-radius:50%;border-radius:50%; overflow:hidden; height:400px; width:400px !important;}
#teaser .teaserItem { width:auto !important; height:auto !important; left:auto !important}

#mainContent .contentHead { margin-bottom:45px}
#mainContent .contentHead h1{color:#ce2e2e;font-size:40px; font-weight:200; text-transform:uppercase; margin-bottom:20px; line-height:40px; margin-top:0}
#mainContent .contentHead p{ color:#666; font-size:18px; text-transform:uppercase; font-weight:400}

#mainContent .row { display:inline}
#mainContent .row .block { float:none}
/* -- Referenzen -- */
body.referenzen #teaser { float:right; margin-left:30px;}
body.referenzen #teaser .teaserInner img{ 
	position:static; width:auto !important; height:400px !important;
	-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);
}

body.referenzen #mainContent { }
body.referenzen #mainContent .block-text { width:auto; margin-bottom:30px}
body.referenzen #mainContent .block-img { float:left; margin-right:30px}
body.referenzen #mainContent .block-img img { margin-top:0; width:400px !important; height:auto !important}

#otherreferences,
#slider a.btnRound,
.sol-lft,
.sol-rt { display:none}

body.referenzen #subContent .swiper-slide img  { 
	width:100%; height:auto; position:static;
	-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);
}

/* -- Aktuelles -- */
body.aktuelles #sidebar-lft { display:none}
body.aktuelles #mainContent { padding:0}
#sidebar-lft.closed, #sidebar-lft.closed + #mainContent {
	-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);
}
.row.table,
.row.table .cell { display:block}
.row.table .cell:nth-child(even) .block-aktuelles { padding-top:0}
.row.table .cell:nth-child(even) .block-aktuelles a.img { position:relative; bottom: auto}
.block-aktuelles { height: auto !important}
.block-aktuelles a.img {}
.block-aktuelles a.img img{ width:inherit !important; height:inherit !important}
.block-aktuelles .inner { max-height:none}
.block-aktuelles .inner h3 { padding-top:50px}
body.aktuelles #mainContent .block-aktuelles a.img { margin-top:0}

/* -- Aktuelles Detail -- */
body.aktuelles-detail #teaser { float:right; margin-left:30px;}
body.aktuelles-detail #teaser .teaserInner img{ 
	position:static; width:auto !important; height:400px !important;
	-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);
}
body.aktuelles-detail #mainContent { padding-top:0}
body.aktuelles-detail #mainContent .block-text { width:auto; margin-bottom:30px}
body.aktuelles-detail #mainContent .block-img { float:left; margin-right:30px}
body.aktuelles-detail #mainContent .block-img img { margin-top:0; width:400px !important; height:auto !important}
body.aktuelles-detail #footer { page-break-before: auto}

/* -- Agentur -- */
body.agentur #teaser { float:right; margin-left:30px;}
body.agentur #teaser .teaserInner img{ 
	position:static; width:auto !important; height:400px !important;
	-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);
}
body.agentur #teaser .teaserInner .teaserItem .headline { color:#fff !important; font-size:33px; line-height:40px; left: 40px !important; opacity:1 !important}

body.agentur #mainContent { padding-top:0}
body.agentur #mainContent .block-text { width:auto; margin-bottom:30px}
body.agentur #mainContent .block-img { float:left; margin-right:30px}
body.agentur #mainContent .block-img img { margin-top:0; width:400px !important; height:auto !important}
body.agentur #footer { page-break-before: auto}

/* -- Agentur -- */
body.agentur #subContent{ page-break-before: always; padding-right:0}
body.agentur #subContent .row { margin-left:0; margin-bottom:20px}
body.agentur #subContent .row .block { margin-right:10px}
.block-teamplayer a.img { width:230px; height:230px; overflow:visible}
.block-teamplayer a.img:after {
	content: attr(data-name);
	text-decoration:none;
	bottom:-35px;
	font-size:18px;
	text-transform:uppercase;
	position:absolute;
	text-align:center;
	width:200px;
	margin-left:-100px;
	left:50%;
}

.subRow .block-teamplayer a.img { width:110px; height:110px}
.subRow .block-teamplayer a.img:after {
	font-size:14px;
	width:100px;
	margin-left:-50px;
	left:50%;
	line-height:18px;
	bottom:-50px;
}
#sponsoring { padding:70px 0}