/*
Theme Name: twentytwelve_child
Description: s.o.
Author: Bennet Jensch & Nils Rose
Author URI: http://www.jensch-rose.de
Template: twentytwelve
Version: 1.0
Tags:
*/
@import url("../twentytwelve/style.css");

/*Fonts einbinden*/
/* first for IE 4–8 */
@font-face {
	font-family: UnitWeb-Light;
	src: url("fonts/UnitWeb-Light.eot");
}

/* then for WOFF-capable browsers */
@font-face {
	font-family: UnitWeb-Light;
	src: url("fonts/UnitWeb-Light.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
	font-family: UnitWeb-Bold;
	src: url("fonts/UnitWeb-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
	font-family: UnitWeb-Bold;
	src: url("fonts/UnitWeb-Bold.woff") format("woff");
}

/* go on with normal style definitions */
h1, h2, h3, h4, h5, h6 { 
	font-family: UnitWeb-Bold, sans-serif;
	font-weight: normal;
}

.h4imgframe {
	padding: 2.571rem 0 0.4286rem 0 !important;
	margin: 0 !important;
}

.wpb_accordion_header a { 
	font-family: UnitWeb-Bold, sans-serif;
	font-weight: normal;
}

.h4img {
	color: #444444 !important;
	padding: 0 !important;
	margin: 0 !important;
}
.bold {	
	font-family: UnitWeb-Bold, sans-serif;
	font-weight: normal;
}

.black {
	color: #444444 !important;
}

div { 
	font-family: UnitWeb-Light, sans-serif;
}

/* first for IE 4–8 */
@font-face {
	font-family: UnitScWeb-Light;
	src: url("fonts/UnitScWeb-Light.eot");
}

/* then for WOFF-capable browsers */
@font-face {
	font-family: UnitScWeb-Light;
	src: url("fonts/UnitScWeb-Light.woff") format("woff");
}

/*Smallcaps*/
.smallcaps {
	font-family: UnitScWeb-Light;
}


/*header Bild ohne Schatten*/
img.header-image {
	box-shadow: none;
	margin: 2.571rem 0 0 0;
	padding: 0 10px;
	height: 17px ;
	width: 281px ;
}

.header-image {
padding-right: 50px !important;
}

/* Kommentare ausblenden*/
#comments {
	display:none;
}

/*Schatten für alle Bilder*/
.entry-content img, .comment-content img, .widget img, .author-avatar img, img.wp-post-image, .wpb_single_image img {
	border-radius: 0px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/*Bild ohne Schatten*/
.introimg img {
	box-shadow: none !important;
	padding-bottom: 3.429rem !important;
}
/*Bilder/Lables/Auszeichnungen rechts neben dem Content*/
.lableimg {
	text-align: bottom !important;
}

/*Seitetntitel h1 Formatierung*/
@media screen and (min-width: 960px) {
.entry-title {
	display: none;
}}

@media screen and (min-width: 766px) {
.entry-title {
	padding-left: 17.3% !important;
}
h1 {
	font-size: 26px !important;
	font-size: 1.857rem !important;
	margin-bottom: 1.714rem !important;
}
h2 {
	font-size: 22px !important;
	font-size: 1.571rem !important;
	margin-bottom: 1.714rem !important;
}
h3 {
	font-size: 18px !important;
	font-size: 1.286rem !important;
}
h4, .ac-container label {
	font-size: 18px !important;
	font-size: 1.286rem !important;
}
.wpb_accordion_header a {
	font-size: 18px !important;
	font-size: 1.286rem !important;
	color: #ffb491 !important;
}
.slider {
	font-size: 18px !important;
	font-size: 1.286rem !important;
}

.slidermobile {
	display: none;
}
.large {
	font-size: 26px !important;
	font-size: 1.857rem !important;
	line-height: 2.857 !important;
	line-height: 40px !important;
}}

/*Bodyfontsize festlegen*/
body {
	font-size: 15px ;
	font-size: 1.071rem ;
	line-height: 24px;
	line-height: 1.714rem;
	
}

footer {
	font-size: 15px !important;
	font-size: 1.071rem !important;
	line-height: 24px !important;
	line-height: 1.714rem !important;	
	margin-top: 0 !important;
}

/*Fontsizes für mobile erhöhen*/
@media screen and (max-width: 767px) {
body {
	font-size: 16px !important;
	font-size: 1.143rem !important;
}
footer {
	font-size: 16px !important;
	font-size: 1.143rem !important;
}
h2 {
	font-size: 23px !important;
	font-size: 1.643rem !important;
}
h3 {
	font-size: 19px !important;
	font-size: 1.357rem !important;
}
h4, .ac-container label {
	font-size: 19px !important;
	font-size: 1.357rem !important;
}
.wpb_accordion_header a {
	font-size: 19px !important;
	font-size: 1.357rem !important;
	color: #ffb491 !important;
}
.large {
	font-size: 28px !important;
	font-size: 1.857rem !important;
	line-height: 2.857 !important;
	line-height: 40px !important;
}
.captionframe {
	font-size: 15px !important;
	font-size: 1.071rem !important;
	padding: 0.357rem 10px 0.8571rem 10px !important;
}
.projectteaserframe {
	margin-bottom: 3.571rem !important;
}
.contentimg {
	padding-right: 10px !important;
}
.slider {
	font-size: 19px !important;
	font-size: 1.357rem !important;
}
.sliderdesktop {
	display: none;
}
.site {
    padding: 0px 0.8571rem;
}
#colophon {
	padding-left: 12px !important;
	padding-left: 0.8571rem !important;
	padding-right: 12px !important;
	padding-right: 0.8571rem !important;
}
.blogimg {
	margin: 0 !important;
}
.ultimate-map-wrapper, .gm-style, .ultimate_google_map {
	height: 198px !important;
}}

@media screen and (max-width: 960px) {
h1 {
	font-size: 28px !important;
	font-size: 2rem !important;
	margin-bottom: 1.714rem !important;
}
h2 {
	margin-bottom: 0.8571rem !important;
}}

@media screen and (min-width: 768px) and (max-width: 960px) {
.site-info {
	padding-left: 24px !important;
	padding-left: 1.714rem !important;
	padding-right: 24px !important;
	padding-right: 1.714rem  !important;
}
.ultimate-map-wrapper, .gm-style, .ultimate_google_map {
	height: 327px !important;
}}


/*Mouse hover Headlines*/
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, 
.sliderheadline a:link, .sliderheadline a:visited, .content a:link, .content a:visited, #colophon a:link, #colophon a:visited {
	color: #444444 !important;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, 
.sliderheadline a:hover, .content a:hover, #colophon a:hover {
	border-bottom: 1px solid #444444;
	color: #444444 !important;
}

a:focus {
    outline: none;
}

.linkimg img:hover, .blogimg img:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border: 0px !important;
}

h2 a.vc_gitem-link:hover {
	border: 0px !important;
}


/*Bilder*/
.contentimg {
	margin: 0.8571rem 0 0 10px !important;
	padding: 0px;
}

.linkimg img, .blogimg img {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: box-shadow 0.2s;
}


.linkimg {
	margin: 0 10px 0.8571rem 10px !important;
}


/*Text*/
h1 {
	line-height: 36px !important;
	line-height: 2.571rem !important;
}

h2 {
	margin-top: 0 !important;
	padding: 0 !important;
	line-height: 36px !important;
	line-height: 2.571rem !important;
}

h3 {
	line-height: 24px !important;
	line-height: 1.714rem !important;
	margin: 1.7142rem 0 0.8571rem 0 !important;
	padding: 0 !important;
}

h4, .ac-container label {
	color: #ffb491 !important;
	line-height: 24px !important;
	line-height: 1.714rem !important;
	margin: 0 !important;
	padding: 1.714rem 0 0.8571rem 0 !important;
}

.projectteaser {
	padding: 0 10px;
	text-align: left;
	margin: 0 !important;
	line-height: 24px !important;
	line-height: 1.714rem !important;
}

.projectteaserframe {
	margin-bottom: 3.571rem;
}

.teaser {
	padding: 0 10px;
	text-align: left;
	margin: 0 0 0.8571rem 0 !important;
	line-height: 24px !important;
	line-height: 1.714rem !important;
}

.content {
	padding: 0 10px;
	margin: 0 0 0.8571rem 0 !important;
	text-align: left;
	line-height: 24px !important;
	line-height: 1.714rem !important;
}

.captionframe {
	margin: 0 !important;
	padding: 0.357rem 25% 0.8571rem 10px;
	font-size: 14px;
}

.caption {
	line-height: 20px !important;
	line-height: 1.429rem !important;
}

.entry-header {
	margin-bottom: 0;
}

.slider {
	line-height: 24px !important;
	line-height: 1.714rem !important;
	margin: 0.8571rem 0 0 0 !important;
}

.sliderheadline {
	font-size: 26px !important;
	font-size: 1.857rem !important;
	line-height: 24px !important;
	line-height: 1.714rem !important;
	font-family: UnitWeb-Bold, sans-serif;
	font-weight: normal;
	margin-bottom: 0 !important;	
}

.slidersmallcaps {
	font-family: UnitScWeb-Light;
	color: #9B9B9B;
	margin-bottom: 0 !important;
}

/*Absände zwischen den Elementen*/
.wpb_row {
	margin-bottom: 0 !important;
}

.site-content {
    margin: 0;
}

.site-header {
	padding-bottom: 3.571rem;
	padding-top: 0;
}

/*slider-bullets nach rechts*/
.ms-bullets.ms-dir-h {
	left: 16px;
}

.ms-bullets-count {
right: 0px !important;
}


/*slider shadow*/
.sliderframe {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/*slider absände*/
.ms-slide-info.ms-dir-h {	
	margin: 2.571rem 1.714rem 0 1.714rem !important;
	width: auto !important;
	min-height: auto !important;
	
}

.sliderdesktop {
	margin-bottom: 1.714rem !important;
}

.slidermobile {
	margin-bottom: 2.571rem !important;
}

.master-slider-parent {
	padding-bottom: 2.571rem !important;
	background-color: #F8F8F8;
}

/*quickfix visual coposer*/
.wpb_single_image img {
    width: 100%;
}

.csstab {
   width: 60px;
   display: block;
   float: left;
}

footer {
	background-color: #FFF;
}

/*linien unten entfernen*/
.site-content article { 
	border-bottom: none; 
}

/*footer über die ganze fensterbreite + Inhalt zentrieren + "</div><!-- #page -->" in footer.php einfügen*/
footer[role="contentinfo"] {
	max-width: no ne;
	text-align: center;
}
/*footer auf Seitenbreite + zentrieren + Abstände zum Fenster*/
.site-info {
	max-width: 960px;
	margin: 0 auto;
}

/*border über footer dunkler*/
#colophon {
	border-top: 1px solid #C5C5C5;
	padding-bottom: 0 !important;
}

/*kein Abstand unter einem Element*/
.marginbottomzero {
	margin-bottom: 0 !important;
}


/*Abstand Seite zu Footer*/
.site-content article{
	margin-bottom: 3.571rem !important;
	padding-bottom: 0 !important;
}
.footerframe {
	margin-bottom: 3.571rem !important;
}

.nowrap {
	white-space: nowrap;
}

.zwischenhead {
	font-size: 22px !important;
	font-size: 1.571rem !important;
	color: #444444 !important;
	line-height: 24px !important;
	line-height: 1.714rem !important;
	margin: 0 !important;
	text-align: left;

}

.toggleBox {
	position: relative;
	display: none;
}
 
/* Ausblenden des input-Feldes */
.toggleBox input {
	position: absolute;
	left: -99999px;
}
 
/* Gestaltung der labels */
.toggleBox label {
	display: block;
	cursor: pointer;
	font-family: UnitWeb-Bold, sans-serif;
	font-weight: normal;
	color: #ffb491 !important;
	line-height: 24px !important;
	line-height: 1.714rem !important;
	margin: 0 !important;
	padding: 1.714rem 0 0.8571rem 0 !important;
}
 
.toggleBox label:hover {
}
 
/* Der Aufklappmechanismus */
.toggleBox input:not(:checked) ~ div {
	opacity: 0;
	height: 0;
	transition-property: opacity, display;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: opacity, display;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: opacity, display;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-in-out;
	-ms-transition-property: opacity, display;
	-ms-transition-duration: 0.5s;
	-ms-transition-timing-function: ease-in-out;
	-o-transition-property: opacity, display;
	-o-transition-duration: 0.5s;
	-o-transition-timing-function: ease-in-out;
}
 
.toggleBox input:checked ~ div {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
 
/* Steuerung der Sichtbarkeit der labels */
.toggleBox input:not(:checked) ~ .close,
.toggleBox input:checked ~ .open {
	display: none;
}

i.fa {
	font-weight: 900;
}

/* blog */
/* beitragsbild in beitrag nicht zeigen */
.entry-header img {
	display: none;
}

img.attachment-post-thumbnail.wp-post-image {
	max-height: 100% !important;
	max-width: 100% !important; 
}

/* accordion */
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
	background-color: transparent !important;
}


/* map */
.ultimate-map-wrapper img {
	box-shadow: none !important;
}

.ultimate-map-wrapper {
	background-color: #fff !important;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* kategorie + datum unter beiträgen ausblenden*/
footer.entry-meta {
	display: none;
}

/* accordion*/
.ac-container{
	width: 100%;
	margin: 0 10px 0 10px;
}

.ac-container label{
	font-family: UnitWeb-Bold, sans-serif;
	font-weight: normal;
	color: #ffb491;
	line-height: 24px;
	line-height: 1.714rem;
	margin: 0;
	padding: 1.714rem 0 0.8571rem 0;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
}