big update after miro, fonts

Helium/example-template/css/extras.css

@@ -62,11 +62,11 @@ a a:focus {
 
 .top-nav-collapse .navbar-nav .nav-link:hover {
   cursor: pointer;
-  color: #E63D4F !important;
+  color: #A3C7CC !important;
 }
 
 .top-nav-collapse .navbar-nav li.active a.nav-link {
-  color: #E63D4F !important;
+  color: #A3C7CC !important;
 }
 
 .indigo {
@@ -78,7 +78,7 @@ a a:focus {
 .navbar-expand-lg .navbar-nav li a:hover,
 .navbar-expand-lg .navbar-nav li .active > a,
 .navbar-expand-lg .navbar-nav li a:focus {
-  color: #E63D4F;
+  color: #A3C7CC;
   outline: none;
 }
 
@@ -86,12 +86,12 @@ a a:focus {
 .navbar-expand-lg .navbar-nav .nav-link.active,
 .navbar-expand-lg .navbar-nav .nav-link.open,
 .navbar-expand-lg .navbar-nav .open > .nav-link {
-  color: #E63D4F !important;
+  color: #A3C7CC !important;
 }
 
 .navbar-expand-lg .navbar-nav .nav-link:focus,
 .navbar-expand-lg .navbar-nav .nav-link:hover {
-  color: #E63D4F !important;
+  color: #A3C7CC !important;
 }
 
 .navbar {
@@ -99,7 +99,7 @@ a a:focus {
 }
 
 .navbar li.active a.nav-link {
-  color: #E63D4F;
+  color: #A3C7CC;
 }
 
 .fadeInUpMenu {
@@ -108,11 +108,11 @@ a a:focus {
 }
 
 .slicknav_btn {
-  border-color: #E63D4F;
+  border-color: #A3C7CC;
 }
 
 .slicknav_menu .slicknav_icon-bar {
-  background: #E63D4F;
+  background: #A3C7CC;
 }
 
 /* only small tablets */
@@ -183,7 +183,7 @@ a a:focus {
   .slicknav_nav a:hover,
   .slicknav_nav a:focus,
   .slicknav_nav .active {
-    color: #E63D4F;
+    color: #A3C7CC;
     outline: none;
     background: #f8f9fa;
   }
@@ -204,7 +204,7 @@ a.back-to-top i {
   height: 40px;
   line-height: 40px;
   color: #fff;
-  background: #E63D4F;
+  background: #A3C7CC;
   border-radius: 2px;
   text-align: center;
   transition: all 0.2s ease-in-out;
@@ -247,7 +247,7 @@ a.back-to-top:hover, a.back-to-top:focus {
   height: 100%;
   border-radius: 100%;
   border: 2px solid transparent;
-  border-top-color: #E63D4F;
+  border-top-color: #A3C7CC;
 }
 
 #loader-1:before {

css/extras.css

@@ -65,11 +65,11 @@ a a:focus {
 
 .top-nav-collapse .navbar-nav .nav-link:hover {
   cursor: pointer;
-  color: #E63D4F !important;
+  color: #A3C7CC !important;
 }
 
 .top-nav-collapse .navbar-nav li.active a.nav-link {
-  color: #E63D4F !important;
+  color: #A3C7CC !important;
 }
 
 .indigo {
@@ -81,7 +81,7 @@ a a:focus {
 .navbar-expand-lg .navbar-nav li a:hover,
 .navbar-expand-lg .navbar-nav li .active > a,
 .navbar-expand-lg .navbar-nav li a:focus {
-  color: #E63D4F;
+  color: #A3C7CC;
   outline: none;
 }
 
@@ -89,12 +89,12 @@ a a:focus {
 .navbar-expand-lg .navbar-nav .nav-link.active,
 .navbar-expand-lg .navbar-nav .nav-link.open,
 .navbar-expand-lg .navbar-nav .open > .nav-link {
-  color: #E63D4F !important;
+  color: #A3C7CC !important;
 }
 
 .navbar-expand-lg .navbar-nav .nav-link:focus,
 .navbar-expand-lg .navbar-nav .nav-link:hover {
-  color: #E63D4F !important;
+  color: #A3C7CC !important;
 }
 
 .navbar {
@@ -102,7 +102,7 @@ a a:focus {
 }
 
 .navbar li.active a.nav-link {
-  color: #E63D4F;
+  color: #A3C7CC;
 }
 
 .fadeInUpMenu {
@@ -111,11 +111,11 @@ a a:focus {
 }
 
 .slicknav_btn {
-  border-color: #E63D4F;
+  border-color: #A3C7CC;
 }
 
 .slicknav_menu .slicknav_icon-bar {
-  background: #E63D4F;
+  background: #A3C7CC;
 }
 
 /* only small tablets */
@@ -186,7 +186,7 @@ a a:focus {
   .slicknav_nav a:hover,
   .slicknav_nav a:focus,
   .slicknav_nav .active {
-    color: #E63D4F;
+    color: #A3C7CC;
     outline: none;
     background: #f8f9fa;
   }
@@ -207,7 +207,7 @@ a.back-to-top i {
   height: 40px;
   line-height: 40px;
   color: #fff;
-  background: #E63D4F;
+  background: #A3C7CC;
   border-radius: 2px;
   text-align: center;
   transition: all 0.2s ease-in-out;
@@ -250,7 +250,7 @@ a.back-to-top:hover, a.back-to-top:focus {
   height: 100%;
   border-radius: 100%;
   border: 2px solid transparent;
-  border-top-color: #E63D4F;
+  border-top-color: #A3C7CC;
 }
 
 #loader-1:before {

css/main.css

@@ -4,11 +4,118 @@ Author: UIdeck
 Website: https://uideck.com
 More Info: https://uideck.com/products/helium-ui-kit
 */
+.rt-color-projekte {
+  background-color: #A3C7CC;
+}
+
+.rt-team {
+  background-color: #FFF;
+}
+
+.rt-services {
+  background-color: #FFF;
+}
+
+.rl-team-round {
+  border-radius: 50%;
+}
+
+.rl-border-round {
+  border-radius: 25px;
+}
+
+.rl-projects-figure {
+  min-height: 255px;
+  background-color: #FFF;
+}
+
+.rl-clients {
+  background-color: #F4D3A0;
+}
+
+.header-wrap {
+  position: sticky;
+  top: 0;
+  z-index: 2000;
+  background-color: #FFF;
+}
+
+.header-wrap .fixed-top{
+
+  	position: relative;
+  	top: 0;
+  	z-index: 1030;
+      padding-bottom: 20px;
+}
+
+.rl-center-helper {
+   /* position: relative; */
+   /* display: inline-block; */
+   height: 100%;
+}
+
+.rl-center-frame {
+  margin: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  padding: 25px;
+}
+
+.rl-center-img{
+
+}
+
+.rl-clients-fix{
+  position: relative;
+  padding: 25px;
+  min-height: 125px;
+  margin-bottom: 25px;
+  margin-top: 25px;
+}
+
+.rl-center {
+  margin: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.felder-img{
+  position: relative;
+  min-height: 125px;
+
+}
+
+rl-filler{
+
+  height:50px;
+  background-color: #A3C7CC;
+}
+
+@font-face {
+  font-family: 'NeuzeitGro-Bla';
+  src: url('webFonts/NeuzeitGro-Bla/font.woff2') format('woff2'), url('../fonts/NeuzeitGro-Bla/font.woff') format('woff');
+}
+@font-face {
+  font-family: 'NeuzeitGro-Reg';
+  src: url('webFonts/NeuzeitGro-Reg/font.woff2') format('woff2'), url('../fonts/NeuzeitGro-Reg/font.woff') format('woff');
+}
+
+
 @import url("https://fonts.googleapis.com/css?family=Rubik:400,700|Montserrat:700");
+
+body { font-family: NeuzeitGro-Bla; }
+
 /* Typography */
 h1, h2, h3, h4, h5, h6 {
   color: #444;
-  font-family: "Montserrat", sans-serif;
+  font-family: "NeuzeitGro-Bla", sans-serif;
   font-weight: 700;
   letter-spacing: 0px;
   margin-top: 0;
@@ -55,7 +162,7 @@ a:hover, a:active, a:focus {
 }
 
 p {
-  font-family: "Rubik", sans-serif;
+  font-family: "NeuzeitGro-Reg", sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 25px;
@@ -267,7 +374,7 @@ strong {
 }
 
 .navbar-light .navbar-nav .nav-link {
-  color: #fff;
+  color: #000;
 }
 
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
@@ -456,7 +563,7 @@ footer .contact-us .form-control {
 }
 
 footer #copyright {
-  background: #1D1D1D;
+  background: #000;
 }
 
 footer #copyright .row {
@@ -1151,7 +1258,7 @@ footer .menu li a:hover {
 }
 
 .navbar-brand img {
-  max-width: 200px;
+  max-width: 300px;
 }
 
 .navbar-light .navbar-brand, .navbar-light .navbar-toggler {
@@ -1198,7 +1305,7 @@ footer .menu li a:hover {
 
 /* Default Navbar */
 .navbar-nav .nav-link {
-  color: #fff;
+  color: #000;
   font-size: 14px;
   margin-right: 18px;
   font-weight: 400;
@@ -1836,9 +1943,10 @@ nav#menu span.fa.fa-bars:hover {
 }
 
 .info {
-  background: #F6F6F6;
+
   padding: 15px 0 10px;
   text-align: center;
+  margin-bottom: 20px;
 }
 
 .info h2 {
@@ -1876,7 +1984,7 @@ nav#menu span.fa.fa-bars:hover {
 .team-members-tow figure {
   position: relative;
   cursor: pointer;
-  margin-bottom: 30px;
+  margin-bottom: 10px;
 }
 
 .team-members-tow figure:hover .image-overlay {
@@ -3063,7 +3171,7 @@ nav#menu span.fa.fa-bars:hover {
   font-weight: 400;
   margin-bottom: 30px;
   font-size: 16px;
-  font-family: "Rubik", sans-serif;
+  font-family: "NeuzeitGro-Reg", sans-serif;
 }
 
 #carousel-area .carousel-item .carousel-caption h3 {
@@ -3284,11 +3392,11 @@ address i {
 }
 
 .form-group input {
-  font: normal normal normal 14px/1 FontAwesome, "Rubik", sans-serif;
+  font: normal normal normal 14px/1 FontAwesome, "NeuzeitGro-Reg", sans-serif;
 }
 
 .input-group input {
-  font: normal normal normal 14px/1 FontAwesome, "Rubik", sans-serif;
+  font: normal normal normal 14px/1 FontAwesome, "NeuzeitGro-Reg", sans-serif;
 }
 
 /* Contact Forms */
@@ -4029,7 +4137,7 @@ a:focus:not([href]):not([tabindex]), a:hover:not([href]):not([tabindex]) {
   top: 0;
   left: 0;
   opacity: 0;
-  background-color: RGBA(235, 88, 111, 0.7);
+  background-color: RGBA(0, 0, 0, 0.7);
   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
 }
@@ -4663,7 +4771,7 @@ ul.nav-tabs li a {
 body {
   color: #444;
   background: #ffffff;
-  font-family: "Rubik", sans-serif;
+  font-family: "NeuzeitGro-Reg", sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;

footer.php

@@ -54,9 +54,6 @@
               <li><a href="<?php echo get_home_url(); ?>/#team-section">
               Team
               </a></li>
-              <li><a href="<?php echo get_home_url(); ?>/#baugruppen">
-              Baugruppen
-              </a></li>
               <li><a href="<?php echo get_home_url(); ?>/#clients">
               Kunden
               </a></li>

functions.php

@@ -73,35 +73,25 @@ if ( ! isset( $content_width ) ) {
 /************* THUMBNAIL SIZE OPTIONS *************/
 
 // Thumbnail sizes
-add_image_size( 'bones-thumb-600', 600, 150, true );
-add_image_size( 'bones-thumb-300', 300, 100, true );
+add_image_size( 'rl-thumb-600', 600, 150, true );
+add_image_size( 'rl-thumb-300', 300, 100, true );
 
-/*
-to add more sizes, simply copy a line from above
-and change the dimensions & name. As long as you
-upload a "featured image" as large as the biggest
-set width or height, all the other sizes will be
-auto-cropped.
-
-To call a different size, simply change the text
-inside the thumbnail function.
-
-For example, to call the 300 x 100 sized image,
-we would use the function:
-<?php the_post_thumbnail( 'bones-thumb-300' ); ?>
-for the 600 x 150 image:
-<?php the_post_thumbnail( 'bones-thumb-600' ); ?>
-
-You can change the names and dimensions to whatever
-you like. Enjoy!
-*/
+add_image_size( 'projekt_thumb', 355, 236, true);
+add_image_size( 'general_thumb', 255, 255, true);
+add_image_size( 'slides_thumb', 1920, 600, true);
+
+// add_image_size( 'rl-mitarbeiter', 250,  250, true );
+// add_image_size( 'rl-kunden', 240,  240, true );
 
 add_filter( 'image_size_names_choose', 'bones_custom_image_sizes' );
 
 function bones_custom_image_sizes( $sizes ) {
     return array_merge( $sizes, array(
-        'bones-thumb-600' => __('600px by 150px'),
-        'bones-thumb-300' => __('300px by 100px'),
+        'rl-thumb-600' => __('600px by 150px'),
+        'rl-thumb-300' => __('300px by 100px'),
+        'general_thumb' => __('Mitarbeiter'),
+        'general_thumb' => __('Kunden'),
+        'projekt_thumb' => __('Projekt'),
     ) );
 }
 
@@ -530,6 +520,49 @@ function slides() {
    register_post_type( 'slides', $args );
 }
 
+add_action('init', 'geschaeftfelder', 0);
+function geschaeftfelder() {
+   $labels = array(
+      'name' => _x('Geschäftsfelder', 'Post Type General Name', 'theme'),
+      'singular_name' => _x('Slide', 'Post Type Singular Name', 'theme'),
+      'menu_name' => __('Geschäftsfelder', 'theme'),
+      'name_admin_bar' => __('Geschäftsfelder', 'theme'),
+      'parent_item_colon' => __('Parent geschäftsfelder:', 'theme'),
+      'all_items' => __('All geschäftsfelder', 'theme'),
+      'add_new_item' => __('Add New geschäftsfeld', 'theme'),
+      'add_new' => __('Add New', 'theme'),
+      'new_item' => __('New geschäftsfeld', 'theme'),
+      'edit_item' => __('Edit geschäftsfeld', 'theme'),
+      'update_item' => __('Update geschäftsfeld', 'theme'),
+      'view_item' => __('View geschäftsfelder', 'theme'),
+      'search_items' => __('Search geschäftsfelder', 'theme'),
+      'not_found' => __('Not found', 'theme'),
+      'not_found_in_trash' => __('Not found in Trash', 'theme'),
+   );
+
+   $args = array(
+      'label' => __('geschaeftfelder', 'theme'),
+      'labels' => $labels,
+      'description' => __('Team', 'theme'),
+      'supports' => array('title', 'thumbnail'),
+      //'taxonomies' => array('category', 'post_tag'),
+      'hierarchical' => false,
+      'public' => true,
+      'show_ui' => true,
+      'show_in_menu' => true,
+      'menu_position' => 11,
+      'show_in_admin_bar' => true,
+      'show_in_nav_menus' => true,
+      'can_export' => true,
+      'has_archive' => true,
+      'exclude_from_search' => false,
+      'publicly_queryable' => true,
+      'capability_type' => 'page',
+      'menu_icon' => 'dashicons-building',
+   );
+   register_post_type( 'geschaeftfelder', $args );
+}
+
 
 
 add_action("admin_init", "admin_init");
@@ -555,7 +588,8 @@ function admin_init(){
   add_meta_box("slide-text",           "Text",  "slide_text",  "slides", "normal", "low");
   add_meta_box("slide-link-text",      "Link-text", "slide_link_text", "slides", "normal", "low");
   add_meta_box("slide-link",           "Link",  "slide_link",  "slides", "normal", "low");
-
+  // geschaeftfelder
+  add_meta_box("geschaeftfeld-text",           "Text",  "geschaeftfeld_text",  "geschaeftfelder", "normal", "low");
 }
 
 function mitarbeiter_email(){
@@ -699,6 +733,16 @@ function slide_link(){
 }
 
 
+function geschaeftfeld_text(){
+  global $post;
+  $custom = get_post_custom($post->ID);
+  $geschaeftfeld_text = $custom["geschaeftfeld_text"][0];
+  ?>
+  <label>Text:</label>
+  <input name="geschaeftfeld_text" value="<?php echo $geschaeftfeld_text; ?>" />
+  <?php
+}
+
 
 add_action('save_post', 'save_details');
 
@@ -724,11 +768,11 @@ function save_details(){
   update_post_meta($post->ID, "slide_text",        $_POST["slide_text"]);
   update_post_meta($post->ID, "slide_link_text",   $_POST["slide_link_text"]);
   update_post_meta($post->ID, "slide_link",        $_POST["slide_link"]);
+  // geschaeftfeld
+  update_post_meta($post->ID, "geschaeftfeld_text",         $_POST["geschaeftfeld_text"]);
 }
 
-add_image_size( 'projekt_thumb', 355, 236, true);
-add_image_size( 'general_thumb', 255, 255, true);
-add_image_size( 'slides_thumb', 1920, 600, true);
+
 // add_image_size( 'mitarbeiter_thumb', 255, 255, true);
 
 /*
@@ -805,9 +849,15 @@ function display_theme_panel_fields()
 
 }
 
-add_action("admin_init", "display_theme_panel_fields");
 
 
+add_action("admin_init", "display_theme_panel_fields");
+
+function encode_email_shortcode($atts, $content = null) {
+	for ($i = 0; $i < strlen($content); $i++) $encodedmail .= "&#" . ord($content[$i]) . ';';
+	return '<a class="encoded-email" href="mailto:' . $encodedmail . '"><i class="fa fa-envelope" aria-hidden="true"></i></a>';
+}
+add_shortcode('email', 'encode_email_shortcode');
 
 
 

header.php

@@ -55,7 +55,7 @@
 	<body <?php body_class(); ?> >
 
 		<!-- Header Area wrapper Starts -->
-		<header id="header-wrap">
+		<div data-id="header-wrap" class="header-wrap">
 			<!-- Navbar Start -->
 			<nav class="navbar navbar-expand-lg fixed-top scrolling-navbar indigo">
 				<div class="container">
@@ -91,11 +91,6 @@
 									Team
 								</a>
 							</li>
-							<li class="nav-item">
-								<a class="nav-link" href="<?php echo get_home_url(); ?>/#baugruppen">
-									Baugruppen
-								</a>
-							</li>
 							<li class="nav-item">
 								<a class="nav-link" href="<?php echo get_home_url(); ?>/#clients">
 									Kunden
@@ -155,131 +150,129 @@
 			</nav>
 			<!-- Navbar End -->
 
+		</div>
+		<!-- Header Area wrapper End -->
 
-			<?php if (is_front_page()): ?>
 
-			<!-- sliders -->
-			<div id="sliders">
-				<div class="full-width">
-					<!-- light slider -->
-					<div id="light-slider" class="carousel slide">
-						<div id="carousel-area">
-							<div id="carousel-slider" class="carousel slide" data-ride="carousel">
-								<ol class="carousel-indicators">
+		<?php if (is_front_page()): ?>
+
+		<!-- sliders -->
+		<div id="sliders">
+			<div class="full-width">
+				<!-- light slider -->
+				<div id="light-slider" class="carousel slide">
+					<div id="carousel-area">
+						<div id="carousel-slider" class="carousel slide" data-ride="carousel">
+							<ol class="carousel-indicators">
 
 
-									<?php
+								<?php
 
-										$args = array(
-												'post_type' => 'slides',
-												'post_status' => 'publish',
-												'posts_per_page' => -1
-										);
-										$posts = new WP_Query($args);
-										$counter = 0;
+									$args = array(
+											'post_type' => 'slides',
+											'post_status' => 'publish',
+											'posts_per_page' => -1
+									);
+									$posts = new WP_Query($args);
+									$counter = 0;
 
-										while ($posts -> have_posts()) {
-												$posts->the_post(); ?>
+									while ($posts -> have_posts()) {
+											$posts->the_post(); ?>
 
-												<li data-target="#carousel-slider" data-slide-to="<?php echo $counter; ?>" <?php if ( $counter == 0 ) { echo 'class="active"'; } ?> ></li>
+											<li data-target="#carousel-slider" data-slide-to="<?php echo $counter; ?>" <?php if ( $counter == 0 ) { echo 'class="active"'; } ?> ></li>
 
-												<!--
-									<li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
-									<li data-target="#carousel-slider" data-slide-to="1"></li>
-									<li data-target="#carousel-slider" data-slide-to="2"></li>
+											<!--
+								<li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
+								<li data-target="#carousel-slider" data-slide-to="1"></li>
+								<li data-target="#carousel-slider" data-slide-to="2"></li>
 
 
- -->
+	-->
 
-								 <?php
-								 $counter ++ ;
-								} //  while ( $posts -> have_posts() )
+							 <?php
+							 $counter ++ ;
+							} //  while ( $posts -> have_posts() )
 
-								 ?>
+							 ?>
 
 
-								</ol>
-								<div class="carousel-inner" role="listbox">
+							</ol>
+							<div class="carousel-inner" role="listbox">
 
-									        <?php
+												<?php
 
-									          $args = array(
-									              'post_type' => 'slides',
-									              'post_status' => 'publish',
-									              'posts_per_page' => -1
-									          );
-									          $posts = new WP_Query($args);
-									          $counter = 1;
+													$args = array(
+															'post_type' => 'slides',
+															'post_status' => 'publish',
+															'posts_per_page' => -1
+													);
+													$posts = new WP_Query($args);
+													$counter = 1;
 
-									          while ($posts -> have_posts()) {
-									              $posts->the_post(); ?>
+													while ($posts -> have_posts()) {
+															$posts->the_post(); ?>
 
 
-																<div class="carousel-item  <?php if ( $counter == 1 ) { echo "active"; } ?>">
-																	<img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'slides_thumb' ); ?>" alt="<?php the_title(); ?>">
-																	<div class="carousel-caption">
-																		<h3 class="slide-title animated fadeInDown"><?php the_title(); ?></h3>
-																		<h5 class="slide-text animated fadeIn"><?php echo get_post_meta($posts->post->ID, 'slide_text', true); ?></h5>
-																		<!-- <a href="#" class="btn btn-lg btn-common animated fadeInUp">Get Started</a> -->
-																		<?php if (  !empty(  get_post_meta($posts->post->ID, 'slide_link', true)  )  ) : ?>
-																		<a href="<?php echo get_post_meta($posts->post->ID, 'slide_link', true); ?>" class="btn btn-lg btn-border animated fadeInUp">
-																			<?php echo get_post_meta($posts->post->ID, 'slide_link_text', true); ?>
-																		</a>
-																	<?php endif;?>
-																	</div>
+															<div class="carousel-item  <?php if ( $counter == 1 ) { echo "active"; } ?>">
+																<img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'slides_thumb' ); ?>" alt="<?php the_title(); ?>">
+																<div class="carousel-caption">
+																	<h3 class="slide-title animated fadeInDown"><?php the_title(); ?></h3>
+																	<h5 class="slide-text animated fadeIn"><?php echo get_post_meta($posts->post->ID, 'slide_text', true); ?></h5>
+																	<!-- <a href="#" class="btn btn-lg btn-common animated fadeInUp">Get Started</a> -->
+																	<?php if (  !empty(  get_post_meta($posts->post->ID, 'slide_link', true)  )  ) : ?>
+																	<a href="<?php echo get_post_meta($posts->post->ID, 'slide_link', true); ?>" class="btn btn-lg btn-border animated fadeInUp">
+																		<?php echo get_post_meta($posts->post->ID, 'slide_link_text', true); ?>
+																	</a>
+																<?php endif;?>
 																</div>
+															</div>
 
 
 
 
-									            <?php
-															$counter ++ ;
-									          } //  while ( $posts -> have_posts() )
+														<?php
+														$counter ++ ;
+													} //  while ( $posts -> have_posts() )
 
-									            ?>
+														?>
 
 
 
-								<?php if ( $posts->post_count > 1 ) : ?>
-								<a class="carousel-control-prev" href="#carousel-slider" role="button" data-slide="prev">
-									<i class="fa fa-chevron-left"></i>
-								</a>
-								<a class="carousel-control-next" href="#carousel-slider" role="button" data-slide="next">
-									<i class="fa fa-chevron-right"></i>
-								</a>
+							<?php if ( $posts->post_count > 1 ) : ?>
+							<a class="carousel-control-prev" href="#carousel-slider" role="button" data-slide="prev">
+								<i class="fa fa-chevron-left"></i>
+							</a>
+							<a class="carousel-control-next" href="#carousel-slider" role="button" data-slide="next">
+								<i class="fa fa-chevron-right"></i>
+							</a>
 
-							<?php endif;
-							wp_reset_postdata();
-							// wp_reset_query();
+						<?php endif;
+						wp_reset_postdata();
+						// wp_reset_query();
 
-							 ?>
-							</div>
-							</div>
-							</div>
+						 ?>
+						</div>
+						</div>
 						</div>
 					</div>
 				</div>
 			</div>
-			<!-- End sliders -->
+		</div>
+		<!-- End sliders -->
 
-		<?php else: ?>
+	<?php else: ?>
 
 
 
-		<!-- sliders -->
-		<div id="sliders">
-			<div class="full-width header-fill">
-				<div class="full-width" style="height:150px;">
-					&nbsp;
-				</div>
+	<!-- sliders -->
+	<div id="sliders">
+		<div class="full-width header-fill">
+			<div class="full-width rl-filler" style="">
+				&nbsp;
 			</div>
 		</div>
+	</div>
 
 
 
-			<?php endif; ?>
-
-
-
-		</header>
-		<!-- Header Area wrapper End -->
+		<?php endif; ?>

index.php

@@ -1,37 +1,45 @@
 <?php get_header(); ?>
 
     <!-- About Section Start -->
-    <div id="about" class="section-padding">
+    <div id="about" class="section-padding rt-services">
       <div class="container">
         <div class="row">
+
+          <?php
+
+            $args = array(
+                'post_type' => 'geschaeftfelder',
+                'post_status' => 'publish',
+                'posts_per_page' => -1
+            );
+            $posts = new WP_Query($args);
+            $counter = 1;
+
+            while ($posts -> have_posts()) {
+                $posts->the_post(); ?>
+
           <div class="col-lg-3 col-md-6 col-xs-12">
             <div class="about block text-center">
-              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img1.png" alt="">
-              <h5><a href="#">About Title</a></h5>
-              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
-            </div>
-          </div>
-          <div class="col-lg-3 col-md-6 col-xs-12">
-            <div class="about block text-center">
-              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img2.png" alt="">
-              <h5><a href="#">About Title</a></h5>
-              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
-            </div>
-          </div>
-          <div class="col-lg-3 col-md-6 col-xs-12">
-            <div class="about block text-center">
-              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img3.png" alt="">
-              <h5><a href="#">About Title</a></h5>
-              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
-            </div>
-          </div>
-          <div class="col-lg-3 col-md-6 col-xs-12">
-            <div class="about block text-center">
-              <img src="<?php echo get_template_directory_uri(); ?>/img/about/img4.png" alt="">
-              <h5><a href="#">About Title</a></h5>
-              <p>Quisque sit amet libero purus. Nulla a dignissim quam. In hac habitasse platea dictumst.</p>
+              <div class="felder-img">
+                <div class="rl-center">
+
+                  <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'medium'); ?>" alt="<?php the_title(); ?>">
+                </div>
+              </div>
+              <h5><?php the_title(); ?></h5>
+              <p><?php echo get_post_meta($posts->post->ID, 'geschaeftfeld_text', true); ?></p>
             </div>
           </div>
+
+
+          <?php
+        } //  while ( $posts -> have_posts() )
+          wp_reset_postdata();
+          // wp_reset_query();
+          ?>
+
+
+
         </div>
       </div>
     </div>
@@ -40,7 +48,7 @@
 
 
     <!-- Portfolio Section -->
-    <section id="portfolio" class="section-padding">
+    <section id="portfolio" class="section-padding rt-color-projekte">
       <!-- Container Starts -->
       <div class="container">
         <div class="row">
@@ -65,10 +73,14 @@
 
 
                           <!-- project -->
-                          <li class="col-md-3 col-sm-6 project">
+                          <li class="col-md-4 col-sm-6 project">
                             <figure>
-                              <div class="hovereffect">
-                                <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'projekt_thumb'); ?>" alt="<?php the_title(); ?>">
+                              <div class="hovereffect rl-projects-figure rl-border-round">
+                                <div class="rl-center-helper">
+                                  <div class="rl-center-frame">
+                                    <img class="rl-center-img" src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'medium'); ?>" alt="<?php the_title(); ?>">
+                                  </div>
+                              </div>
                                 <div class="overlay">
                                   <div class="icons-link">
                                     <a class="left-link" href="<?php echo get_post_meta($posts->post->ID, 'projekt_link', true); ?>"><i class="fa fa-link"></i></a>
@@ -105,8 +117,8 @@
 
 
 		    <!-- Team Section Start -->
-        <section id="team-section" class="section-padding">
-		    <div id="team" class="team-members-tow section-padding background-gray">
+        <section id="team-section" class="section-padding rt-team">
+		    <div id="team" class="team-members-tow section-padding ">
 		      <div class="container">
 		        <div class="row">
 		          <div class="col-md-12">
@@ -130,15 +142,21 @@
 
                   <!-- Team Item Starts -->
                   <div class="col-lg-3 col-md-6 col-xs-12">
+                    <!--
+                    <?php echo get_the_post_thumbnail_url($posts->post->ID, 'general_thumb' ); ?>
+                    -->
                     <div class="team-item">
-                      <figure class="team-profile">
+                      <figure class="team-profile rl-team-round">
                         <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'general_thumb' ); ?>" alt="<?php the_title(); ?>">
                         <figcaption class="our-team">
                           <div class="details">
                             <p class="content-white"><?php echo get_post_meta($posts->post->ID, 'mitarbeiter_beschreibung', true); ?></p>
                             <hr class="small-divider border-white">
                             <div class="social">
-                              <a href="mailto:<?php echo get_post_meta($posts->post->ID, 'mitarbeiter_email', true); ?>"><i class="fa fa-envelope" aria-hidden="true"></i></a><br/>
+                              <?php
+                              $content = get_post_meta($posts->post->ID, 'mitarbeiter_email', true);
+                              echo encode_email_shortcode( [], $content   );
+                                ?><br/>
                               <a href="tel:<?php echo get_post_meta($posts->post->ID, 'mitarbeiter_tel', true); ?>"><?php echo get_post_meta($posts->post->ID, 'mitarbeiter_tel', true); ?></a><br/>
                               <a href="<?php echo get_post_type_archive_link( 'mitarbeiter' ); echo '#post-';  echo get_the_ID();  ?>"><i class="fa fa-link" aria-hidden="true"></i></a>
 
@@ -196,87 +214,85 @@
     <!-- Services Section Start -->
 
 
-    <section id="baugruppen">
-            <div class="container">
-
-              <div class="row">
-  		          <div class="col-md-12">
-  		            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Unsere Baugrupen</h2>
-  		          </div>
-                <!-- <div class="sub-title">
-                  <span>Unsere Baugrupen</span>
-                </div> -->
-  		        </div>
-
-
-              <ul class="row portfolio list-unstyled justify-content-center" id="grid">
+<?php /*  ?>
 
-<!-- ********************************************** -->
-
-<?php
+    <section id="baugruppen">
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Unsere Baugrupen</h2>
+          </div>
+          <!--
+          <div class="sub-title">
+            <span>Unsere Baugrupen</span>
+          </div>
+           -->
+        </div>
 
-  $args = array(
-      'post_type' => 'baugruppen',
-      'post_status' => 'publish',
-      'posts_per_page' => -1
-  );
-  $posts = new WP_Query($args);
-  $counter = 2;
+        <ul class="row portfolio list-unstyled justify-content-center" id="grid">
 
 
-  while ($posts -> have_posts()) {
-      $posts->the_post();
+            <?php
 
-      if ( $counter % 2 == 0 ){
-        $divmargin = "margin-top: 30px;";
-      } else {
-        $divmargin = "margin-bottom: 30px;";
-      }
+              $args = array(
+                  'post_type' => 'baugruppen',
+                  'post_status' => 'publish',
+                  'posts_per_page' => -1
+              );
+              $posts = new WP_Query($args);
+              $counter = 2;
 
-      ?>
 
-      <li class="col-md-3 col-sm-6 project">
-        <figure>
-          <div class="hovereffect round-pic" style="<?php echo $divmargin ?>">
-            <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'general_thumb' ); ?>" alt="<?php the_title(); ?>">
-            <div class="overlay">
-              <div class="iocns">
-                <a class="left-link" href="<?php echo get_post_meta($posts->post->ID, 'baugruppe_link', true); ?>"><i class="fa fa-link"></i></a>
-              </div>
-            </div>
-          </div>
-        </figure>
-      </li>
+              while ($posts -> have_posts()) {
+                  $posts->the_post();
 
+                  if ( $counter % 2 == 0 ){
+                    $divmargin = "margin-top: 30px;";
+                  } else {
+                    $divmargin = "margin-bottom: 30px;";
+                  }
 
-    <?php if ($counter && $counter % 4 == 0): ?>
+                  ?>
 
-      </ul>
-      <ul class="row portfolio list-unstyled justify-content-center" id="grid">
+                  <li class="col-md-3 col-sm-6 project">
+                    <figure>
+                      <div class="hovereffect round-pic" style="<?php echo $divmargin ?>">
+                        <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'general_thumb' ); ?>" alt="<?php the_title(); ?>">
+                        <div class="overlay">
+                          <div class="iocns">
+                            <a class="left-link" href="<?php echo get_post_meta($posts->post->ID, 'baugruppe_link', true); ?>"><i class="fa fa-link"></i></a>
+                          </div>
+                        </div>
+                      </div>
+                    </figure>
+                  </li>
 
-    <?php endif;
 
-    if ( $counter % 8 == 0 ){
-      $counter++;
-    }
+                <?php if ($counter && $counter % 4 == 0): ?>
 
-    $counter++;
+                  </ul>
+                  <ul class="row portfolio list-unstyled justify-content-center" id="grid">
 
-  } //  while ( $posts -> have_posts() )
-  wp_reset_postdata();
+                <?php endif;
 
+                if ( $counter % 8 == 0 ){
+                  $counter++;
+                }
 
-  ?>
+                $counter++;
 
+              } //  while ( $posts -> have_posts() )
+              wp_reset_postdata();
 
-                    <!-- ******************************************************  -->
 
-                  </ul>
-                </div>
-              </section>
+              ?>
 
+            </ul>
+          </div>
+        </section>
 
 
+<?php */  ?>
 
 
 
@@ -286,7 +302,7 @@
 
 
      <!-- Clients Section Start -->
-    <div id="clients" class="section-padding background-gray">
+    <div id="clients" class="section-padding rl-clients">
       <div class="container">
         <div class="row">
           <div class="col-md-12">
@@ -314,20 +330,27 @@
 
         ?>
 
-        <li class="col-md-2 col-sm-6 project">
+        <li class="col-md-3 col-sm-6 project">
+
           <figure>
-            <div class="hovereffect round-pic">
-              <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'general_thumb' ); ?>" alt="<?php the_title(); ?>">
+            <div class="hovereffect">
+
+              <div class="rl-clients-fix">
+                <div class="rl-center">
+
+              <img src="<?php echo get_the_post_thumbnail_url($posts->post->ID, 'medium'); ?>" alt="<?php the_title(); ?>">
+            </div>
+          </div>
               <div class="overlay">
                 <div class="iocns">
                   <a class="left-link" href="<?php echo get_post_meta($posts->post->ID, 'client_link', true); ?>"><i class="fa fa-link"></i></a>
                 </div>
               </div>
-            </div>
+          </div>
           </figure>
         </li>
 
-      <?php if ($counter && $counter % 6 == 0): ?>
+      <?php if ($counter && $counter % 4 == 0): ?>
 
         </ul>
         <ul class="row portfolio list-unstyled justify-content-center" id="grid-clients">
@@ -387,7 +410,13 @@
     <!-- facts Section End -->
 
 
+
+
+    <!-- ***************************************************************************** -->
+
     <!-- Single testimonial Start -->
+
+    <?php /*  ?>
     <div  id="testimonials" class="single-testimonial-area">
       <div class="container">
 
@@ -416,7 +445,6 @@
               ?>
 
 
-                <!-- Single testimonial Item -->
                 <div class="item">
                   <div class="row justify-content-md-center">
                     <div class="col-lg-8 col-md-12 col-xs-12 col-md-auto">
@@ -448,8 +476,13 @@
         </div>
       </div>
     </div>
+    <?php */  ?>
     <!-- end -->
 
+
+    <!-- ***************************************************************************** -->
+
+
     <!-- Contact Form Section Start -->
     <!-- <section id="contact" class="contact-form section-padding">
       <div class="container">

library/css/style.css

@@ -1251,7 +1251,7 @@ body {
   font-size: 100%;
   line-height: 1.5;
   color: #5c6b80;
-  background-color: #eaedf2;
+  background-color: #A3C7CC22;
   -webkit-font-smoothing: antialiased; }
 
 /********************
@@ -1735,8 +1735,8 @@ FOOTER STYLES
 *********************/
 .footer {
   clear: both;
-  background-color: #323944;
-  color: #f8f9fa; }
+  background-color: #000;
+  color: #fff; }
 
 /*
 if you checked out the link above:
@@ -1758,18 +1758,18 @@ tweeners.
   /******************************************************************
   Site Name:
   Author:
-  
+
   Stylesheet: 481px and Up Stylesheet
-  
+
   This stylesheet is loaded for larger devices. It's set to
   481px because at 480px it would load on a landscaped iPhone.
   This isn't ideal because then you would be loading all those
   extra styles on that same mobile connection.
-  
+
   A word of warning. This size COULD be a larger mobile device,
   so you still want to keep it pretty light and simply expand
   upon your base.scss styles.
-  
+
   ******************************************************************/
   /*
   IMPORTANT NOTE ABOUT SASS 3.3 & UP
@@ -1837,15 +1837,15 @@ you can add resource intensive styles.
   /******************************************************************
   Site Name:
   Author:
-  
+
   Stylesheet: Tablet & Small Desktop Stylesheet
-  
+
   Here's where you can start getting into the good stuff.
   This size will work on iPads, other tablets, and desktops.
   So you can start working with more styles, background images,
   and other resources. You'll also notice the grid starts to
   come into play. Have fun!
-  
+
   ******************************************************************/
   /*********************
   GENERAL STYLES
@@ -1978,12 +1978,12 @@ you can add resource intensive styles.
   /******************************************************************
   Site Name:
   Author:
-  
+
   Stylesheet: Desktop Stylsheet
-  
+
   This is the desktop size. It's larger than an iPad so it will only
   be seen on the Desktop.
-  
+
   ******************************************************************/
   .wrap {
     width: 1040px; } }
@@ -1993,14 +1993,14 @@ This is for the larger monitors and possibly full screen viewers.
 *********************/
 @media only screen and (min-width: 1240px) {
   /******************************************************************
-  Site Name: 
-  Author: 
-  
+  Site Name:
+  Author:
+
   Stylesheet: Super Large Monitor Stylesheet
-  
+
   You can add some advanced styles here if you like. This kicks in
   on larger screens.
-  
+
   ******************************************************************/ }
 /*********************
 RETINA (2x RESOLUTION DEVICES)
@@ -2010,44 +2010,44 @@ query for retina AND a certain size if you want. Go Nuts.
 *********************/
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
   /******************************************************************
-  Site Name: 
-  Author: 
-  
+  Site Name:
+  Author:
+
   Stylesheet: Retina Screens & Devices Stylesheet
-  
+
   When handling retina screens you need to make adjustments, especially
   if you're not using font icons. Here you can add them in one neat
   place.
-  
+
   ******************************************************************/
-  /* 
-  
-  EXAMPLE 
+  /*
+
+  EXAMPLE
   Let's say you have an image and you need to make sure it looks ok
   on retina screens. Let's say we have an icon which dimension are
   24px x 24px. In your regular stylesheets, it would look something
   like this:
-  
+
   .icon {
   	width: 24px;
   	height: 24px;
   	background: url(img/test.png) no-repeat;
   }
-  
+
   For retina screens, we have to make some adjustments, so that image
   doesn't look blurry. So, taking into account the image above and the
   dimensions, this is what we would put in our retina stylesheet:
-  
+
   .icon {
   	background: url(img/test@2x.png) no-repeat;
   	background-size: 24px 24px;
   }
-  
-  So, you would create the same icon, but at double the resolution, meaning 
+
+  So, you would create the same icon, but at double the resolution, meaning
   it would be 48px x 48px. You'd name it the same, but with a @2x at the end
   (this is pretty standard practice). Set the background image so it matches
-  the original dimensions and you are good to go. 
-  
+  the original dimensions and you are good to go.
+
   */ }
 /*********************
 PRINT STYLESHEET
@@ -2059,13 +2059,13 @@ be set to display none.
   /******************************************************************
   Site Name:
   Author:
-  
+
   Stylesheet: Print Stylesheet
-  
+
   This is the print stylesheet. There's probably not a lot
   of reasons to edit this stylesheet. If you want to
   though, go for it.
-  
+
   ******************************************************************/
   * {
     background: transparent !important;

page.php

@@ -35,7 +35,7 @@
 														<h2 class="sub-title"><?php the_title(); ?></h2>
 
 														<p class="byline vcard">
-															<?php printf(__('Posted', 'bonestheme').' <time class="updated" datetime="%1$s" itemprop="datePublished">%2$s</time> '.__('by', 'bonestheme').' <span class="author">%3$s</span>', get_the_time('Y-m-j'), get_the_time(get_option('date_format')), get_the_author_link(get_the_author_meta('ID'))); ?>
+															<?php // printf(__('Posted', 'bonestheme').' <time class="updated" datetime="%1$s" itemprop="datePublished">%2$s</time> '.__('by', 'bonestheme').' <span class="author">%3$s</span>', get_the_time('Y-m-j'), get_the_time(get_option('date_format')), get_the_author_link(get_the_author_meta('ID'))); ?>
 														</p>
 
 													</header> <?php // end article header?>