/*
Modif Alain Cousin
*/

@media (min-width: 250px){

  p,h1,h2,h3,h4,h5,h6{
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-weight: 200;
    font-style: normal;
  }

  body{
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-style: normal;
    font-weight: 300;
  }
p{
    font-size: 1.2em;
    line-height: 1.75em;
  }

  h1{
    font-size: 1.45em!important;
    line-height: 1.5em;
    font-weight: 300;
  }
  h2{
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-size: 1.7em;
    line-height: 1.6em;
    font-weight: 200;
  }
  h3{
    font-family: "Gotham A", "Gotham B";
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  h4{
    font-size: 0.95em;
    line-height: 1.4em;
    font-weight: 300;
    font-style: normal;
  }
 h6{   /*01/12/2020*/
    font-family: "Gotham A", "Gotham B";
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
  }


  #header-outer.dark-text header#top nav > ul > li > a,
  #header-outer.dark-text header#top nav ul #search-btn a span,
  #header-outer.dark-text nav > ul > li > a > .sf-sub-indicator [class^="icon-"],
  #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart,
  .ascend #boxed #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart,
  #header-outer:not([data-lhe="animated_underline"]).dark-text header#top nav .sf-menu li.current-menu-item > a {
  	color: #000!important;
  }

  .post-header, #single-below-header {
    font-size: 0.85em!important;
    line-height: 1.5em;
    color: #000;
  }

  .single .heading-title {
    padding-bottom: 0px;
    border:none;
    margin-bottom: 0px;
  }
  .single .blog-title  #single-meta ul li > a, .single .blog-title  #single-meta ul .n-shortcode a, .single-product #single-meta ul li > a,
  #project-meta ul li > a, #project-meta ul .n-shortcode a,
  #project-meta ul li.project-date,
  .ascend #sidebar #project-meta ul li.project-date {
  	display: none!important;
  }

  /* Navigation */
  header#top nav > ul.sf-menu > li{
    font-size: inherit !important;
    line-height: inherit !important;
  }

  header#top nav > ul.sf-menu > li.current-menu-item{
    font-weight: 700;
  }

  header#top nav > ul > li > a{
    font-family: "Gotham A", "Gotham B";
    font-weigth: 400;
    text-transform: uppercase;
    font-size: 0.875em;
    letter-spacing: 1px;
  }

  /* Navigation */

  #header-outer {
    width: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    padding: 28px 0px 0px 0px;
    background-color:#fff;
    z-index: 9998;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.22);
  }

  /* Portfolio Categorie filter - styling */

  .portfolio-filters-inline.non-fw .container > ul li#sort-label {
  	display: none!important;
  }

  .portfolio-filters-inline ul li a {
  	color: #000!important;
    font-size: 1em!important;
  }

  .portfolio-filters-inline ul li a:hover {
  	color: #cda96d!important;
  }

  .portfolio-filters-inline.non-fw #current-category {
    color: #cda96d!important;
    font-weight: 800;
    font-size: 1.2em;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-style: normal;
  }

  .portfolio-filters-inline .container > ul a, .portfolio-filters-inline .container > ul li#sort-label  {
    font-size: 1.2em;
  }

  /*  slider */

  .carousel-wrap[data-full-width="false"] .carousel-heading h2 {
		font-size: 1em!important;
	}

  /* Blog slider  */

  .carousel-heading h2 {
    font-family: "Gotham A", "Gotham B";
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    font-size: 0.87em!important;
  	margin-left: 2px;
  	margin-bottom: 7px!important;
  }
  .carousel-wrap[data-full-width="false"] .carousel-heading h2 {
    font-weight: 700;
    padding-top: 10px;
  }


  /* Projekt single page  */

  .wpb_wrapper > div {
  	margin-bottom: 0px;
  }

  .single #single-below-header{
    display: flex;
    align-items: center;
    justify-content: center;
    }


    /* Links */
    a {
    	color: #000;
    }

    a:hover {
    	color: #cda96d;
    }

    .wpb_text_column a {
    	text-decoration: none;
    	transition: color  0.2s linear;
    	-moz-transition: color 0.2s linear;
    	-webkit-transition: color 0.2s linear;
      font-family: "Gotham A", "Gotham B";
      border-padding: 1px;
      font-style: normal;
      font-size: 0.875em;
      font-weight: 200;
      text-transform: uppercase;
      letter-spacing: 1px;

    }

    .wpb_text_column a:hover {
    	color: #cda96d;
    }

    /*  mobile  */
div.wpb_text_column.wpb_content_element.vc_custom_1479285963307{
  padding: 0px;
}


    /* Submit Buttons */


    input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date]  {
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      line-height: 1.7em;
    }

    input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=date]:focus {
    	background-color: #fff!important;
    }

    input[type=submit], button[type=submit], input[type="button"] {
    	background-color: #000;
        padding: 6px 9px;
        margin-bottom: 25px;
        border: none;
        color: #fff;
        font-family: "Gotham A", "Gotham B";
        font-size: 0.6em;
        font-style: normal;
        letter-spacing: 0.5px;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 0px;
    	-moz-border-radius: 0px;
    	-webkit-border-radius: 0px;
    	-o-border-radius: 0px;
    }

    input[type=submit]:hover, button[type=submit]:hover, input[type="button"]:hover {
    	background-color: #cda96d;
    }


    /* Blogvorschauseite */

    /* abstand  Navi */

    .blog-fullwidth-wrap #post-area.masonry:not(.meta_overlaid) {
    	margin-top: 150px!important;
    }

    /* Weiterlesen Buttons  */

    /*davor*/
    article.post .more-link, .blog-recent .more-link  {
    display: none;
    }

    /*danach*/


    article.post .more-link span, .blog-recent .more-link span {
      background-color:  #fff;
    	transition: all 0.2s linear;
      font-family: "Gotham A", "Gotham B";
      font-style: normal;
      font-size: 1.2em;
      font-weight: 500;
      text-transform: uppercase;
    	border-radius: 0px;
    	-moz-border-radius: 0px;
    	-webkit-border-radius: 0px;
    	-o-border-radius: 0px;
      height:0px!important;
    }

    article.post .more-link span:hover, .blog-recent .more-link span:hover {
      background-color:  #fff;
    }

    article.post .more-link > span.continue-reading{
    height:0px!important;
    }

    /* Vorschautexte */
    span.meta-author, span.meta-category, span.meta-comment-count{
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
  font-style: normal;
  font-weight: 300;
  font-size: 1.32em;
  line-height: 1.7em;
}

article.post .post-meta .date {
  display: none;
}


    /* Blog */

    .carousel-wrap .item-count {
      font-size: 0.875em;
      font-weight: 700;
      letter-spacing: 1px;
    }

    .masonry-blog-item  h2.title {
    	font-size: 20px!important;
      line-height: 28px!important;
    }

    /*  Headline */

    .single #single-below-header span {
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
      font-weight: 300;
    	color:  #000!important;
    	padding-left: 0;
      letter-spacing: 0.25px;
    	display: block;
      float: left;
    }

    .single #single-below-header {
    	margin-top: 8px;
    	margin-bottom: 30px;
    }



    cite.fn, span.says, .comment-list .comment-meta a, div.post-tags {
      font-size: 1.2em!important;
      line-height: 1.5em;



    }

      #respond {
        font-size: 1.2em;
      }


    /* likebutton */


    .nectar-love  {
      display: none;
    }

    .nectar-love:hover i, .nectar-love.loved i {
    display: none;
    }

    .masonry .masonry-blog-item .nectar-love span{
    display: none;
    }

    /* blog - rand  */

    .masonry-blog-item .inner-wrap, #search-results .result .inner-wrap {
    	-o-box-shadow: 0 0px 0px rgba(0,0,0,0.15);
    	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.15);
    	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.15);
        box-shadow: 0 0px 0px rgba(0,0,0,0.15);
    	padding: 0px 0px 8px 0px;
    }

    article.post .content-inner {
    	border-bottom: 0px solid #DDDDDD;
    	padding-bottom: 0px !important;
    	margin-bottom: 0px !important;
    }

    article.post h2.title {
    	margin-bottom: 10px;
      text-transform: none;
    }

    article.post .post-header h2 a {
    	color: #000;
    }


    article.post .post-header h2 a:hover {
    	color: #cda96d!important;
    }


    article.post .post-meta .date  {
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      line-height: 1.5em;
      padding-bottom: 2px;
      margin-bottom: 10px;
    }

    #search-results .result, .masonry-blog-item {
    	width: 31%;
    	display: inline-block;
    	margin-bottom: 2.5%;
    	position: relative;
    	color: #000;
    }


    .row .col.section-title h1 {
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
      font-size: 1.2em;
      line-height: 1.4em;
    	font-weight: 200;
    	letter-spacing: 0px;
    }

    .single.single-post .section-title h1 {
    	max-width: 950px!important;
      text-align: center;

    }

    /* Blog  */


    div.row.heading-title{
      max-width: 825px;
      margin: 0 auto !important;
    }


    /* Blog Content */

    body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar #post-area, body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .comment-list > li,
    body[data-ext-responsive="true"].single-post #page-header-bg[data-post-hs="default_minimal"] h1,
    body[data-ext-responsive="true"].single-post .heading-title[data-header-style="default_minimal"] .entry-title {
    	max-width: 825px;
    }

    /* sidebar kategorie */


    #sidebar h4 {
      font-weigth: 400;
      font-size: 0.875em;
      letter-spacing: 1px;
    }

    #sidebar .widget.widget_categories li a, #sidebar .widget.widget_pages li a, #sidebar .widget.widget_nav_menu li a {
      font-weigth: 400;
      font-size: 0.875em;
      letter-spacing: 1px;
    }

    /*  suchebutton  blog */


    .widget_search .search-form input[type=submit], .newsletter-widget form input[type=submit], body[data-form-style="minimal"]  .main-content .post-password-form input[type=submit] {
    	line-height: 27px;
    }

      /*  kategorie  suche */


      .row .col.section-title span {
        font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
        color: #000;
        font-weigth: 400;
        font-size: 0.875em;
      }

      /* tags */

      #sidebar .widget .tagcloud a, .post-tags a  {

        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        text-transform: uppercase;
        font-size: 0.875em;
        font-weight: 600;
        background-color: #000;
          color: #FFFFFF !important;
          padding: 2px 9px;
          border-radius: 0px;
      	-moz-border-radius: 0px;
      	-webkit-border-radius: 0px;
      	-o-border-radius: 0px;
        letter-spacing: 0.5px;
      }


      #sidebar .widget .tagcloud a:hover, .post-tags a:hover {
      	background-color: #cda96d;
      }

      div.post-tags{
      	margin-bottom: 25px;
      }

    /* Antworten  button */

    .comment-list .reply a {
        padding: 6px 9px;
        background-color: #000;
      	transition: all 0.2s linear;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-size: 0.875em;
        font-weight: 600;
        text-transform: uppercase;
      	border-radius: 0px;
      	-moz-border-radius: 0px;
      	-webkit-border-radius: 0px;
      	-o-border-radius: 0px;
        letter-spacing: 0.5px;
    }

    .comment-list .comment-author{
    	color: #333;
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    	font-weight: 400;
    }
    .comment-list .comment-meta {
    	font-size: 11px;
    	line-height: 15px;
    }

    .comment-list .comment-meta a {
    	color: #888;
    }

    .comment-list .comment-meta a:hover {
    	color: #cda96d;
    }

    .comment-list .reply a:hover {
    	background-color: #cda96d;
    }

    /* reply text */

    h3#reply-title.comment-reply-title{
    display: none;
    }

    #respond h3, h3#comments {
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
      font-style: normal;
      font-weight: 300;
      font-size: 18px;
      line-height: 1.5em;
    }



    /* Portfolio Kategorie filter -  mobile */

    .portfolio-filters-inline .container > ul {
    	max-width: 80%;
    }
.portfolio-filters-inline .container > ul a{
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5em;
}


    /* Portfolio  projekt mouse over */

    .portfolio-items .work-info-bg {
    	background-color: #000!important;
    }

    /* Slider   */


    .flex-direction-nav {*height: 0;}
    .flex-direction-nav a {
    	background-color: #000;
    }

      .flex-direction-nav a:hover {
      	background-color: #cda96d!important;
      }


    /* footer*/


    .container-wrap, .project-title {
      	padding-bottom: 0px!important;
      }

    #footer-outer .row {
      border-top: 1px solid #ddd;
    	/*padding: 35px 0px 35px 0px;*/
		padding: 15px 0px 15px 0px;
    }

    #footer-outer .row a{
      font-family: "Gotham A", "Gotham B";
      font-weigth: 800;
      text-transform: uppercase;
      /*font-size: 0.875em;*/	
	  font-size: 0.750em;
      letter-spacing: 1px;
      }

    #footer-outer .row a:hover {
      	color: #cda96d!important;
      }


    div.excerpt{
    display:none;
    }

    .wpb_row {
    margin-bottom: 0px!important;
    }


        /* h3 */

      .headlineaunten{
          margin-bottom: 30px!important;
          }

          /* mobile navigation */

    #slide-out-widget-area.fullscreen .inner li a, #slide-out-widget-area .off-canvas-social-links li a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a, #slide-out-widget-area .menuwrapper li small{
      font-family: "Gotham A", "Gotham B";
      font-weight: 200!important;
      text-transform: uppercase;
      font-size: 0.95em;
      letter-spacing: 1px;
      }

      #slide-out-widget-area.fullscreen .inner li a, #slide-out-widget-area .off-canvas-social-links li a, #slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a,
      #slide-out-widget-area .menuwrapper li small {
      	opacity: 1;
      }

      /* komment  style */


    .comment-body{
      box-shadow: 0 1px 0px!important;
        }

    body .comment-list {
        	margin-bottom: 80px!important;
        }

    .comment-list .children {
        	padding-left: 40px;
        	border-left: 0px solid #ddd;
        	background-position: left 0px;
        	background-image: none;
        }



    /* portfolio */

    .portfolio-items .col.span_4 {
    	margin: 0px 0.95%;
    }

    i.icon-salient-right-line{
    display: none;
    }

    .swiper-container .slider-prev, .swiper-container .slider-next{
    background-color: transparent!important;
    }

    div.swiper-container{
    background-color: transparent!important;
    }

    i.icon-salient-right-arrow{
    color:#000;
    padding-right: 40px!important;
    }

    i.icon-salient-left-arrow{
    color:#000;
    padding-left: 20px!important;
    }


    /* starte site  */

    .abstandstarter{
      margin-bottom: 26px!important;
    }

    span.required{
      color: #000;
    }

    /*  scrollen button global*/

    #to-top:hover, #to-top.dark:hover{
    background-color: #cda96d;
    }

    [class^="icon-"], [class*=" icon-"] {
    	background-color: #fff!important;
    }

    div.divider-wrap{
    	margin: 0px;
    }

    /* Projekt slide buttons portfolio site */

    a.carousel-prev{ background-color: #000; }
    a.carousel-next{ background-color: #000; }

    a.carousel-prev:hover{ background-color: #cda96d; }
    a.carousel-next:hover{ background-color: #cda96d; }


#single-below-header > span a:hover {
  color: #cda96d!important;
}

    .single #single-below-header > span {
      font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B" !important;
      padding: 10px 5px 0 5px;
    	border-left: 0px solid #DDDDDD;
    }

    .single #single-below-header > span .meta-date .date .updated {
       font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
     }

.mittigausrichten{
padding: 15% 15% 15% 15%!important;
}

}

@media (min-width: 768px){

    p{
      font-size: 1.1em;
      line-height: 1.75em;
    }
    h1{
    font-size: 2.2em!important;
    line-height: 1.6em;
    font-weight: 200;
  }
  h2{
    font-size: 1.5em;
    line-height: 1.45em;
    color:#000!important;
    }

  h3{
    font-family: "Gotham A", "Gotham B";
    font-size: 1.05em;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .single #single-below-header {
    margin-bottom: 30px;
  }

div.vc_col-sm-6.wpb_column.column_container.vc_column_container.col.padding-5-percent.instance-1,
div.vc_col-sm-6.wpb_column.column_container.vc_column_container.col.padding-5-percent.instance-2{
  padding: 0px!important;
}

h1.entry-title{
font-size: 1.75em!important;
line-height: 1.6em;
font-weight: 200;
}

}
@media (min-width: 1021px){


p {
	padding-bottom: 20px;
  font-size: 1.15em;

}

@media (min-width: 1120px){

  body{
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-style: normal;
    font-weight: 300;
    line-height: 1.75em!important;
  }

p {
	padding-bottom: 20px;
  font-size: 1.2em;

}

h1,h2,h3,h4,h5,h6{
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
  font-weight: 200;
  font-style: normal;
}

h1{
  font-size: 2.4em!important;
  line-height: 1.6em!important;
  font-weight: 200;
  }
h2{
  font-size: 1.65em;
  line-height: 1.7em;
  color:#000!important;
  }
h3{
  font-family: "Gotham A", "Gotham B";
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.5em!important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  }
h4{
  font-size: 0.95em;
  line-height: 1.4em;
  font-weight: 300;
  font-style: normal;
}

/* Navigation */

header#top nav > ul > li > a{
  font-family: "Gotham A", "Gotham B";
  font-weigth: 400;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 1px;
}

/* Portfolio Categorie filter - styling */

.portfolio-filters-inline ul li a {
  font-size: 1.05em!important;
  letter-spacing: 0.1px;
}

.portfolio-filters-inline.non-fw #current-category {
  font-size: 1.55em;font-weight: lighter;										  /*cousin*/
  letter-spacing: 0.1px;text-shadow:  -1px 1px 0 rgba(0,0,0,1);	 /*cousin*/	
}

.portfolio-filters-inline .container > ul a, .portfolio-filters-inline .container > ul li#sort-label  {
  font-size: 1.05em;
  letter-spacing: 0.1px;
}

/* weitere projekte slider */

.carousel-wrap[data-full-width="false"] .carousel-heading h2 {
  font-size: 1em!important;
}


.post-header, #single-below-header {
  line-height: 1.5em;
  font-weight: 300;
}
.single .heading-title {
  padding-bottom: 80px!important;
  border:none;
  margin-bottom: 0px;
}

/* Blog  projekt slider  */
.carousel-heading h2 {
  margin-left: 10px!important;
}

/* Vorschautexte */
span.meta-author, span.meta-category, span.meta-comment-count{
font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
font-style: normal;
font-weight: 300;
font-size: 1.3em;
line-height: 1.7em;
}



/* Blog below header Kategorie */

  .single #single-below-header > span {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    padding: 10px 5px 0 5px;
  	border-left: 0px solid #DDDDDD;
  }

  .single #single-below-header {
    margin-bottom: 0px;
  }

  .one-fourths.span_3, .one-fourths.vc_span3, .one-fourths.vc_col-sm-3{
    padding: 5px!important;
  }

  /* Blog  Headline */

  h1.entry-title{
  font-size: 2.4em!important;
  line-height: 1.6em;
  font-weight: 200;
  }

  /* Zeile  Headline */

  .single #single-below-header span {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-weight: 300;
    color:  #000!important;
    letter-spacing: 0.25px;
    display: block;
    float: left;
    font-size: 1.5em;
  }

cite.fn, span.says, .comment-list .comment-meta a, div.post-tags{
    font-size: 1.5em;
    line-height: 1.5em;
  }

span.meta-author.vcard.author{
    font-size: 1em!important;
  }

    #respond {
    	font-size: 1.25em;
    }

}