/*
Theme Name: Make Child
Theme URI: https://thethemefoundry.com/make/
Template: make
Author: The Theme Foundry
Author URI: https://thethemefoundry.com
Description: Build a website that means business. With Make’s powerful drag and drop page builder and hundreds of Customizer options, you can effortlessly brand your site without touching a line of code. Add full-width banners, columns, and galleries to showcase your best work. The intuitive builder delivers clean, lean code — not shortcodes — so you can trust your content remains portable. Make lets you control page layout options, including sidebar display, on all your posts and pages. Choose from hundreds of Google Fonts and upload custom backgrounds everywhere. Built on a fully responsive grid, Make renders as beautifully on tablets and phone screens as it does on desktop. Make scales with your business and is fully compatible with popular plugins like WooCommerce, Gravity Forms, Contact Form 7, Jetpack, and others. For documentation on the page builder and getting started with Make, see: https://thethemefoundry.com/make-help/
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,grid-layout,buddypress,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,footer-widgets,blog,e-commerce,portfolio,accessibility-ready,custom-logo,featured-image-header,rtl-language-support
Version: 1.9.8.1521631632
Updated: 2018-03-21 11:27:12

*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 12, 2018 */



@font-face {
    font-family: 'itacabold';
    src: url('fonts/tipo_pepel_-_itaca_bold-webfont.woff2') format('woff2'),
         url('fonts/tipo_pepel_-_itaca_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'itacabook';
    src: url('fonts/tipo_pepel_-_itaca_book-webfont.woff2') format('woff2'),
         url('fonts/tipo_pepel_-_itaca_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'itacaheavy';
    src: url('fonts/tipo_pepel_-_itaca_heavy-webfont.woff2') format('woff2'),
         url('fonts/tipo_pepel_-_itaca_heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'itacaregular';
    src: url('fonts/tipo_pepel_-_itaca-webfont.woff2') format('woff2'),
         url('fonts/tipo_pepel_-_itaca-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'themify';
	src:url('fonts/themify.eot?-fvbane');
	src:url('fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('fonts/themify.woff?-fvbane') format('woff'),
		url('fonts/themify.ttf?-fvbane') format('truetype'),
		url('fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'itacathin';
    src: url('fonts/tipo_pepel_-_itaca_thin-webfont.woff2') format('woff2'),
         url('fonts/ipo_pepel_-_itaca_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
}

[class^="ti-"], [class*=" ti-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

a::before {
    margin-top: 0px !important;
  }

[class*="navigation"] .nav-next a:after, [class*="navigation"] .nav-next span:after, #infinite-handle a:after, #infinite-handle span:after {
	content: "\e649" !important;
  font-family: 'themify';
  padding: 2px 8px 0px 10px;
  position: absolute;
}
[class*="navigation"] .nav-previous a:before {
  content: "\e64a" !important;
  font-family: 'themify';
  padding: 2px 8px 0px 8px;
  margin-left: -35px;
  position: absolute;
}

strong {
	font-family: 'itacaheavy';
  font-weight: normal;
  vertical-align: baseline;
}













/* 5 ANTWORTEN */


.page-template-seite-5antworten .container {
  max-width: 1160px;
  padding-top: 30px;
}

.page-template-seite-5antworten .wp-block-group {
  height: 100vh;
  background-color: none;
}

.page-template-seite-5antworten .drittel.wp-block-image  {
  width: 30%;
  display: inline-block;
}

.page-template-seite-5antworten .drittel.wp-block-image img:hover { /* svg on an img tag */
  -webkit-filter: invert(1); /* safari 6.0 - 9.0 */
          filter: invert(1);
}



@media all and (max-width: 599px){
  .page-template-seite-5antworten .drittel.wp-block-image  {
    width: 49%;
    display: inline-block;
  }

}



.verrueckt, .newspaper {
    margin-bottom: 1em;
    height: 100vh;
}

.page-template-seite-5antworten #site-footer {
  position: absolute;
  bottom: 20px;
}

.to-the-top, .to-the-top img {
  text-align: center;
  margin: 0 auto;
}

/* GSICHT */

.container {
    max-width: 824px;

}

.site-header {
	min-height: 160px;
	padding-top: 36px;
}

.site-navigation ul {
	padding-top: 29px;
}

.site-main {
padding-bottom: 70px;
}

.post {
    border-bottom: none;
}


.nextend-bar-horizontal div * {
    vertical-align: baseline !important;
  }

  .site-navigation .menu .current_page_item > a {
      font-family: 'itacaheavy';
      font-weight: normal;
      color: #000 !important;

  }

#main {
  padding-bottom: 40px;
}


/** --------------------
 * GSICHT
 ----------------------- */

.row {
  position: relative;
}

#first {
  padding-bottom: 2px;
}

#second {
  padding-bottom: 19px;
}

#second .col-1 {
  width: 5%;
}
#second .col-6 {
  width: 90%;
}

.row::after {
  content: "";
  clear: both;
  display: block;
}

[class*="col-"] {
  box-sizing: border-box;
  float: left;
  line-height: 1.4;
}

.col-1  { width: 12.5%; }
.col-2  { width: 25%; }
.col-3  { width: 37.5%;  }
.col-4  { width: 50%; }
.col-5  { width: 62.5%; }
.col-6  { width: 75%;     }
.col-7  { width: 87.5%; }
.col-8  { width: 100%; }

.leer {
  background-color: #fff;
  min-height: 1px;
}

.muender {
  font-size: 170px;
  line-height: 110px;
  padding-bottom: 2px;
  margin-bottom: 1px;
  font-family: 'itacathin';
}

.gemeinsam, .erfahrung {
  text-align: center;
}

p.gem {
  padding-top: 40px;
}


.staerken {
  padding-top: 19px;
  text-align: right;
}

.know-how {
  padding-top: 19px;
}

.mein-gesicht {
  padding-left: 14px;
  padding-top: 7px;
}

.legs-photo {
  padding-right: 14px;
}

/** --------------------
 * BLOG Beitrag
 ----------------------- */

.nodisc {
	list-style: none;
}

.nopad {
	padding-left: 0px;
	margin: 0;
	font-size: 13px;
}
.mediumthumb {
	width: 25%;
	display: block;
	clear: both;
}

.mediumthumbbl {
	width: 23.1%;
	display: inline-block;
	clear: both;
	margin: 0px 1.8% 0 0;
	vertical-align: top;
}

@media screen and (min-width: 1009px) {
.mediumthumbbl:nth-child(4n+5) {
		margin: 0px 0px 0 0;
}
}


.mediumthumbbl p {
	font-size: 13px !important;
	line-height: 17px;
}

.aktuelles {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 0px 5px 0px 0px;
}



img {
	padding: 14px 0 0 0;
}

.nav-previous a, .nav-next a {
	font-size: 13px !important;
	color: rgb(70, 72, 73);
	letter-spacing: 2px;
}

.nav-next a::after {
	content:"\f105" !important;
	font-size: 16px !important;
		color: rgb(90, 92, 93);
	padding-left: 2px;

}

.nav-previous a::before {
	content:"\f104" !important;
	font-size: 16px !important;
	color: rgb(90, 92, 93);
	padding-right: 2px;
	margin-top: 5px;
}

.zurueck {
	font-size: 13px !important;
	color: rgb(70, 72, 73);
	letter-spacing: 2px;
	display: inline-block;
	padding-top: 1px;
    position: absolute;
}

.vorwaerts 	{
	font-size: 13px !important;
	color: rgb(70, 72, 73);
	letter-spacing: 2px;
	display: inline-block;
	padding-top: 1px;
	margin-left: -50px;
    position: absolute;
}




/** --------------------
 * ARBEITEN Beitrag
 ----------------------- */

.single .entry-date, .single .entry-header {
	display: none;
}
.pointer {
	cursor: pointer;
	text-align: center;
}
 .single .post {
    margin-bottom: 18px;
    margin-bottom: 1.8rem;
}
.single .post p {
	line-height: 1.5;
}


/** --------------------
 * Site-Description
 ----------------------- */

.site-description {
    display: block;
    margin: 1px 0 22px;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: none;
	font-family: 'itacaregular', Helvetica, Arial, sans-serif;
}




/** --------------------
 * HEADER
 ----------------------- */
.site-header-main {
    padding: 3.2rem 0 2.2rem;
}




/** --------------------
 * Sticky Footer Styles
 ----------------------- */

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
	font-family: 'itacaregular', Arial, sans-serif;
	letter-spacing: 2px;
  background-color: none !important;
  background: none !important;
}

#site-wrapper {
  margin: 0 auto;
  padding-top: 4px;
  max-width: 1260px;
  width: 100%;
}

.demo h1 {
  margin-top: 0;
}




/** -------------
 * Footer Styles
 -------------- */

.footer-credit {
	display: none !important;
}

.footer-text  {
	color: rgb(70, 72, 73);
    text-align: center;
}

#site-footer {
   position:fixed;
	line-height: 17px;
	padding: 20px 0 0 0;
   left:0px;
   bottom:0px;
   height:82px;
   width:100%;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
	color: rgb(70, 72, 73);
}

.footer-text, .site-description {
	letter-spacing: 2px;
}

.site-footer .site-info, .footer-text {
    float: none;
		font-size: 12px !important;
		letter-spacing: 1.5px;
}




/** -------------
 * FONTS
 -------------- */

ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr, .ttfmake-alert, .ttfmake-notice, .n2-font-038c01753f046511ed886f3332073599-simple, .n2-ow {
	font-family: 'itacaregular', Helvetica, Arial, sans-serif !important;
	font-weight: 300 !important;
	color: rgb(70, 72, 73);

}

h1, h2, .entry-title a {
	font-family: 'itacaregular', Arial, sans-serif !important;
	font-size: 32px;
	line-height: 1.1;
	font-weight: 300 !important;
	color: rgb(70, 72, 73);
}

p, div, body, li {
	font-size: 16px !important;
	font-family: 'itacaregular', Arial, sans-serif;
	font-weight: 300 !important;
	letter-spacing: 2px;
	color: rgb(70, 72, 73);
}

a {
	font-weight: 300 !important;
	letter-spacing: 2px;
	color: rgb(70, 72, 73);
}

.site-title a {
	font-family: 'itacabook', Arial, sans-serif;
	font-size: 28px !important;
	letter-spacing: 2.4px;
	color: rgb(70, 72, 73);
}

p {
	margin-bottom: 1.2rem;
}

.site-navigation .menu li a, .site-navigation .nav-menu li a {
	color: rgb(70, 72, 73);
	font-size: 20px !important;
	border-bottom: none;
	padding: .8rem 0;
	text-align: right;
}

.site-footer .site-info, .site-footer .site-info a {
    font-size: 12px;
		text-decoration: none;
}





/** -------------
 * Artikel-Seite
 -------------- */

.entry-footer {
	display: none;
}




/** -------------
 * ARBEITEN-Seite
 -------------- */
.item-desc {
    bottom: 35px !important;
}
.simplefilter li {
    color: #ddd !important;
    border: 0px solid !important;
}
.thumbnail {
    padding: 0px !important;
	border-radius: 0px !important;
}
.text-center {
	text-align: left !important;
}
ul, ol {
    padding-left: 15px;
}
.n2-ow {
	letter-spacing: 1px !important;
	color: rgb(70, 72, 73) !important;
	font-family: 'itacaregular', Arial, sans-serif !important;
	-webkit-font-smoothing: auto !important;
}

.n2-font-6aced73e5b827f753b7b075519585815-simple {
		letter-spacing: 1.5px !important;

}



/** -------------
 * MENU
 -------------- */


.site-navigation .menu .current_page_item > a {
	color: #bbb;
}
.site-branding {
	max-width: 49%;
	display: inline-block;
}

.site-navigation {
	max-width: 50%;
	display: inline-block;
	float: right;
}


.menu-toggle {
	color: rgb(70, 72, 73) !important;
    background-color: #fff !important;
	font-size: 16px !important;
    padding: 1rem 0px;
     text-transform: lowercase;
		 text-align: right;
    margin: 33px 0 0;
    margin: 3.3rem 0 0;
}

.menu-toggle::before {

    padding-right: 0px;
    padding-right: 0rem;
  }

.mobile-menu li {
	padding: 0 0 0 10px;
}





/** -------------
 * MEDIA
 -------------- */

@media screen and (min-width: 800px) {
.site-navigation .menu li a, .site-navigation .nav-menu li a {
    padding: 1.1rem 0 1.1rem 1rem;
    border-bottom: 0;
    line-height: 1.4;
}
.site-navigation {
	max-width: 70%;
}
}



@media screen and (max-width: 699px) {

  p, div, body, li {
  	letter-spacing: 1.3px;

  }

.footer-text  {
    margin-left: 0px !important;
	color: rgb(70, 72, 73);
	font-size: 13px !important;
  letter-spacing: 1px;
}

.footer-text a {
    margin-left: 0px !important;
	color: rgb(70, 72, 73);
	font-size: 13px !important;
}

#site-footer {
   position:fixed;
	line-height: 18px;
   left:0px;
   bottom:0px;
	padding: 8px 10px 3px 5px;
	}


.mediumthumbbl {
	width: 100%;
	display: inline-block;
	clear: both;
	padding: 0px 0px 0 0;
	margin: 0;
	vertical-align: top;
}

}




@media screen and (max-width: 636px) {

#site-footer {
  position:fixed;
	line-height: 17px;
  left:0px;
  bottom:0px;
	padding: 5px 5px 3px 10px;
  height:66px;
	}

.site-header {
    min-height: 90px;
    padding-top: 19px;
}

.site-header-main {
    padding: 2.2rem 0 0.2rem;
}

.site-content {
    padding: 2px 0;
    padding: .2rem 0;
  }

#first {
  position: relative;
  display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.gemeinsam {
  width: 100%;
  order: 1;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
}

.know-how {
  width: 50%;
  padding-right: 3%;
  order: 2;
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
}

.staerken {
  width: 50%;
  padding-left: 3%;
  order: 3;
-webkit-order: 3;
-moz-order: 3;
-ms-order: 3;
}

.leer {
  display: none;
}

.legs-photo {
  text-align: center;
    width: 100%;
}

.mein-gesicht {
  width: 100%;
}
}



@media screen and  (min-width: 637px) and (max-width: 1050px) {
.site-header-main {
    padding: 2.7rem 0 2.2rem;
}
}

@media screen and  (min-width: 680px) and (max-width: 1008px) {
.mediumthumbbl {
	width: 31.4%;
		margin: 0px 2% 0 0;

}
.mediumthumbbl:nth-child(3n+4) {
		margin: 0px 0px 0 0;
}
}

@media screen and  (min-width: 450px) and (max-width: 679px) {
.mediumthumbbl {
	width: 48.28%;
		margin: 0px 2% 0 0;

}
.mediumthumbbl:nth-child(2n+3) {
		margin: 0px 0px 0 0;
}
}