/*
Theme Name: VG Obing Parent
Theme URI: http://www.vg-obing.de
Description: Theme für das Jahr 2020 und später
Author: Sebastian Graßl
Author URI: http://www.werbung-ms.de
Version: 2020.1
Tags: bootstrap, responsive
Date: 17.03.2020
*/

/*==============================*/
/*  GENERAL TYPOGRAPHY          */
/*==============================*/

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

hr {
    border: 1px solid #fff;
    clear: both;
    margin : 10px 0;
}

small, div.small {
    font-size:14px;
}

.content .text ul, .content .text ol {
    margin-left:20px;
    padding-left:10px;
}
.content .text li {
  margin-bottom: 0;
}

p, dl, hr, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 10px;
}


/* --------------------------------------------------------------------------

   PAGE CONTAINER

   -------------------------------------------------------------------------- */

/* xxx löschen
header, footer, #content_container, #slider_container {
  width:100%;
}

*/

.infobox_container { position : relative; padding : 10px; color : #fff; }
.infobox_container:before {
  position : absolute;
  top : 132px;
  right : 20px;
  font-family : 'iconmix';
  content : '\f05a';
  color : rgba(255, 255, 255, 0.2);
  font-size : 60px;
}

.infobox_container:after {
  position : absolute;
  top : 0;
  left : 0;
  font-size : 60px;
  content : url( images/infobox_bg.svg );
  z-index : -1;
  height : 100%;
  overflow : hidden;
}


.full_width_image .container { max-width : 100%; }
.full_width_image .container img { width : 100%; height : auto; }
.iconbox { text-align : center; height : 100px; margin-bottom : 15px; }
.iconbox img { width : 100px; height : auto; }

.columns.termin, .columns.last_post {
	background: #89628a;
	padding:	30px;
	color : #fff;
}
.columns.termin a, .columns.last_post a {
	color : #fff;
}


/* --------------------------------------------------------------------------

   CONTENT

   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------

   sonstiges

   -------------------------------------------------------------------------- */

.trennlinie {
  padding :0;
  border : 0;
  background : -webkit-linear-gradient( left, transparent 0%, #23a137 50%, transparent 100% );
  width : 90%; height : 2px;
  margin : 30px 0;
}

.nav-links {
  margin : 30px 0;
  text-align : center;
}

span.post_link {
    display : block;
    margin : 30px 0;
    text-align : center;
  }
  .paged .post_img  { display : none; }
  .paged .post_text { width : inherit; float : none; padding : 0 30px; }
  .paged span.post_link {
    display : block;
    margin : 10px 0 30px;
    text-align : left;
  }

  .paged .news_list li {
  }

/*-------Wordpress Core Classes---------*/
.sticky {
}

.alignnone {
    clear: both;
    overflow: hidden;
}
.aligncenter, div.aligncenter {
    display:block;
}
.alignright {
  margin : 0 0 0 40px;
  float:right;
}
.alignleft {
    float:left;
    margin: 5px 10px 20px 0;
}
.aligncenter {
  display: block;
  margin : 30px auto;
}

.highlight .alignleft, .highlight .alignright { margin : 0 50px; }

a img.alignright { float:right; }
a img.alignnone { margin : 0 0 0 60px; }
a img.alignleft {
    float:left;
    margin: 5px 10px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    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 {
    border: 0 none;
    margin:0;
    padding:0;
}
.wp-caption p.wp-caption-text {
    margin:0;
    padding:4px 0;
    font-size:0.8em;
}
.align_center { text-align : center; }




/* --------------------------------------------------------------
 * custom styles
 * -------------------------------------------------------------- */
.smalltext h3 { font-size : 13px; line-height:18px; color:#404040;}
.smalltext, .smalltext p, .smalltext a { font-size : 0.9em; line-height:16px; color:inherit;}
.smalltext a { color:#89628a; text-decoration : underline;}
.smalltext a:hover { color:#fff; background-color : #89628a; }

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

 }

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

} /* 800 px */


.header_contact_inner a { color : #fff; padding : 10px 20px; }
.header_contact_inner {
    max-width: 1200px; margin: 0 auto;
}


/* -- sg share buttons ------------------------------------------------------ */
.sg_share_buttons_container img { width : 32px; height: auto; float:left; margin-left:10px; }
.icon_fill_color { fill : #8aa28f; }
.icon_symbol { fill : #fff; }
.sgsb_icon { width: 32px; height:32px; float: left; margin-right:10px; }
.sgsb_icon:hover .icon_fill_color { fill : #637166; }

.parallax_container { width : 100%; height : 100%; }
.with_background_color h2, .testimonial h2 { text-align: center; font-size: 2em; text-transform: uppercase; }
.text_align_center { text-align: center; }

blockquote {
    margin : 0;
    padding: 0;
}
blockquote img {
}

cite { font-style: normal; font-weight: 700; }



/* scroll top **/
a.scroll_to_top {
  transition:all 0.2s ease-in-out;
  cursor : pointer;
  color : #000;
    background: lightgray;
    padding: 9px;
    border-radius: 20px;
    position: fixed;
    z-index : 1000;
    right: 30px;
    height: 40px;
    bottom: 30px;
    text-align: center;
    width: 40px;
    display: block;
    font-size: 30px;
    line-height: 40px;
}
a.scroll_to_top:hover {  color : #fff }
.scroll_to_top:hover {    background-color: #F8C711; }

.scroll_to_top i {
  cursor : pointer;
  color: white;
    /* font-size: 26px; */
    /* line-height: 1; */
    position: relative;
    display: block;
}



.divider_wrapper { max-width : 1200px; margin : 30px auto; }
.divider {     border: 0;
    margin: 0 auto;
    height: 3px;
    background : #009fe3;
    text-align: center;
    position: relative;
    clear: both;
    width : 60%;
    margin : 0 auto;
}


    .divider .fa {
    color: #bbb;
    background: #fff;
    text-align: center;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    font-size: 20px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin: 0 auto 0 -25px;
}

.divider span { display : inline-block; background : #fff; position : absolute;z-index:10; top:-20px; padding: 0 20px; width : 180px; left:0; right:0; margin:0 auto; }
.divider span img { width : 100%; height : auto; }

    .divider.color_green .fa { color : #006633; }







.sg-weather-container {
 font  : 400 130%/1.5em 'Lato', Verdana, Arial, Helvetica, sans-serif;
 color : #fff;
}
.sg-weather-container li { list-style:none; float : left; text-align : center; margin-left : 5px;background : rgba( 255,255,255,0.1); padding : 10px; height : 100px; position: relative; }
.sg-weather-container ul li:first-child { font-size : 0.7em; background : rgba(255,255,255,0.35); margin-left: 0; }
.sg-weather-container .forecast { font-size : 0.7em; width: 50px; }
.sg-weather-container .temperature { position: absolute; display: block; bottom: 0; left: 0; right: 0; }

.sg-weather-container .unit { font-size : 0.6em; position: relative; top: -4px; }

.sg-weather-container ul { margin : 0; padding : 0; }

@media (max-width: 480px) {
	.sg-weather-container .forecast { width : 40px; }
}