/*
Theme Name: Felschen
Theme URI: http://siteorigin.com/theme/pitch/
Author: SiteOrigin
Author URI: http://siteorigin.com/
Version: 1.3.8
License: GPL 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Pitch is a simple, minimal business and portfolio theme. It uses custom post types to make it easy to add your content. Pitch also features a big bold slider to put your work front and center.
Tags: gray, two-columns, fixed-width, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
*/

/* =Reset
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html{height: 100%;}

/*Melli Edit*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
/*Melli Edit Ende*/

body {
  line-height: 1;


/* Melli Edit*/

  opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:0.8s;
    -moz-animation-duration:0.8s;
    animation-duration:0.8s;

/* Melli Edit Ende */
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* ---------- Typo ---------- */

/* =General
-------------------------------------------------------------- */

body {
  font-size: 15px;
  line-height: 21px;
}

body {
 font-family: "ff-meta-serif-web-pro",serif;
}

h1, h2, h3, h4 {
 font-family: "ff-meta-web-pro",sans-serif;
 font-weight: bold;
}

.container {
  position: relative;
  width: 960px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  clear: both;
}
.slidercontainer {
  position: relative;
  width: 700px;
  overflow: hidden;
  height: 300px;
  _border: 1px solid red;
  display: block;
  margin: 0 auto;
  margin-left: 0;
}
.right{
  position: relative;
  height: 350px;
  width: 240px;
  margin-left: 20px;
  color: #333;
  float: right;
  _top: -300px;
        font-size: 15px;
        line-height: 21px;
  }
.right li{list-style-type: none; _line-height: 120%;}

#center {
width: 100%;
max-width: 960px;
margin:0 auto;
height: auto;
_border: 1px solid red;
position: relative;

  }

#map_container {
position: relative;
width: 50%;
max-width: 490px;
float: right;
_margin-left: 5%;
margin-top: 1em;
height: 350px;
}


@media(max-width:600px){
	#map_container{
		display:none;
	}
}

@media(max-width:768px){
	#map_container{
    	position: relative;
    	width: 100%;
    	max-width: 100%;
    	float: right;
    	_margin-left: 5%;
    	margin-top: 1em;
    	height: 350px;
	}
}

#map {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  /*
  -webkit-transform: none!important;
  position: absolute!important;
  overflow: visible!important;*/
}
.map li {list-style-type: none;}
.gmapswidget img{width:100%; _border:1px solid red;}
.tagcloud li {list-style-type: none;}
.clear {
  clear: both;
}
.tagcloud{
  width: 98%;
  max-width: 480px;
  margin-top: 1em;
  float: left;
  height: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "ff-meta-web-pro",sans-serif;
}
#center > .tagcloud{
  background-color: rgba(110, 159, 226, 0.2);
}
.clear {
  clear: both;
}
.twitterfeed{width: 100%;
max-width: 960px;
margin:0 auto;
margin-top:10px;
float: left;
height: 30px;
border-top: 1px dotted #333;
border-bottom: 1px dotted #333;
padding-top: 5px;
 }
.marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.marquee a {
  margin: 0 36px;
  color: #333;
  text-decoration: none;
}
.marquee a:after, .marquee a:active:after, .marquee a:visited:after, .marquee a:link:after {
  margin: 0 24px;
  width: 24px;
  content: "+++";
   position: absolute;
   cursor: normal;
   font-weight : normal;
   pointer-events: none;
}

.post a, .post a:link, .post a:active, .post a:visited,
a, a:link, a:active, a:visited {
  color: #333;
  text-decoration: underline;
}
.post a:hover, a:hover {
  text-decoration: none;
}

.clear {
  clear: both;
}


#twitter {margin-top:10px;}



.separator {
  height: 7px;
  _border-bottom: 1px dotted #333;
  margin: 20px 0;
}
.tagcloud .separator {display: none;}

.hell {_border: 1px solid red;}
.dunkel {_border: 1px solid blue;}

.dunkel .post-main .post-image {_width: 60%; float: right;}
.post-content {width: 46%; float: left; padding:1.5%;}
.excerpt.content { float: left;}
.singleimage {width: 100%; margin-bottom:10px;_border: 1px solid red;}
.untertitel {font-style: italic;
margin-bottom: 1em;}

p{margin-bottom: 21px;}
/* =Internet Explorer Fixes
-------------------------------------------------------------- */

/* =Top Bar
-------------------------------------------------------------- */

#topbar {
  background: #2c2c2c;
  box-shadow: 0 6px 0 rgba(0,0,0,0.05);
  font-size: 11px;
  padding: 15px 0;
}

#topbar-menu {
  float: right;
  text-align: right;
  word-wrap: break-word;
}

#topbar-menu li.menu-item {
  display: block;
  float: left;
  margin-left: 25px;
}

#topbar-menu li.menu-item a {
  color: #f4f4f4;
  text-decoration: none;
}

/* =Top Bar  : Topbar Dropdown
-------------------------------------------------------------- */

#topbar-menu li.menu-item {
  position: relative;

}

ul#topbar-menu li.menu-item a {
}

ul#topbar-menu ul.sub-menu {
  position: absolute;
  float:left;
  top: 1em;
  -left: 50%;
  border: none;
  -box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  display: none;
  margin-left: -60px;
  -min-width: 120px;
  z-index: 99;
}

ul#topbar-menu li:hover ul.sub-menu {
  display: block;
  padding-top: 15px;
}

ul#topbar-menu ul.sub-menu .sub-wrapper {
  position: relative;
  background: #1c1c1c;
  padding: 4px 0;
  text-align: center;
}

ul#topbar-menu ul.sub-menu .sub-wrapper .pointer {
  position: absolute;
  top: -8px;
  left: 50%;
  width: 18px;
  height: 8px;

  background: url('images/sprites-1-3-7.png') no-repeat -55px -12px;
  margin-left: -9px;
}

ul#topbar-menu ul.sub-menu li {
  float: left;
  margin-left: 0;
  padding: 8px 0;
}

ul#topbar-menu ul.sub-menu li a {
  white-space: nowrap;
}

/* =Logo
-------------------------------------------------------------- */

#logo {
  width: 100%;

  margin: 35px 0;
}
#logo_oben {
  background-image: url('images/header.jpg');
  text-indent: -9999px;
  width: 360px;
  height: 140px;
  }

#logo a {
  text-decoration: none;
}

#logo h1 {
  color: #333;
  display: inline-block;
  font-family: 'Maven Pro', sans-serif;
  font-size: 48px;
  letter-spacing: -2px;
}

  #language{ _width: 200px; height:20px;position: absolute;right: 0;z-index: 150; top: 10%;}
  #language img {height:25px; width:33px;}
  #language a:hover {border-bottom: 1px solid #2546d3;}

/* =Logo  : Search Bar
-------------------------------------------------------------- */

 #searchform {
  position: absolute;
  right: 0;
  /*
  top: 30%;
  right: 0;*/

  _margin-top: -16px;
}

 #searchform #s {
  width: 140px;
  /*background-color: #03D0CB;*/
  /*background-color: rgba(0, 208, 210, 0.1);*/
  background-color: rgba(110, 159, 226, 0.2);
  /*background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
  background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);*/
  /*border: 1px solid #E2E2E2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  _border-radius: 4px;
  _box-shadow: inset 1px 2px 3px rgba(0,0,0,0.06);*/
  color: #505050;
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );*/
  font-size:  12px;
  /*_outline: 2px #FAFAFA solid;*/
  text-align: right;
  padding: 6px 10px;
  border: none;
  font-family: "ff-meta-web-pro",sans-serif;
}

#searchform #s:focus {
  outline: none;
}

 #searchform #searchsubmit {
  display: none;
}

/* =Main Menu
-------------------------------------------------------------- */

#mainmenu {
  word-wrap: break-word;
  height: 62px;
  font-family: "ff-meta-web-pro",sans-serif;
}

#favicon {
  display: none;
  float: left;
  height: 40px;
  width:  0px;
  margin-top: -5px;

  -webkit-transition: all .5s ease-in;
       -moz-transition: all .5s ease-in;
       -o-transition: all .5s ease-in;
        transition: all .5s ease-in;
}

@media (min-width: 601px) {
  #mainmenu.fixed {
    position: fixed;
    z-index: 99999;
    width: 100%;
    top: 0px;
    margin-bottom: 0px;
    background-color: #fff;
    padding-bottom: 10px;
  }

  #mainmenu.fixed #favicon {
    display: block;
    width: 32px;
  }

  #mainmenu.fixed .menu-hauptmenue-container {
    margin-left: 35px;
    margin-top: 35px;
  }

}
#mainmenu .container {
  position: static;
  overflow: visible;
}
.menu-hauptmenue-container, #mainmenu ul {
  background-color: #fff;
  z-index: 99999;
}
#mainmenu li {
  z-index: 99999;
}

.menu-hauptmenue-container * {
  overflow: visible;
}


ul#mainmenu-menu {
  position: relative;
  border-bottom: 1px dotted #333;
  border-top: 1px dotted #333;
  padding: 2px 0px;
  height: 25px;
}

ul#mainmenu-menu li.menu-item {
  -position: relative;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  vertical-align: middle;
}

ul#mainmenu-menu li.menu-item a {
  color: #333;
  display: block;

  padding: 0px 40px;
  text-decoration: none;
}
ul#mainmenu-menu li.menu-item.current-menu-item a,
ul#mainmenu-menu li.menu-item.current-menu-parent > a {
  color:#163971;
}

ul#mainmenu-menu li.menu-item a:hover {
  /*_background: #F9F9F9;
  color: #2546d3;*/
  color:#163971;
}

/* =Main Menu  : Scaled Menu
-------------------------------------------------------------- */

#mainmenu.scaled .container > div {
  width: 100%;
  height: 52px;

  display: table;
}

#mainmenu.scaled ul#mainmenu-menu {
  height: 52px;

  display: table-row;
}

#mainmenu.scaled li.menu-item {
  width: auto;
  height: 52px;

  border: none;
  display: table-cell;
  float: none;
}

#mainmenu.scaled li.menu-item a {
  border: 1px solid #E2E2E2;
  border-width: 1px 1px 1px 0;
  text-align: center;
}

#mainmenu.scaled li.menu-item:first-child a {
  border-left-width: 1px;
}

#mainmenu.scaled ul#mainmenu-menu ul.sub-menu li {
  border-width: 0;
  display: inline;
  float: left;
  background: transparent;


}

#mainmenu.scaled ul#mainmenu-menu ul.sub-menu a {
  border: none;
}

/* =Main Menu  : Main Dropdown
-------------------------------------------------------------- */


ul#mainmenu-menu li.menu-item a {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  height: 48px;
  margin: 0;
  padding: 0 22px 12px 0;
  text-decoration: none;
  text-transform: uppercase;
}

ul.sub-menu {
  position: absolute;
  top: 25px;
  left: 0px;
  width: auto !important;
  -border: 1px solid red;
  background: transparent;
  _border: none;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  display: none;
  z-index: 99;
  -clear: both;
  float:left;
}

ul.sub-menu li{
  -border:1px solid black;
  display: inline;
  font-weight: normal;
  float: left;
}

ul#mainmenu-menu ul.sub-menu ul.sub-menu {
  top: 0px;
  left: 100%;
  _width: 160px;


}

ul#mainmenu-menu li {
  /*height: 31px;*/
}
ul#mainmenu-menu li:hover {
  background: transparent!important;
}
ul#mainmenu-menu li:hover ul.sub-menu {
  display: block !important;
  width: 100%;
}

ul#mainmenu-menu ul.sub-menu li {
  -border: 1px solid black;
  float: left;
  -display: inline;
  font-weight: normal;
  -width:100%;

}

ul#mainmenu-menu ul.sub-menu li a, ul#mainmenu-menu ul.sub-menu li a:hover {
  height: auto;
  line-height: 15px;
  padding: 10px 15px;
}


@media (max-width: 600px) {
  #mainmenu {
    height: auto;
  }

  ul#mainmenu-menu {
    position: static;
    float: none;
    height: auto;
  }

  ul#mainmenu-menu li.menu-item,
  div ul#mainmenu-menu li#menu-item-21 {
    float: none;
    height: auto;
    position: static;
  }

  ul#mainmenu-menu li.menu-item a {
    height: auto;
  }
  form#searchform {
    position: static;
  }

  ul.sub-menu {
    display: none;
    position: static;
    float: none;
    margin-left: 20px;
  }

  ul#mainmenu-menu ul.sub-menu li {
    float: none;
  }
}

/* =Servicemenu
-------------------------------------------------------------- */

#menu-servicemenue {
  font-family: "ff-meta-web-pro",sans-serif;
}

/* =Slider
-------------------------------------------------------------- */

#slider {
  margin: 35px 0;
  display:none;
}

/* =Slider  : Slides
-------------------------------------------------------------- */

#slider .slides {
  line-height: 0;
}

#slider .slides img {
  width: 100%;

}

/* =Slider  : Indicators
-------------------------------------------------------------- */

#slider .indicators-wrapper {
  width: 100%;
  height: 20px;
  border-collapse: collapse;
  display: none;
}

#slider .indicators {
  background: #fff;
  display: table-row;
}

#slider .indicators .indicator {
  height: 100%;

  border-bottom: 1px solid #c6c6c6;
  border-top: 1px solid #c9c9c9;
  cursor: pointer;
  display: table-cell;
}

#slider .indicators .indicator .indicator-container {
  position: relative;

  padding: 20px 25px 0px 25px;
}

#slider .indicators .indicator.active {
  border-top-color: #bbbbbb;
}

#slider .indicators .indicator.active .indicator-container {
  _background-color: #ebebeb;
}

#slider .indicators .indicator .pointer {
  position: absolute;
  top: -8px;
  left: 50%;
  width: 10px;
  height: 5px;

  background: url('images/sprites-1-3-7.png') no-repeat -84px 0;
  margin-left: -10px;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#slider .indicators .indicator.active .pointer {
  opacity: 1;
  visibility: visible;
}

/* CSS3 Animations */

#slider .indicators .indicator,
#slider .indicators .indicator .pointer {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#slider .indicators .indicator h4 {
  color: #333;
}

#slider .indicators .indicator p {
  color: #777777;
  margin-top: 2px;
  min-height: 1em;
}

/* =Slider  : Indicators  : Indicator Widths
-------------------------------------------------------------- */

#slider .indicator-group-2 {
  width: 50%;

}

#slider .indicator-group-3 {
  width: 33.3333%;

}

#slider .indicator-group-4 {
  width: 25%;

}

#slider .indicator-group-5 {
  width: 20%;

}

#slider .indicator-group-6 {
  width: 16.6667%;

}

/* =Call To Action
-------------------------------------------------------------- */

#call-to-action {
  margin: 35px 0;
}

#call-to-action .container {
  background: url(images/pattern.png) repeat;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px;
}

#call-to-action h3 {
  color: #555555;
}

#call-to-action a {
  position: absolute;
  top: 50%;
  right: 25px;
  background: #474747;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #FFF;
  display: block;
  font: italic 12px;
  margin-top: -17px;
  padding: 10px 40px;
  text-decoration: none;
  text-shadow: 0 1px 0 #000;
}

/* =Feature List
-------------------------------------------------------------- */

#site-features {
}

#site-features .feature-list {
  margin: 0 -15px;
}

#site-features .feature {
  width: 33.3333%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 15px;
  padding-bottom: 20px;
}

#site-features .feature-lastrow {
  padding-bottom: 0;
}

#site-features .feature .icon {
  position: relative;
  width: 40px;
  height: 40px;
  background: url('images/sprites-1-3-7.png') no-repeat -31px -39px;
  float: left;
}

#site-features .feature .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
}

#site-features .feature h3 {
  color: #333;
  font: bold 16px;
  margin: 0 0 0 55px;
  padding-top: 10px;
}

#site-features .feature h3 a {
  color: #333;
  text-decoration: none;
}

#site-features .feature p {
  color: #333;
  font-size: 12px;
  line-height: 1.5em;
  margin-top: 20px;
}

/* =Home Loop
-------------------------------------------------------------- */

.home-loop {
  /*margin: 50px 0;*/
  -margin: 350px 0;
}

.home-loop .container {
}

/* =Home Loop  : Nav
-------------------------------------------------------------- */

.home-loop .nav {
  height: 21px;

  float: right;
}

.home-loop .nav a {
  display: block;
  float: left;
  overflow: hidden;
}

.home-loop .nav a.next,
.home-loop .nav a.prev {
  width: 24px;
  height: 21px;

  margin-left: 5px;
  text-indent: -999px;
}

.home-loop .nav a.next {
  background: url('images/sprites-1-3-7.png') no-repeat -19px -12px;
}

.home-loop .nav a.prev {
  background: url('images/sprites-1-3-7.png') no-repeat -72px -39px;
}

.home-loop .nav a.all {
  color: #333;
  font-weight: 500;
  margin-right: 5px;
  margin-top: 5px;
  text-decoration: none;
}

.home-loop h3 {
  color: #333;
  margin-bottom: 30px;
}

.home-loop .post-list {
  width: 9999px;

  overflow: hidden;
}

.home-loop .post-list-wrapper {
  margin: 0 -10px;
  overflow: hidden;
}

/* =Home Loop  : Post
-------------------------------------------------------------- */

.home-loop .post-list li.post {
  width: 100%;

  float: left;
  padding: 0 10px;
}

.home-loop .post-list li.post a {
  text-decoration: none;
}

.home-loop .post-list li.post img {
  margin-bottom: 13px;
  width: 450px;
  height: 350px;
}

.home-loop .post-list li.post .placeholder {
  width: 450px;
  height: 350px;
  background: #E9E9E9;
  display: block;
  margin-bottom: 13px;
}

.home-loop .post-list li.post.type-client img {
  width: 100% !important;
  height: auto;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

.home-loop .post-list li.post h4 {
  color: #333;
  margin-bottom: 9px;
  text-align: center;
}

.home-loop .post-list li.post p {
  color: #777777;
  line-height: 1.4em;
}

/* =Blog Post Loop
-------------------------------------------------------------- */

#loop {
  /*width: 620px;*/
  width:60%;
  float: left;
}

#loop2 {
  width: 960px;
  float: left;
}

#loop2 .post {
  overflow: hidden;
}

#loop.loop-posts {
}

#loop.loop-posts .post,
#loop.loop-posts > div {
  _margin-bottom: 60px;

}

#loop.loop-posts .sticky {
}

#loop.loop-posts .post-info {
  /* Melli Edit*/
  display:none;
  /* Melli Edit Ende*/
  width: 120px;
  float: left;
}

#loop2.loop-posts2 {
  margin-bottom: 60px;
}

#loop2.loop-posts2 .post,
#loop2.loop-posts2 > div {
  margin-top: 1em;
  /*background-color: rgba(0, 208, 210, 0.10);*/
  background-color: rgba(110, 159, 226, 0.2);
  height:300px;
}

#loop2.loop-posts2 .sticky {
}

#loop2.loop-posts2 .post-info {
  width: 100%;
  float: left;
}


.post-image {width: 50%; float: left; overflow: hidden;}
.post-content {width: 46%; float: left; padding-left: 10px;}
/* =Blog Post Loop  : Date
-------------------------------------------------------------- */

#loop.loop-posts .post-info .date {
  background-image: url(images/pattern.png);
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 15px 20px;
}

#loop.loop-posts .post-info .date .day {
  font-size: 30px;
}

#loop.loop-posts .post-info .date .month-year {
  float: right;
  line-height: 1.25em;
  padding-top: 1px;
}

#loop.loop-posts .post-info .extras {
  font-size: 11px;
  text-align: right;
}

#loop.loop-posts .post-info .extras div {
  margin-bottom: 8px;
}

#loop.loop-posts .post-info .extras a {
  color: #333;
  text-decoration: none;
}

#loop.loop-posts .post-info .extras a:hover {
  text-decoration: underline;
}

#loop.loop-posts .post-main {
/* Melli Edit*/
  -margin-left: 160px;
  margin-left: 5px;
/* Melli Edit Ende*/
}

#loop.loop-posts .post-main .content {
  color: #333;
  line-height: 1.5em;
}

#loop.loop-posts .post-main h2.post-title {
  font-weight: bold;
  margin: 15px 0;
}

#loop.loop-posts .post-main h2.post-title a {
  color: #333;
  text-decoration: none;
}

#loop.loop-posts .post-main .read-more {
  margin-top: 10px;
  text-align: right;
}

#loop.loop-posts .post-main .read-more a {
  color: #303030;
  font-size: 15px;
  _font-weight: bold;
  _text-decoration: none;
}

#loop.loop-posts .post-main .read-more a i {
  width: 6px;
  height: 10px;
  background: url('images/sprites-1-3-7.png') no-repeat -11px 0;
  display: inline-block;
  margin: 0 0 -1px 5px;
}


/* Loop2-------------------------------------------------------------- */

#loop2.loop-posts2 .post-info .date {
  _background-image: url(images/pattern.png);
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 15px 20px;
}

#loop2.loop-posts2 .post-info .date .day {
  font-size: 30px;
}

#loop2.loop-posts2 .post-info .date .month-year {
  float: right;
  line-height: 1.25em;
  padding-top: 1px;
}

#loop2.loop-posts2 .post-info .extras {
  font-size: 11px;
  text-align: right;
}

#loop2.loop-posts2 .post-info .extras div {
  margin-bottom: 8px;
}

#loop2.loop-posts2 .post-info .extras a {
  color: #333;
  text-decoration: none;
}

#loop2.loop-posts2 .post-info .extras a:hover {
  text-decoration: underline;
}

#loop2.loop-posts2 .post-main {
  _margin-left: 160px;
}

#loop2.loop-posts2 .post-main .content {
  color: #333;
  line-height: 1.5em;
}

#loop2.loop-posts2 .post-main h2.post-title {
  font-size: 16px;
  margin-bottom: .5em;
  font-weight: bold;
}

#loop2.loop-posts2 .post-main h2.post-title a {
  color: #333;
  text-decoration: none;
  font-size: 20px;
  margin-bottom: .5em;
}

#loop2.loop-posts2 .post-main .read-more {
  margin-top: 10px;
  text-align: right;
}

#loop2.loop-posts2 .post-main .read-more a {
  color: #303030;
  _font-size: 11px;
  _font-weight: bold;
  _text-decoration: none;
}

#loop2.loop-posts2 .post-main .read-more a i {
  width: 6px;
  height: 10px;
  background: url('images/sprites-1-3-7.png') no-repeat -11px 0;
  display: inline-block;
  margin: 0 0 -1px 5px;
}

/* Zweispaltiger Inhalt mit Shortcode */

.entry-content .leftcolumn, .entry-content .rightcolumn {width: 48%; }
.entry-content .leftcolumn {float: left;  }
.entry-content .rightcolumn {float: right; }
.entry-content .topcolumn {clear: both; }

.entry-content2 .leftcolumn, .entry-content .rightcolumn {width: 48%; }
.entry-content2 .leftcolumn {float: left;  }
.entry-content2 .rightcolumn {float: right; }
.entry-content2 .topcolumn {clear: both; }


/* =Archive
-------------------------------------------------------------- */

h1#archive-title {
  color: #333;
  font-size: 25px;
  /* Melli Edit*/
  margin-left:5px;
  /* Melli Edit*/
  margin-bottom: 25px;
}

/* =Archive  : Navigation
-------------------------------------------------------------- */

/* =Project Archive
-------------------------------------------------------------- */

#projects {
  margin: 0 -10px;
}

#projects .project {
  width: 245px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-bottom: 20px;
  padding: 0 10px;
}

#projects .project .wrapper {
  position: relative;
}

#projects .project a.image {
  background: #F0F0F0 url(images/loader.gif) no-repeat center center;
  display: block;
  line-height: 0;
}

#projects .project .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  display: block;
  opacity: 0;
  visibility: hidden;
}

#projects .project .info {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  visibility: hidden;
}

#projects .project .overlay {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

#projects .project .info {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

#projects .project:hover .overlay {
  opacity: 0.7;
  visibility: visible;
}

#projects .project:hover .info {
  opacity: 0.9;
  visibility: visible;
}

#projects .project .info h3 {
  position: absolute;
  top: 15px;
  left: 0;
  background: #000;
  color: #CCC;
  display: inline-block;
  font: italic 16px;
  padding: 10px;
}

#projects .project .info p {
  position: absolute;
  right: 0;
  bottom: 15px;
  background: #000;
  color: #CCC;
  display: inline-block;
  font: normal normal 14px;
  padding: 10px;
}

/* =Archive Blog
-------------------------------------------------------------- */
#archive-title.archive-blog {
  display: block;
  margin-left: 0;
}

#loop-blog .post {
  background-color: rgba(110, 159, 226, 0.2);
  margin: 20px 0px;
  padding: 15px 20px;
}

#loop-blog h2.post-title {
  font-size: 16px;
  margin-bottom: .5em;
  font-weight: bold;
}

#loop-blog h2.post-title a {
  color: #333;
  text-decoration: none;
  font-size: 20px;
  margin-bottom: .5em;
}

#loop-blog .post-image {
  width: 35%;
}

#loop-blog .post-content {
  width: 60%;
  float: right;
}

#loop-blog .post-content .date {
  float: right;
}

.category-description {
  float: left;
  width: 60%;
}

#loop-blog .read-more {
  text-align: right;
}

@media (max-width: 480px) {
  #loop-blog .post-image {
    width: 100%;
    text-align: center;
  }
  #loop-blog .post-content {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .category-description, div.twitter-widget {
    width: 100%;
    float: none;
  }
}

/* =Post Single
-------------------------------------------------------------- */

#post-single {
  margin: 35px 0;
}

#post-single .separator.first {
  margin-top: 0px;
}

#post-single .separator.light {
  opacity: 0.4;
}

#post-single h1.post-title {
  color: #333;
/*Melli Edit*/
  font-size: 32px;
  font-weight: bold;
  letter-spacing:1.5px;
  line-height:1.5em;
/*Melli Edit Ende*/
  margin-bottom: 25px;
}

/* =Post Single  : General Content
-------------------------------------------------------------- */

.entry-content {
/*Melli Edit*/
  /*color: #555;*/
color:#333;
/*Melli Edit Ende*/
  line-height: 1.5em;
/*Melli Edit*/
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  -moz-column-gap:20px;
  -webkit-column-gap:20px;
  column-gap:20px;
/*Melli Edit Ende*/

}

.single-format-video .entry-content {
  -moz-column-count:1;
  -webkit-column-count:1;
  column-count:1;
}

.entry-content ul.referenzen {padding-top: 30px;}
.entry-content p {
  margin: 1.5em 0;
  width: 100%;
/*Melli Edit
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  -moz-column-gap:20px;
  -webkit-column-gap:20px;
  column-gap:20px;

Melli Edit Ende*/

}

/* Melli Edit */

.entry-content p:first-child:first-letter {font-size: 2em; font-weight:bold;
}
.entry-content p:first-child:first-line {font-size: inherit; line-height:1.5em;
}


/* Melli Edit Ende */

.entry-content ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}

.entry-content ul {
  list-style-type: disc;
  padding-left: 1.5em;
}

.entry-content ul li,
.entry-content ol li {
  line-height: 1.5em;
}

.entry-content a {
  /*color: #1e7cd2;*/
}

.entry-content a:hover {
/* color: #4593ec; */

}

.entry-content strong,
.entry-content b {
  color: #444;
  font-weight: bold;
}

.entry-content em,
.entry-content i {
  font-style: italic;
}

.entry-content blockquote {
  font-style: italic;
  padding-left: 2em;
}

.entry-content blockquote cite {
  display: block;
  font-weight: bold;
  margin-top: 1em;
}

.entry-content sup,
.entry-content sub {
  position: relative;
  height: 0;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

.entry-content sup {
  bottom: 1ex;

}

.entry-content sub {
  top: .5ex;

}

.entry-content .flexslider {
  margin: 1.5em 0;
}

/* =Post Single  : General Content  : Definition list
-------------------------------------------------------------- */

.entry-content dl {
  margin-top: 1.5em;
}

.entry-content dl dt {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.entry-content dl dd {
  margin-bottom: 1em;
  padding-left: 1.5em;
}

/* =Post Single  : General Content  : Table
-------------------------------------------------------------- */

#post-single table {
  width: 100%;
}

/* =Post Single  : General Content  : Images
-------------------------------------------------------------- */

.entry-content img {
  height: auto;
  max-width: 100%;
}

.alignnone {
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto;
}

a img.alignright {
  float: right;
  margin: 5px 0px 20px 20px;
}

a img.alignnone {
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  width: auto;
  height: auto;
  border: 0 none;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px;
}

/* =Post Single  : General Content  : Headings
-------------------------------------------------------------- */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: #333;
  margin: 1.5em 0;
}

.entry-content h1 {
  font-size: 1.8em;
}

.entry-content h2 {
  font-size: 1.7em;
}

.entry-content h3 {
  font-size: 1.6em;
}

.entry-content h4 {
  font-size: 1.45em;
}

.entry-content h5 {
  font-size: 1.375em;
}

.entry-content h6 {
  font-size: 1.2em;
}

/* =Post Single  : Page
-------------------------------------------------------------- */

#post-single.type-page .post-container,
#post-single.error-404 .post-container,
#post-single.type-forum .post-container,
#post-single.type-topic .post-container {
  edit width: 960px;
  float: left;
}

/* =Post Single  : Post
-------------------------------------------------------------- */

#post-single.type-post {
}

#post-single.type-post .post-container {
  width: 960px;
  float: left;
}
#post-single.type-post .post-container img {
  width: 100%;
}

#post-single.type-post .post-info {
  color: #777;
  font: italic 11px;
  margin-bottom: 25px;
  margin-top: -18px;
}

#post-single.type-post .post-info a {
  color: #505050;
  text-decoration: none;
}

/* =Post Single  : Project
-------------------------------------------------------------- */

/* =Post Single  : Project  : Images
-------------------------------------------------------------- */

#post-single.type-project #project-images {
  width: 600px;
  float: left;
}

#post-single.type-project #project-images .image {
  position: relative;
  line-height: 0;
}

#post-single.type-project #project-images .pagination {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  display: block;
  text-align: center;
}

#post-single.type-project #project-images .pagination li {
  display: inline-block;
  margin: 0 1px;
}

#post-single.type-project #project-images .pagination li a {
  width: 10px;
  height: 11px;
  background: url('images/sprites-1-3-7.png') no-repeat -44px -12px;
  display: block;
}

#post-single.type-project #project-images .pagination li.active a {
  background: url('images/sprites-1-3-7.png') no-repeat 0 0;
}

#post-single.type-project #project-images img {
  width: 100%;
  height: auto;
}

#post-single.type-project #project-info {
  width: 320px;
  float: right;
}

#post-single.type-project #project-info h1 {
  color: #333;
}

#post-single.type-project #project-info .excerpt {
  color: #777777;
  font: italic 12px;
  line-height: 1.4em;
}

#post-single.type-project .skills {
  color: #777777;
}

#post-single.type-project .skills strong {
  color: #333;
  display: inline-block;
  font-weight: bold;
  margin-right: 4px;
}

#post-single.type-project .skills a {
  color: #777777;
  font-style: italic;
  text-decoration: none;
}

/* =Pagination
-------------------------------------------------------------- */

#loop .pagination .separator {
  clear: both;
}

.pagination .nav-next {
  float: right;
  padding-right: 10px;
}

.pagination .nav-previous {
  float: left;
  padding-left: 10px;
}

#loop .pagination a {
  color: #333;
  text-decoration: none;
}

/*Melli Edit*/
.pagination a {
  color: #333;
  text-decoration: none;}

.pagination a:hover {
  color: #181cb4;
  text-decoration: none;}
.pagination a:visited {
  color: #333;
  text-decoration: none;}

.read-more a {
  color: #303030;}

.read-more a:hover {
  color: #181cb4;
  text-decoration: none;}
.read-more a:visited {
  color: #303030;}


/*Melli Edit Ende*/

/* =Comments
-------------------------------------------------------------- */

#comments {
  margin-top: 35px;
}

/* =Comments  : Single Comment
-------------------------------------------------------------- */

#comment-list {
  margin-top: -5px;
}

.comment,
.pingback {
  list-style: none;
  margin: 35px 0;
}

.comment.bypostauthor {
}

.comment .avatar-container {
  position: relative;
  width: 65px;
  height: 65px;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.15);
  float: left;
}

.comment .avatar-container .shadow {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 65px;
  height: 8px;
  background: url('images/sprites-1-3-7.png') no-repeat -18px 0;
}

.comment .comment-text .entry-content {
  -moz-column-count:1;
  -moz-column-gap:0;
  -webkit-column-count:1;
  column-count:1;
  -webkit-column-gap:0px;
  column-gap:0px;
}

.comment .comment-text {
  margin-left: 90px;
}

.comment .comment-text .content {
  color: #6a6a6a;
  margin-bottom: 20px;
}

.comment .comment-separator {
  position: relative;
  width: 9px;
  height: 1px;
  background: #ababab;
  margin-bottom: 15px;
}

.comment .comment-separator a.comment-reply-link {
  position: absolute;
  top: -6px;
  left: 24px;
  color: #303030;
  font-size: 10px;
  text-decoration: none;
}

.comment .comment-info {
  font-size: 12px;
}

.comment .comment-info .comment-author,
.comment .comment-info .comment-author a {
  color: #303030;
  display: inline-block;
  font-weight: bold;
  margin-right: 15px;
  text-decoration: none;
}

.comment .comment-info .comment-date {
  color: #333;
}

/* =Comments  : Single Comment  : Pingback
-------------------------------------------------------------- */

.pingback .pingback-title,
.pingback .pingback-title a {
  color: #303030;
  font-weight: bold;
  margin-bottom: 5px;
  text-decoration: none;
}

.pingback .pingback-date {
  color: #333;
  margin-bottom: 10px;
}

.pingback .pingback-content {
  color: #333;
}

/* =Comments  : Single Comment  : Multi Levels
-------------------------------------------------------------- */

.comment .comment {
  margin-left: 90px;
}

/* =Comments  : Respond
-------------------------------------------------------------- */

h3#reply-title,
h3#reply-title a,
h3#comments-title {
  color: #333;
  font-size: 17px;
  margin-bottom: 1.5em;
}

#comment-list #respond {
  background: #EFEFEF;
  border: 1px solid #E2E2E2;
  padding: 20px;
}

#comment-list .comment #respond {
  margin-left: 90px;
}

#respond {
  margin-bottom: 35px;
}

#commentform #comment,
#commentform .comment-form-field input {
  border: 1px solid #DDD;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  font: italic 12px;
  padding: 10px;
}

#commentform .comment-form-field input {
  display: inline-block;
  margin-right: 20px;
}

#commentform #comment {
  width: 100%;
  height: 200px;

}

#commentform .comment-form-field input:focus,
#commentform .comment-form-field input:hover,
#commentform #comment:hover,
#commentform #comment:focus {
  border-color: #C0C0C0;
}

#commentform .comment-form-field label {
  color: #525252;
  font-size: 11px;
}

#commentform .logged-in-as {
  color: #777;
  margin-bottom: 15px;
}

#commentform .logged-in-as a {
  color: #1e7cd2;
  text-decoration: none;
}

#commentform .comment-form-field,
#commentform .comment-form-comment {
  margin-bottom: 10px;
}

#commentform input[type=submit] {
  background: rgb(247,247,247);
  background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(244,244,244,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(244,244,244,1)));
  background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(244,244,244,1) 100%);
  border: 1px solid #cbc9c9;
  box-shadow: 0 1px 1px rgba(0,0,0,0.06);
  color: #525252;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f4f4f4',GradientType=0 );
  font: bold 10px/1 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 14px 20px;
  text-shadow: 0 1px 0 #FFF;
}

#commentform input[type=submit]:hover {
  border: 1px solid #BBB;
}

/* =Sidebar
-------------------------------------------------------------- */

#sidebar {
/* Melli Edit*/
  -display:none;
/* Melli Edit Ende*/
  width: 280px;
  float: right;
  word-wrap: break-word;
}

#sidebar .widget {
  color: #767676;
  list-style: none;
  margin-bottom: 40px;
}

#sidebar img {
  height: auto;
  max-width: 100%;
}

#sidebar .widget .separator {
  height: 5px;
  _background: #eeeeee url(images/pattern.png) repeat;
  _border: 1px dotted #333;
  border-width: 1px 0;
  margin-top: 20px;
}

#sidebar .widget h2.widgettitle {
  color: #333;
  margin-bottom: 20px;
}

#sidebar .widget div {
  line-height: 1.5em;
}

#sidebar .widget a {
  color: #333;
  text-decoration: none;
}

#sidebar .widget ul li {
  margin-bottom: 3px;
}

/* =Footer and Copyright
-------------------------------------------------------------- */

#footer {
  position: relative;
  margin-top: 45px;
}

#footer .container {
  width: 990px;
  display: table;
}

#footer .pointer {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 15px;
  background: url('images/sprites-1-3-7.png') no-repeat 0 -39px;
  margin-left: -15px;
  z-index: 2;
}

/* =Footer and Copyright  : Widgets
-------------------------------------------------------------- */

#footer ul.widgets {
  width: 100%;
  display: table-row;
}

#footer li.widget {
  display: table-cell;
}

#footer li.widget h2.widgettitle {
  color: #dbdbdb;
  line-height: 1em;
  margin-bottom: 30px;
}

#footer li.widget {
  color: #b8b8b8;
  font-size: 12px;
  line-height: 1.5em;
}

#footer li.widget p {
  margin-top: 1em;
}

#footer li.widget a {
  color: #e1e1e1;
  font-weight: 500;
  text-decoration: none;
}

#footer .widget ul {
  position: relative;
  padding-top:20px;
  padding-left: 20px;
  border-top: 1px dotted #333;
  height: 24px;
}

#footer .widget ul li {
  position: relative;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: normal;
}
#footer .widget ul li a {
  color: #333;
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  margin: 0;
  padding: 0 22px 12px 0;
  text-decoration: none;
  text-transform: uppercase;
  }
#footer .widget ul li a:hover {
/*Melli Edit #333*/
  color: #33c;
  display: block;
  padding: 0 22px 12px 0;
  text-decoration: none;
  }
#copyright {
  background: #181818;
  box-shadow: inset 0 5px 0 rgba(0,0,0,0.2);
  color: #b6b6b6;
  font-size: 10px;
  padding: 15px 0;
  text-align: center;
}

#copyright a {
  color: #CCC;
  text-decoration: none;
}

/* =Flex Slider
-------------------------------------------------------------- */

.gallery-caption {
}

.flexslider {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

.flexslider img {
  width: 100%;
  height: auto;
}

.flexslider ul,
.flexslider ol {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.flexslider .shadow,
#project-images .shadow {
  position: absolute;
  bottom: -31px;
  left: 0;
  width: 600px;
  height: 31px;
  background: url(images/sprites/shadow-large.png) no-repeat center center;
}

.flexslider .flex-control-nav {
  display: none;
}

.flexslider .flex-direction-nav {
}

.flexslider .flex-direction-nav a {
  position: absolute;
  top: 50%;
  width: 18px;
  height: 26px;
  display: block;
  margin-top: -13px;
  opacity: 0;
  text-indent: -9999px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.flexslider:hover .flex-direction-nav a {
  opacity: 1;
}

.flexslider .flex-direction-nav a.prev {
  left: 25px;
  background: url('images/sprites-1-3-7.png') no-repeat 0 -55px;
}

.flexslider .flex-direction-nav a.prev:active {
  left: 20px;

}

.flexslider .flex-direction-nav a.next {
  right: 25px;
  background: url('images/sprites-1-3-7.png') no-repeat 0 -12px;
}

.flexslider .flex-direction-nav a.next:active {
  right: 20px;

}

.flexslider .flex-caption {
  display: none;
}

/*--------------------Responsive Design Media Queries-------*/

div#center.map li.seperator{display:none;}

/* ---------- Layout for max-width: 980px ---------- */
@media (max-width: 980px) {
#loop2{width: 100%; height: auto;clear:both;}

.container {width:748px;margin:0 auto;clear:both;}
body > div.huge_it_slideshow_image_wrap_2, #huge_it_slideshow_image_container_2{max-width:748px;height:auto;}

body > div.huge_it_slideshow_image_wrap_2 img, #huge_it_slideshow_image_container_2 img{max-width:748px;height:auto;}
#loop2{width: 748px;}
.twitterfeed {width:748px;}
#twitter{width:748px;}

#center{width:748px;clear:both;margin:0 auto;}

.tagcloud {width:100%; -margin-left:10px;margin-right:10px;clear:both;max-width:980px;margin-bottom:10px;}
.map{width:100%;max-width:748px;margin:0 auto;margin-bottom:10px;}
.home-loop{margin-top: 200px;}
div#center.map li.seperator{display:block;}
.right { width: 100%;height: auto; margin-top:10px;}
body > div.huge_it_slideshow_image_wrap_2{margin:0 auto;}

}



/* ---------- Layout for max-width: 768px ---------- */

@media (max-width: 768px) {

#logo_oben {background-image: url('images/header.jpg');
}

.twitterfeed {width:100%;clear:both;}
#twitter{width:100%;clear:both;}
/*.post-image{width: 50%; float: left;clear:both;}
.post-content{width: 50%; float: right;clear:both;}*/
#center{width:100%;clear:both;max-width: 678px!important;}
#footer .container{width:100%; clear: both;}

/*----*/

.container {width:95%;margin:0px auto;clear:both;}
#loop2{width: 100%; height: auto;clear:both;}
#loop2.loop-posts2 .post, #loop2.loop-posts2 > div {height: auto;}
#loop2 .post-image{width: 100%; float: left;clear:both; text-align: center;}
#loop2 .post-content{width: 95%; float: left;clear:both; -background-color:rgba(110, 159, 226, 0.1);}

.tagcloud {width:100%; margin:0 auto;clear:both;text-align: center;margin-bottom:10px;margin-top:10px;max-width:768px;}
.map {width:95%; margin:0 auto;clear:both;text-align: center;margin-bottom:10px;margin-top:10px;}

.post-content{-max-height:270px;-overflow:hidden;margin-bottom:1em;}
#center{width:95%; margin:10px auto; max-width:480px;clear:both;}
.twitterfeed {width:100%;clear:both;}
#twitter{width:100%;clear:both;}
.map{width: 100%;max-width: 894px;float:left;}
.home-loop{margin-top: 100px;}
#footer .container{width:100%; clear: both;}
#searchform{
  position: absolute;
  bottom: -20%;
  right: 0;
  clear: both;
}
  /*#language {height: 20px;
position: absolute;
left: 22%;
z-index: 150;
bottom: -10%;clear:both;}*/

.right { width: 100%;height: auto; margin-top:10px;}
}



/* ---------- Layout for max-width: 600px ---------- */

@media (max-width: 600px) {

  #logo {
    height:auto;
    clear:both;
  }

  #language {
    float:right;
    position:relative;
    bottom:0;
    left:0;
    margin-top:120px;
    margin-bottom:10px;
  }

  #logo #searchform{
    float:right;
    position:relative;
    left:0;
    margin-top:10px;
    margin-bottom:20px;
  }

  #logo .containter {
    height:auto;
  }

  .right {
    width: 100%;
    height: auto;
    margin-top:10px;
  }

  #logo_oben {
    margin: 0 auto;
  }

  #logo_oben:hover {
  margin:0 auto;
  }

} /* media query end */


/* ---------- Layout for max-width: 480px ---------- */

@media (max-width: 480px) {

  .container {width:95%;margin:10px auto;clear:both;-border:1px solid black;}
  #loop2{width: 100%; height: auto;clear:both;}
  .post-image{width: 100%; float: left;clear:both;}
  .tagcloud {width:100%; margin-top:10px; margin-bottom:10px;clear:both;text-align: center;max-width:460px;}
  /*.post-content{width: 95%; float: left;clear:both; -background-color:rgba(0, 208, 210, 0.1);}*/
  .post-content{width: 95%; float: left;clear:both; -background-color:rgba(110, 159, 226, 0.1);}
  #center{width:95%; margin:10px auto; max-width:480px;clear:both;}
  .twitterfeed {width:100%;clear:both;}
  #twitter{width:100%;clear:both;}
  #footer .container{width:100%; clear: both;}
  /*
  #searchform{position: absolute;
  bottom: -20%;
  right: 0;clear:both;
  }
    #language {height: 20px;
  position: absolute;
  left: 22%;
  z-index: 150;
  bottom: -10%;clear:both;}*/

  .right { width: 100%;height: auto; margin-top:10px;}

  #logo {
  height:auto;
  clear:both;}
  #logo_oben{
  clear:both;
  width:100%;
  -background-size:cover;
  -max-width:320px;
  margin:0;
  position:absolute;
  -height:101px;
  background-image:url('images/header.jpg');
  background-repeat:no-repeat;
  }

  #language {
    float:right;
    position:relative;
    bottom:0;
    left:0;
    margin-top:120px;
    margin-bottom:10px;
  }

  #logo #searchform{float:right;
  position:relative;
  left:0;
  margin-top:10px;
  margin-bottom:20px;
  }

  .map {max-width:480px;width:100%;display:none;}


  ul#mainmenu-menu li#menu-item-21{float:right;position:absolute;right:0;}

} /* media query end */


/* ---------- Layout for max-width: 320px ---------- */

@media (max-width: 320px) {
  html{height: 100%;}

  .right { width: 100%;height: auto; margin-top:10px;}

  .map {max-width:320px;width:100%;display:none;}

  /*#searchform{position: absolute;
  bottom: 0;
  right: 0;
  margin-top: 0;clear:both;}
    #language {height: 20px;
  position: absolute;
  left: 22%;
  z-index: 150;
  bottom: -10%;clear:both;}*/


  #logo {
  height:auto;
  clear:both;}

  #language {
    float:right;
    position:relative;
    bottom:0;
    left:0;
    margin-top:120px;
    margin-bottom:10px;
  }

  #logo #searchform{float:right;
  position:relative;
  left:0;
  margin-top:10px;
  margin-bottom:20px;
  }



  body{height: 100%;}
  .container {width:95%; _height: 100%;margin:10px auto;clear:both;}
  #loop2{width: 100%; height: 100%;clear:both;}
  .post-image{width: 100%; float: left; clear:both;}

  .tagcloud {width:95%; margin:0 auto; text-align: center;clear:both;}
  .post-content{width: 95%; float: left;clear:both;-background-color:rgba(0, 208, 210, 0.10);}
  #center{width:95%; margin:10px auto; max-width:480px;clear:both;}
  .twitterfeed {width:100%;clear:both;}
  #twitter{width:100%;clear:both;}
  #footer .container{width:100%; clear: both;}
} /* media query end */

#home_header {
  position: relative;
  width: 100%;
  height: 33.75%;
  max-height: 33.75%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px dotted;
  padding-bottom: 1.5em;
  margin-bottom: 0.5em;
}
#home_static_text {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 33.75%;
}
#featuredpostsslider {
  position: relative;
  /*top: 0px;*/
  float: left;
  padding-right: 0.5em;
  width: 65%;
    /* height: 33.75%; */
  -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
}
.entry-content .ss1_wrapper .ss1_entry{
/*Melli Edit*/
  /*color: #555;*/
color:#333;
/*Melli Edit Ende*/
  line-height: 1.5em;
/*Melli Edit*/
  -moz-column-count:0 !important;
  -webkit-column-count:0!important;
  column-count:0!important;
  -moz-column-gap:0px;
  -webkit-column-gap:0px;
  column-gap:0px;
  border: 1px solid blue;
/*Melli Edit Ende*/

}
#sidebar{float:right;-padding-left:40px;}
#post-single #sidebar{float:left!important;}
.singleimage img {-width:100%;height:auto;max-width:100%;max-height:auto;}

@media (max-width: 980px) {
.post-main img{text-align:center;}
#loop{width:70%;float:left;}
#sidebar{width:28%;float:left;text-align:right;}

#post-single.type-page .post-container,
#post-single.error-404 .post-container,
#post-single.type-forum .post-container,
#post-single.type-topic .post-container {
width:100%;}
.entry-content{-moz-column-count:1;
-moz-column-gap:0;
-webkit-column-count:1;
column-count:1;
-webkit-column-gap:0px;
  column-gap:0px;
}
.page-id-17 #post-single.type-page .post-container,
.page-id-25 #post-single.type-page .post-container,
.page-id-27 #post-single.type-page .post-container,
.page-id-29 #post-single.type-page .post-container  {width:65%!important;padding-right:15px;}
.page-id-17 #sidebar,
.page-id-25 #sidebar,
.page-id-27 #sidebar,
.page-id-29 #sidebar {float:right;padding-left:0;}

.singleimage img {width:100%;height:auto;}
}


/*--Kontakt/Vita Anpassung--*/
#sidebar{padding-left:2%;}
.page-id-17 #post-single.type-page .post-container,
.page-id-25 #post-single.type-page .post-container,
.page-id-27 #post-single.type-page .post-container,
.page-id-29 #post-single.type-page .post-container {width:65%;padding-right:15px;}
.page-id-17 #sidebar,
.page-id-25 #sidebar,
.page-id-27 #sidebar,
.page-id-29 #sidebar {float:left;padding-left:0;}
.page-id-17 .entry-content,
.page-id-25 .entry-content,
.page-id-27 .entry-content,
.page-id-29 .entry-content {-moz-column-count:1;
-moz-column-gap:0;
-webkit-column-count:1;
column-count:1;
-webkit-column-gap:0px;
  column-gap:0px;
}



@media (max-width: 700px) {
h1#archive-title{width:100%;}
#loop{width:95%;float:none;}
.post-main{margin-left:0;padding-left:5px;}
#sidebar{width:95%;float:none;text-align:center;}
.post-main img{width:auto;text-align:center;}
#post-single.type-page .post-container{width:100%!important;padding-right:0px;}
.page-id-17 #post-single.type-page .post-container,
.page-id-25 #post-single.type-page .post-container,
.page-id-27 #post-single.type-page .post-container,
.page-id-29 #post-single.type-page .post-container {width:100%!important;padding-right:0;}
}

/*@media (max-width: 600px){
  .post-main img {width:100%;height:auto!important;text-align:center;float:none;}
  .post-main {margin-left:0;padding-left:0px;}
}*/


@media (max-width: 500px){
  .entry-content img{
    width:100%;
    height:auto;
  }

  #loop2.loop-posts2 .post,
  #loop2.loop-posts2 > div {
    margin-top:0;
    height: auto;
  }

}

#loop.loop-posts .post-main .read-more a{float:left;}


div.container:nth-child(3) > h1:nth-child(1){display:none;}


@media (max-width: 980px) {
  .ss1_wrapper, .slideshow_box, .slideshow_wrapper, .ss1_entry {
    height: 295px;
  }
}
@media (max-width: 768px) {
  #home_static_text,
  #featuredpostsslider{
    float: none;
    width: 100%;
    padding: 20px;
  }
}
@media (max-width: 576px) {
  .ss1_wrapper, .slideshow_box, .slideshow_wrapper, .ss1_entry {
    height: 220px;
  }
}
@media (max-width: 420px) {
  .ss1_wrapper, .slideshow_box, .slideshow_wrapper, .ss1_entry {
    height: 170px;
  }
}

.huge_it_slideshow_title_text_2 {
  /*text-decoration: none;
  position: absolute;
  z-index: 11;
  display: inline-block;

  width:24%;
  / *height:44%;* /

  right:3%;top:3%;    padding:2%;
  text-align:right;
  font-weight:bold;
  color:#000000;

  background:rgba(255,255,255,0.7)  !important;
  border-style:solid;
  font-size:13px;
  border-width:0px;
  border-color:#ffffff;
  border-radius:4px;*/
  width: 100%!important;
  bottom: 0!important;
  left: 0!important;
  right: 0!important;
  top: auto!important;
  height: auto!important;
  border-radius: 0px!important;
  text-align: center!important;
  padding: 0.5em!important;
}


.image-gallery-wrapper {
  overflow-x: scroll;
  width: 960px;
  height: 520px;
}

.image-gallery-wrapper .image-gallery {
  width: 800000px;
}

.image-gallery-wrapper .image-gallery li {
  float: left;
  display: block;
  padding: 0 20px 0px 0;
}

/* bring back the scrollbar */
.image-gallery-wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
}

.image-gallery-wrapper::-webkit-scrollbar:vertical {
    width: 11px;
}

.image-gallery-wrapper::-webkit-scrollbar:horizontal {
    height: 11px;
}

.image-gallery-wrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.image-gallery-wrapper::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

/* no headlines */
.type-page .post-title, #archive-title {
  display: none;
}

/* = Twitter Widget */
.twitter-widget {
  float: right;
  width: 35%;
}

.twitter-widget h3 {
  font-size: 18px;
  text-decoration: underline;
  margin-bottom: 20px;
}

.twitter-widget a {
  text-decoration: none;
}

.twitter-widget .twitter-follow-me {
  display: block;
  background: url('images/twitter-follow-me.jpg') no-repeat;
  background-size: 150px;
  width: 150px;
  height: 60px;
  float: right;
}

.twitter-widget .twitter-body {
  float: left;
  width: 88%;
}

.twitter-widget .twitter-image {
  float: left;
  widht: 9%;
  margin-right: 1%;
  clear: both;
}

.twitter-widget .twitter-image img {
  width: 20px;
  border-radius: 3px;
}

.twitter-widget .twitter-name {
  font-family: bold;
}

.twitter-widget .twitter-screen_name,
.twitter-widget .twitter-date {
  color: #888;
  font-size: 0.8em;
}

/* two columns */

.two-columns {
  margin-top: 1em;
  -moz-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  -moz-column-gap:20px;
  -webkit-column-gap:20px;
  column-gap:20px;
}

/* san francisco skyline */

@media (min-width: 600px) {
  #logo .container {
    background-image: url('http://christina-felschen.com/wp-content/uploads/2015/06/sanfrancisco.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 400px;
    margin-bottom: 0;
  }
  #logo {
    margin-bottom: 0;
  }
  #logo_oben {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  #logo .container {
    background-size: 500px;
  }
  #logo_oben {
    margin-bottom: 25px;
  }
}

@media (min-width: 980px) {
  #logo .container {
    background-size: 660px;
  }
  #logo_oben {
    margin-bottom: 25px;
  }
}

/* share buttons */

li.shariff-button.twitter {
 margin-left: 0px !important;
}

.shariff {
  margin-top: 10px;
}

/* Gallerie Slider */

.slider-next, .slider-prev {
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  background-position: center center;
}

.slider-prev {
  float:left;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAIVBMVEUAAABjmvBtoPGBrfOUuvWewPaoxve70/nF2fni7Pz1+f5nJ8hyAAAAAXRSTlMAQObYZgAAAH1JREFUeNrtzsENwjAABEE7QLDpv2CepzTAiWimgd0BAAAAAHAXe5f7x7G7/TmP3e3noNPPQaefg04/B61+Djr9eJb7j4++vr6+vv5t+3HOq/f4tde8Wg4cOHDgwIGD4kAO0u8cpN85SL90kH7rIP3ewRpV5xoAAAAAAH/qC/gjBU3wp0JDAAAAAElFTkSuQmCC);
}

.slider-next {
  float: right;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAIVBMVEUAAABjmvBtoPGBrfOUuvWewPaoxve70/nF2fni7Pz1+f5nJ8hyAAAAAXRSTlMAQObYZgAAAH5JREFUeNrtzsERglAUBEEeKvrNP2CPKwmwpdWdwMwGAAAAAPCr1ir39311+zP76vZz0OnnoNPPQaefg06/enCf6R68bw4cOHDgwIGDb885Oy7uv+bsoa+vr6+vX+mXBtLvHKTfOUi/c5B+6SD91kH6rYP0WwfHBgAAAADwJz4Z3gVNyoNc4gAAAABJRU5ErkJggg==);
}

.page-id-2475 .entry-content {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}


/* Language Switcher */
#language li:last-child:before {
    content: '';
}
#language li:before {
    content: "|";
    padding: 3px;
}
#language li {
    float: right;
}
#language li.active a {
   color: #163971;
}

#social {
	float:left;
	width:47%;
	padding-top:20px;
	border-top: 1px dotted #333;
	text-align:right;
}

#social-instagram {
	width:85.61px;
	max-width:85.61px;
	float:right;
	height:28px;
	background-color:#4267b2;
	color:white;
	text-align:center;
	border-radius:4px;
	margin-top:3px;
	margin-left:4px;
	line-height:28px;
	vertical-align:middle;
}

#social-twitter {
	width:78.61px;
	max-width:78.61px;
	float:right;
	height:28px;
	background-color:#4267b2;
	color:white;
	text-align:center;
	border-radius:4px;
	margin-top:3px;
	line-height:28px;
	vertical-align:middle;
	margin-left:2px;
}

	#social-twitter-text{
		padding-left:5px;
	}

	#social-twitter:hover {
		background:#365899;
	}
#social-instagram:hover {
	background:#365899;
}
	#social-instagram-text{
		padding-left:5px;
	}

@media (max-width:600px){
	#social-twitter {
		width:28px;
	}	
	#social-twitter-text{
		display-none;
	}
}

@media (max-width:600px){
	#social-instagram {
		width:28px;
		max-width:28px;
		padding:0px;
	}	
	#social-instagram-text{
		display-none;
	}
}