/*
Theme Name: Ratgeber I
Description: Template zum Ratgeber I
Author: Gfmk
Author URI: http://www.gfmk.de
*/

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/** BODY **/
body { max-width:100%; margin:0px auto; font-family: 'Source Sans Pro', sans-serif; color:#8e8e8e;  }

/** FRAMES **/
#full_frm_head { box-sizing:border-box; border-top:solid 3px #20b2aa; height:28px; }
#main_frm_head { max-width:1220px; margin:0px auto; box-sizing:border-box; padding-top:10px; }
#content_frm_head { float:left; padding-left:1%; margin-left:26%; width:73%; font-size:14px; }
#icons_frm_head { width:20%; display:inline-block; }
#search_frm_head { float:right; margin-top:-10px; margin-right:5px; width:79%; display:inline-block; text-align:right; }
#search_nav_frm_head { display:none; float:right; margin-top:-10px; margin-right:7px; width:40%; text-align:right; padding-top:12px; padding-bottom:12px; }
#main_frm_content { max-width:1220px; margin:0px auto; }
#main_frm_left_content { float:left; margin-top:-45px; width:26.2295%;  }
#main_frm_right_content { position:relative; float:left; max-width:73.77049%; background:#fff; margin-top: -4px;}
#search_frm_head_resp { display:none; }

/** HEADER **/
#social { display:inline-block; width:100%; padding-bottom:20px; text-align:center; background:#20b2aa; color:#fff; }
#logo_resp { display:none; }
#start_resp { box-sizing:border-box; border-bottom:solid 3px #20b2aa; }

/** SUCHE **/
#search_frm_head_resp .searchform { height:0px; overflow:hidden; }

/** NAVIGATION **/
.nav_start { color:#20b2aa; width:100%; text-align:center; margin-bottom:-7px; }
#nav_resp { display:none; }
#nav_resp .navigation_top { height:0px; }
#nav_frm { margin-left:6.25%; box-sizing:border-box; border-left:solid 3px #f0f0f0; padding:10px; background:#fff; max-width:93.75%; }
#nav_end_bg { margin-left:6.25%; height:44px; max-width:93.75%; }
.navigation_top ul { padding:0px; text-align:center; list-style-type:none; }
.navigation_top a { color:#8e8e8e; line-height:30px; font-weight:300; font-size:18px; }
.navigation_top li { width:100%; }
.navigation_top li.menu-item-has-children a::after { content: url('../../../images/down.jpg'); padding-left:10px }
.navigation_top li.menu-item-has-children ul a::after { content: ""; }
.sub-menu { display:none; }
.navigation_top li.menu-item-has-children:hover > .sub-menu { display:block; }
.navigation_top li.current_page_item  a { color:#20b2aa; }
.navigation_top a:hover { color:#20b2aa; }

/** FRAME RIGHT CONTENT **/
#bg_nav_feed { background:#f7f7f7;box-sizing:border-box; border:solid 2px #f0f0f0; border-top:none; border-right:solid 2px #f0f0f0; background:#f5f5f5;}

/** FRAME LEFT CONTENT **/
#slogan { position:absolute; top:100px; left:0; box-sizing:border-box; background:#20b2aa; padding:15px 20px 30px 30px; color:#fff; background:rgba(32,178,170,0.7); margin-left:-2px; }
#slogan_img { float:left; vertical-align:bottom; height:60px; }
#slogan_header { text-transform:uppercase; font-size:24px; margin-top:-3px; }
#slogan_txt { font-size:18px;padding-top:10px;line-height:26px; }
#strt_img { width:100%; margin-left:-2px; }
#content_frm { display:inline-block; padding-left:20px; padding-top:30px; max-width:740px; line-height:26px; }
#content_frm ul li { list-style-image:url("../../../images/bullet-turkis.png"); }
#slogan_img img { float:left; padding-right:20px; }

/** BOXEN STARTSEITE **/
#boxen_frm { padding-top:20px; color:#20b2aa; margin-left:25px; }
.boxen_frm_head { display:inline;margin-left:5px; }
#boxen { text-align:center; line-height:20px; }
.box_right { display:inline-block; max-width:350px; margin-right:10px; margin-top:30px; vertical-align:top; }
.box_left { display:inline-block; max-width:350px; margin-left:10px; margin-top:30px; vertical-align:top; }
.box_abs { height:20px; }
#boxen h3 { padding:0px; margin:10px; text-transform:uppercase; }

/** SIDEBAR **/
#sb_navi { background-image:url(images/navi_end6.jpg); background-position:bottom; background-repeat: no-repeat;}

/** FEEDS **/
.feed_head { margin:20px; color:#fff; text-align:center; padding:10px; background:#20b2aa; font-size:22px;}
#feed_resp { display:none; }
.feed_title_link { font-weight:bold;padding-bottom:10px; padding-right:20px; }
.feed_date { padding-bottom:10px; }
.feed_descr { padding-right:20px; line-height:24px; }
.feed_link { padding-top:10px; padding-bottom:30px }
.no_feed { margin-left:320px; }

/** FOOTER **/
#navigation_footer { text-align:center; color:#fff; background:#20b2aa; }
#navigation_footer ul { list-style-type:none; display:inline-block; }
#navigation_footer li { display:inline-block; padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:40px; }
#navigation_footer  li a { color:#fff; font-size:16px;  }
#navigation_footer a:hover { text-decoration:underline;  }
#navigation_footer hr { display:none; }

/** BILDER **/
img { max-width:100%; height:auto; }
.alignleft { float:left; margin-right:10px; margin-top:7px; max-width:350px; }
.alignright { float:right; margin-left:10px; margin-top:7px; max-width:350px; }
.alignleft .wp-caption-text { font-size:11px; text-align:center; background:#f7f7f7; margin-top:0px; margin-right:10px; }
.alignright .wp-caption-text { font-size:11px; text-align:center; background:#f7f7f7; margin-top:0px;  margin-right:10px; }

/** ÜBERSCHRIFTEN **/
h1 { font-size:30px; color:#20b2aa; font-weight:400; }
h2 { font-size:26px; color:#20b2aa; font-weight:400; }
h3 { font-size:22px; color:#20b2aa; font-weight:400; }

/** MARGINS **/
.mg_auto { margin:0px auto; }
.mgl10 { margin-left:10px; }
.mgl20 { margin-left:20px; }
.mgl_r_40_4 { margin-left:40px; margin-right:4px; }

/** LINKS **/
a { text-decoration:none; }
a { color:#666; text-decoration:none; }
a:hover { color:#20b2aa; }
a.blue_ul:hover { text-decoration:underline; }
a.blue_ul { color:#20b2aa; text-decoration:none; }
a.feeds { color:#fff; font-weight:300; font-size:22px; text-transform:uppercase; }
a.white { color:#fff; padding-left:5px; padding-top:20px; padding-bottom:20px; }
a.white:hover  { color:#198598; }
.navigation_top a.sel_strt { color:#20b2aa; }
#content_frm a { color:#20b2aa; }
#content_frm a:hover { text-decoration:underline; }
#content_frm a.feeds { color:#fff; font-weight:300; font-size:22px; text-transform:uppercase; }

/** FORMULARE **/
.ip_search { height:39px; border:none; width:300px; padding-left:5px; background:#f7f7f7; }

/** BANNER **/
#banner_right { display:inline-block; max-width:130px; vertical-align:top; padding-top:150px; }
#ban_nav { text-align:center; max-width:100%; padding-top:20px; }
.anzeige { padding-left:10px; padding-top:10px; font-size:12px; }

/** ALLGEMEIN **/
.f_r { float:right; }
.txt_center { text-align:center; }
.m_w { max-width:240px; }
.i_block { display:inline-block; }


/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:4px;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-xing:before {
  content: "\f168";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-search:before {
  content: "\f002";
}
/** RESPONSIVE **/

@media screen and (max-width:1230px) and (min-width:100px)  {
 #banner_right { display:none; }
 #content_frm { display:inherit; margin-right:10px; }
} 

@media screen and (max-width:1120px) and (min-width:200px)  {
 #banner_right { display:none; }
}

@media screen and (max-width:1051px) and (min-width:200px)  {
 .box_right { margin-right:0px; }
 .box_left { margin-left:0px; }
}

@media screen and (max-width:600px) and (min-width:200px)  {
 .alignleft { float:none; display:block; max-width:350px; margin-right:0px; margin-top:0px; }
 .alignright { float:none; display:block; max-width:350px; margin-left:0px; margin-top:0px; }
} 

@media screen and (max-width:989px) and (min-width:768px)  {
 #slogan { padding: 15px 20px 15px 20px; top:30px; }
 #slogan_title { font-size: 22px; line-height: 24px; }
 #slogan_txt { font-size: 15px; padding-top: 10px; line-height: 20px; }
 #search_frm_head { float:right; margin-top:-10px; margin-right:3px; }
 .feed_descr { font-size:12px; line-height:20px; }
}
 
@media screen and (max-width:767px) and (min-width:200px)  {
 #main_frm_content { clear:both; }
 #main_frm_right_content { float:none; max-width:100%; }
 #main_frm_left_content { display:none; }
 #search_frm_head { display:none; }
 #strt_img { margin-left:0px; }
 #search_frm_head { display:none; }
 #search_nav_frm_head { display:inline; }
 #content_frm_head { width:99%; margin-left:0; }
 #nav_resp { display:none; }
 #nav_resp .navigation_top { height:auto; }
 #search_frm_head_resp { display:none; }
 .resp_form_frm { width:100%; text-align:center; padding-bottom:5px; }
 #search_frm_head_resp .searchform { height:auto; overflow:visible; }
 .ip_search_resp { width:98%; background: #f0f0f0; height:30px; border:solid 2px #e1e1e1; }
 #feed_resp { display:inline-block; }
 #logo_resp { display:inline; padding-top:10px; padding-bottom:10px; }
 #logo_resp img { max-width:180px; padding-top:5px; padding-bottom:3px; }
}

@media screen and (max-width:767px) and (min-width:600px)  {
 #slogan { padding: 15px 20px 15px 20px; top:30px; }
 #slogan_title { font-size: 22px; line-height: 24px; }
 #slogan_txt { font-size: 15px; padding-top: 10px; line-height: 20px; }
} 

@media screen and (max-width:599px) and (min-width:200px)  {
 #slogan_txt { display:none; }
 .box_right { display:inline; }
 .box_left { display:inline; }
 #boxen_frm { padding-bottom:20px; }
 .box_left img { margin-top:20px; }
}

@media screen and (max-width:599px) and (min-width:480px)  {
 #slogan { padding: 15px 20px 15px 20px; top:30px; }
 #slogan_title { font-size: 22px; line-height: 24px; }
}

@media screen and (max-width:479px) and (min-width:200px)  {
  #slogan { padding: 10px 15px 15px 20px; top:30px; }
  #slogan_img { height:50px; }
  #slogan_header { font-size:18px; line-height:21px; height:20px; }
 #slogan_title { font-size: 14px; line-height: 18px; }
}


/** KONTAKT - FORM **/
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip { 
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}