﻿/*======================================
Theme Name: Projektwerk
Theme URI: https://projektwerk-ing.de
Description: Ein Child Theme für TwentySixteen
Version: 1.0
Author: sh
Template: twentysixteen
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/
/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
       url('../fonts/titillium-web-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-300italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/titillium-web-v6-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'),
       url('../fonts/titillium-web-v6-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/titillium-web-v6-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
       url('../fonts/titillium-web-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('../fonts/titillium-web-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/titillium-web-v6-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'),
       url('../fonts/titillium-web-v6-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('../fonts/titillium-web-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-700italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/titillium-web-v6-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'),
       url('../fonts/titillium-web-v6-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

@media screen {
body, button, input, select, textarea{font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
color:#575756;
font-size: 1.125rem;
font-size:18px;
line-height: 1.65;}

body, button, input, select, textarea {background-color:#424242;
    color: #575756;
   font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
  font-size: 18px;
font-size: 1.125rem;
line-height: 1.25;
font-weight: 400;}

.site-branding, .site-header-menu, .header-image {
    margin-top: 0em;
    margin-bottom: 1.75em;
}
.site-title {
  font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 400;
	font-size: 40px;
    font-size: 2.5rem;
    margin: 0;color:#575756;
}
.site-description {font-family: 'Titillium Web', Arial, Helvetica, sans-serif; color: #575756;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.0769230769;
    margin: 0 0 0.5em 0;
}
.entry-title{  font-family: 'Titillium Web', Arial, Helvetica, sans-serif;font-size: 28px;
font-size: 2.875rem;
line-height: 1.25;
margin-top: 1.5em;
margin-bottom: 0em;
color: #E50067;
text-transform:uppercase;
font-weight:700;
}
.entry-content h2, .entry-summary h2, .comment-content h2 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.25;
    margin-top: 1em;
    margin-bottom: 0em;
    font-weight: 600;
    color: #575756;
}
.entry-content h3, .entry-summary h3, .comment-content h3 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.1052631579;
    margin-top: 1.35em;
    margin-bottom: 0;
	font-weight:600;
color:#E50067;
letter-spacing:0;
text-transform:none;
}

.entry-content h4, .entry-content h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.1052631579;
    margin-top: 1.5em;
    margin-bottom: 1.2em;
	font-weight:600;
color:#E50067;
letter-spacing:0;
}
.entry-content h5, .entry-summary h5, .comment-content h5 {
      color:#E50067;
}
.entry-content h6, .entry-summary h6{
font-style:normal;
    font-size: 20px;
    font-size: 1.625rem;
    line-height: 1.1052631579;
    margin-top: 1em;
    margin-bottom: 1.473684211em;
color:#E50067;
	font-weight:600;

}


#profil{
	display: flex;
flex-direction:row;
	align-items: center;
	justify-content: center;
margin:2% 0;}

#inhalt{
width:50%;
max-width:700px;
margin: auto;}

.site-main{padding-bottom: 3em;
position: relative;
margin-left: 0;
margin-right: 0;
max-width: 1720px;
width: 100%;
background-color: #fff;
margin-bottom: 0;
}
.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
    box-shadow: 0 1px 0 0 #E50068;
}
.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
background-color:#fff;
    margin-right: 0;
    margin-left: 0;
    padding: 0 5%;

}
	
.site-inner {background-color:#fff!important;
    margin: 0 auto;
	width:100%;
    max-width: 1720px;
    position: relative;

}
.site {max-width: 1720px;
position: relative;
background-color: #424242;
width: 100%;
margin-right: auto;
margin-left: auto;}

.site-header {
    padding: 0.25em 0.5091%;
}

.site-header-main {
border-bottom:0;
margin: 0 auto;
    max-width: 1920px;
position: relative;
padding: 0 2%;
}
.site-branding, .site-header-menu {background-color:rgba(255, 255, 255, 0.60);padding:1% 1% 0 1%;margin-bottom:0.5em;
}
.custom-logo-link {
    margin:0.5em 0;
}
.main-navigation a {color:#666;

}
.main-navigation a:hover{color:#999;
}
.main-navigation {
    font-family: 'Titillium Web', sans-serif;font-size: 18px;
font-size: 1.125rem;
}
.site-content {
    padding:0;
}
.gallery {
margin: auto;
 }
.gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width:16.55%;
}
.gallery img {
border: 1px solid #cfcfcf;
}
.gallery-caption {
margin-left: 0;
}
.gallery-caption {
    color: #E50068;
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    font-style:normal;
    line-height: 1.6153846154;
    padding-top: 0.5384615385em;
}

.site-branding .site-title a {font-family: 'Titillium Web', sans-serif;
  color: #E50068;margin:0;line-height:100%
}
.menu-toggle{
color:#fff;
font-size:20px;
font-size:1.25rem;
border-color: #424242;
background-color: #E50067;}
.main-navigation {
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;}

button, button[disabled]:hover, button[disabled]:focus, input[type=button], input[type=button][disabled]:hover, input[type=button][disabled]:focus, input[type=reset], input[type=reset][disabled]:hover, input[type=reset][disabled]:focus, input[type=submit], input[type=submit][disabled]:hover, input[type=submit][disabled]:focus, .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus, .pagination::before, .pagination::after, .pagination .prev, .pagination .next, .page-links a {
    background-color: #E50067;padding:2%;
}

.menu-toggle:hover, .menu-toggle:focus {
    background-color: #E50067;
    border-color: #424242;
    color: #999;padding:2%;
}

.site-description { font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    color: #2A54B0;letter-spacing:0.06em;
   font-size: 21px;
font-size: 1.3125rem;
    font-weight: 400;
    line-height: 1.1769230769;
   margin: 2px 2px 10px 2px;
}
b, strong {
    font-weight: 600;
}
p {
    margin: 1.5em 0 0.75em;
}
.entry-content ul {margin:0;
    list-style: square;
    padding: 0 0 0 0em;
}
li{
    margin: 0 0 4px 19px;
}

.grafik{float:left;display:block;width:100%;max-width:200px; height:auto;
}
.post-thumbnail {margin:0;}
.grafik.post-thumbnail img {width:100%;max-width:200px; height:auto;
    border:none;}
.leistungen{width:100%;max-width:1548px;overflow: hidden;}

img.button{
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
}
img.button:hover{opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	}
}

.wp-caption .alignleft {width:100%;max-width:290px;
    float: left;
    margin:0 1.2em 0 1.2em;
}
.wp-caption .wp-caption-text {margin-bottom: 0;
    padding:0;
margin-right:auto;margin-left:auto;text-align:center;
    color: #e50067;
    font-size: 16px;
    font-weight:600;
font-style:normal;
    line-height: 1.6153846154;
}
.widget {
   border:0px;
    margin-bottom: 1.230769231em;
    padding-top: 0.915384615em;
}
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
    float: left;
    margin-right: 0;
    width: 30%;
}

.comments-area, .sidebar, .content-bottom-widgets .widget-area, .widecolumn {float:left;margin-right:0; width:20%;

    margin-bottom: 0.25em;

}
.comments-area, .widget, .content-bottom-widgets .widget-area {
    margin-bottom: 0.25em;

}
.no-sidebar .content-bottom-widgets {

    background-image:url('signet-grau.png');
	background-repeat:no-repeat;
                     background-size: auto auto;
    background-size: auto;
    background-position: left center;
    text-align: left;
    width: 100%;
    max-width: 1827px;
    border-top: 1px solid #999;
    margin-right: auto;
    margin-left: auto;
    background-color: #424241;
    padding: 3% 5% 3% 15%;
    color: #fff;

}
.site-footer {

    padding: 0;

}
.bilderstart{width:100%;}
.widget ul {margin: 0 0 1.75em 0em;
    list-style: none;font-weight:normal;
}
.widget ul#menu-aside li {
    border-bottom: 1px solid #999;
}
.widget .widget-title {
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    margin: 0 0 1.75em;
        margin-bottom: 1.75em;
    text-transform: none;
}.widget p, .widget address, .widget hr, .widget ul, .widget ol, .widget dl, .widget dd, .widget table {
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1.6153846154em;

}
.content-bottom-widgets ul.menu {
    list-style: none;}
	
	#sidebar-footernav{margin-top:1%;}
.site-info {display:none;
}
.site-footer .main-navigation {
    margin-bottom: 0em;
}

#profil{
	display: flex;
flex-direction:row;
	align-items: center;
	justify-content: center;
margin:2% 0;}

#inhalt{width:50%;max-width:700px;margin: auto;}


.zweispalten{
	width:50%;max-width:850px;
}
.abstandoben{margin-top:3em;padding-left: 1em;
}
.abstandoben a{color:#999;box-shadow: none;
}

mark, ins, button:hover, button:focus, input[type=button]:hover, input[type=button]:focus, input[type=reset]:hover, input[type=reset]:focus, input[type=submit]:hover, input[type=submit]:focus, .pagination .prev:hover, .pagination .prev:focus, .pagination .next:hover, .pagination .next:focus, .widget_calendar tbody a, .page-links a:hover, .page-links a:focus {
    background-color: #fff;color:#e50068;padding:0;
}
.schriftfarbe{
	color:#E50067;
font-weight:600;
}
.btn{
	background:#E50067;
	color:#fff;font-size:120%;padding:2% 2.5%;
text-transform:uppercase;margin:0 2% 0 2%;
}
.btn a{
	background:#E50067;
	color:#fff;font-size:120%;padding:2% 2.5%;
text-transform:uppercase;margin:0 2% 0 2%;
}

.infobox{
	background-color:#E50067;
padding:2%;
}
.infobox h2, .infobox p{
	color:#fff;}
.infobox img{
	margin-right: 2em; margin-top: 0.5em;}
}

.projekte-sliderrechts {max-width:800px;width:100%;height:auto;
float: right;
margin:2% 0 2% 0;
}

.projekte-text{width:98%;max-width:650px;
	float:left;margin:0 2% 2% 0;padding-bottom:2%;}


.pt-cv-wrapper{margin-left:0;margin-right:0;
width:100%;padding:0 3%;}

.pt-cv-view .pt-cv-title {
	text-transform:none;
    margin-bottom: 5px;letter-spacing:0;text-align: center;
}
.pt-cv-wrapper .h1, .pt-cv-wrapper .h2, .pt-cv-wrapper .h3, .pt-cv-wrapper .h4, .pt-cv-wrapper .h5, .pt-cv-wrapper .h6, .pt-cv-wrapper h1, .pt-cv-wrapper h2, .pt-cv-wrapper h3, .pt-cv-wrapper h4, .pt-cv-wrapper h5, .pt-cv-wrapper h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 29.0833px;
    color: inherit;
}
.pt-cv-title a {
    font-weight: 400;
}
h4.pt-cv-title {
   font-size: 18px;
    font-size: 1.125rem;font-weight:300;
}
.pt-cv-content, .pt-cv-content * {
    font-weight: 400;font-size:16px;
}
.pt-cv-wrapper .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
     padding: 3px 6px;
    font-size: 14px;
    line-height: 1.42857143;
}
.pt-cv-wrapper img {
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    max-width: 80px;
}
.pt-cv-wrapper img:hover{
       opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
/**
 * Media Queries
 */

@media screen and (max-width: 56.875em){
.no-sidebar .entry-header,
	.no-sidebar .entry-content,
	.no-sidebar .entry-summary,
	.no-sidebar .entry-footer,
	.no-sidebar .comments-area,
	.no-sidebar .image-navigation,
	.no-sidebar .post-navigation,
	.no-sidebar .pagination,
	.no-sidebar .page-header,
	.no-sidebar .page-content,
	.no-sidebar .content-bottom-widgets {
		margin-right: 2%;
		margin-left: 2%;
	}
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
    float: none;
    margin-right: 0;
    width: 90%;
}
.zweispalten {
    width: 100%;
    max-width: 850px;
}
.entry-title {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size:98%;
    line-height: 1.25;
    margin-top: 1.5em;
    margin-bottom: 0em;
    color: #E50067;
    text-transform: uppercase;
    font-weight: 700;
}
.entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 {
    font-size: 98%;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
}
.entry-content h2, .entry-summary h2, .comment-content h2 {
    font-size: 98%;
    line-height: 1.25;
    margin-top: 1em;
    margin-bottom: 0em;
    font-weight: 600;
}
.infobox{	
padding:3% 3% 0 3%;
}

.infobox h2, .infobox p {
    color: #fff;
}
.infobox img{width:100%;max-width:237px;
	margin-right: 0.5em; margin-top: 0.5em;}

.entry-content h3, .entry-summary h3, .comment-content h3 {
    font-size: 98%;
    line-height: 1.1052631579;
    margin-top: 1em;
    margin-bottom: 0;
    font-weight: 600;
    color: #E50067;
    letter-spacing: 0;
    text-transform: none;
}
.entry-content h4, .entry-content h4 {
    font-size: 98%;
    line-height: 1.1052631579;
    margin-top: 1.5em;
    margin-bottom: 1.2em;
    font-weight: 600;
    color: #E50067;
    letter-spacing: 0;
}
.projekte-text {
    width: 100%;
    max-width: 650px;
    float: none;
    margin: 0 0 0 0;
    padding-bottom: 2%;
}
.projekte-sliderrechts {max-width:800px;width:100%;height:auto;
float: none;
margin:2% 0 2% 0;
}
.no-sidebar .content-bottom-widgets {
    margin-right: 0;
    margin-left: 0;
}

}
	
@media screen and (max-width: 44.375em){


.site-header-menu, .header-image {
    margin-top: 0.75em;
    margin-bottom: 1.75em;
}

.menu-toggle {
    font-size: 16px;
    font-size: 1.0rem;
    margin: 1.3125em 0;
    padding: 0.8125em 0.875em 0.6875em;
}

.site-header-menu.toggled-on ul li {
 padding-left:1em;
}
button#menu-toggle{background-color:#424242;}

.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
    float: none;
    margin-right: 0;
    width: 90%;
}

.pt-cv-wrapper{margin-left:0;margin-right:0;
width:100%;padding:0 5%;}

.pt-cv-wrapper .h1, .pt-cv-wrapper .h2, .pt-cv-wrapper .h3, .pt-cv-wrapper .h4, .pt-cv-wrapper .h5, .pt-cv-wrapper .h6, .pt-cv-wrapper h1, .pt-cv-wrapper h2, .pt-cv-wrapper h3, .pt-cv-wrapper h4, .pt-cv-wrapper h5, .pt-cv-wrapper h6 {
    font-family: inherit;
    font-weight: 300;
    line-height: 29.0833px;
    color: inherit;
}
.pt-cv-title a {
    font-weight: 400;
}
h4.pt-cv-title {
   font-size: 15px;
    font-size: 0.9375rem;font-weight:400;
}

}