/*
    Theme Name: dsa2go
    Author:     DSA Group
    Author URI: http://www.deutsche-stadtauskunft.ag
    Version:    2.0
*/

/***************************************************************
    Generelle Styles
****************************************************************/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/dsa2go_v2/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
#eyecatcher.hidden-xs.wm{background-image: none; height:444px; text-align: center;}
#eyecatcher.hidden-xs.wm img{max-width:1472px; width:100%; height:auto; margin:auto; display:block;}

body { background: #f4f4f4; font-family: 'Open Sans' !important; color: #8d8d8d; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #474747; line-height: 1em; }
img { max-width: 100%; height: auto; }
a { outline: none !important; }
blockquote { border-color: #EE1C25; border-left-width: 3px !important; color: #EE1C25; font-size: inherit; }
p { margin-bottom: 15px; }
textarea { resize: none; }
iframe { border: none; }
.centered { text-align: center; }
.container { max-width: 1080px; }
.contactdata-highlight { font-weight: 600; display: inline-block; width: 25px; }
.btn-custom { background: #ED211E; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #FFF !important; font-size: 0.85em; padding: 5px 10px; border: none; transition: all 0.3s ease 0s; margin: 0 5px 0 0; }
.btn-custom-mobile { margin-top: 5px; }
.btn-custom:last-of-type { margin-bottom: 0; }
.btn-custom:hover, .navbar-toggle:hover { background: #777 !important; }

/***************************************************************
    Header
****************************************************************/

#header { background: #fff; height: 68px; padding: 0 20px; }
#header.navbar-inverse { border-color: #F1F1F1; }
#logo { margin: 11px 30px 0 0; display: inline-block; }
#d2g-navbar { background: #fff; border: none; }
.navbar-header a { display: inline-block; margin-top: 11px; }
.navbar-toggle { background: #ED211E; border: none; transition: all 0.3s ease 0s; margin: 13px 0 0 0; }

/***************************************************************
    Eyecatcher
****************************************************************/

#eyecatcher { height: 450px; margin-top: 60px; background: url(images/dsa2go-background.jpg) center center no-repeat; background-size: cover; }

/***************************************************************
    Frontpage: Infoboxen
****************************************************************/

#info-boxes { padding-top: 30px; }
#info-boxes h4 { color: #EE1C25; }
#info-boxes span { font-size: 5em; margin-bottom: 20px; }
#info-boxes .col-info-box { background: #fff; padding: 20px; min-height: 330px; margin-bottom: 30px; }

/***************************************************************
    Suchformular
****************************************************************/

#searchform { margin-top: 18px; }
#searchform input[name="s"] { font-size: 0.786em; color: #8D8D8D; }
#search-submit { margin: 3px 15px 0 10px; }

/***************************************************************
    Haupt und Meta Navigation
****************************************************************/

#menu-hauptmenue, #menu-metamenue { list-style: none; padding-left: 0 !important; margin-left: 0 !important; font-size: 1.143em; }
#menu-hauptmenue { margin: 10px 0 0 50px; font-size: 0.929em; }
#menu-metamenue li { display: inline-block; margin-right: 25px; }
.mainmenu a, #footer a { text-decoration: none; color: #474747; transition: all 0.25s ease 0s; }
#menu-hauptmenue a:hover, #menu-hauptmenue li.current-menu-item a,  #menu-hauptmenue a:focus { color: #EE1C25; }
#menu-metamenue li.current-menu-item a { color: #979c9f; }

/***************************************************************
    DSA Group Logos
****************************************************************/
#dsa-group-logos { width: 100%; background: #fff; }
#dsa-group-logos ul { list-style: none; padding: 25px 0; }
#dsa-group-logos img { display: block; margin-bottom: 20px; }

/***************************************************************
    Content
****************************************************************/

.home #content { background: #fff; }
#content { padding: 80px 0 80px; }
#content .col-md-8 { margin-bottom: 30px; }
#content h1 { margin-bottom: 30px; }
#content h1 small, .sidebar-box h4 span, #comments-modal h4 span { color: #C8C9CB; font-weight: 700; }
#content h2, #content h3, #content h4 { font-size: 1.429em; line-height: 1.400em; margin-bottom: 20px; }
#content a , .text-danger { color: #EE1C25; }
#content a:hover, #content a:focus { text-decoration: none; }
.product-features span.glyphicon { font-size: 3.4em; color: #ccc; margin-right: 20px; }
.product-features-item { margin-bottom: 40px; }
.reference-item { background: #fff; padding: 30px 0; }

/***************************************************************
    Sidebar Box
****************************************************************/

.sidebar-box { background: #fff; padding: 30px; margin-bottom: 30px; }
.sidebar-box ul { list-style:none; padding:0; }
.company-logo { text-align: center; }
.company-logo img { margin: auto auto 20px; display: block; }
.mobile-preview { padding: 0 0 30px; background: none; }

/***************************************************************
    Beitragsübersicht
****************************************************************/

#informations h2 { margin-top: 0; font-size: 1.286em; font-weight: 600; line-height: 1.2em; }
#informations a { color: inherit; transition: all 0.25s ease 0s; }
#informations a:hover { color: #EE1C25; }
.single-post-item { margin-bottom: 30px; }
.post-item-inner { background: #fff; padding: 30px; }
.post-item-infos { background: #E9E9E9; padding: 15px 30px; }
.post-item-infos ul { padding: 0; margin: 0; list-style: none; }
.post-item-infos li { display: inline; border-right: 1px solid #CFCFCF; margin-right: 15px; padding-right: 15px; }
.post-item-infos li:last-child { border-right: 0; }
.post-item-infos span { margin-right: 3px; }
#informations .post-item-infos a { color: #000; font-size: 0.857em; font-style: italic; }

/***************************************************************
    Galerie Ausgabe
****************************************************************/

.post-gallery { list-style: none; padding: 0 !important; }
.post-gallery li, .post-gallery a { float: left; }
.post-gallery li { margin:0 20px 20px 0; }
.post-gallery img { display: block; }

/***************************************************************
    Pagination
****************************************************************/

.pagination { width: 100%; clear: both; }
.pagination ol { width: 100%; text-align: center; list-style: none; padding: 0; margin: 40px auto auto; }
.pagination li:first-child { display: none; }
.pagination li { display: inline-block; margin-right: 5px; font-size: 0.786em; }
#content .pagination li a, #content .pagination li .current { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000; background: #fff; border: 1px solid #ddd; display: inline-block; padding: 7px 14px; transition: all 0.25s ease 0s; }
#content .pagination li .current { background: #EE1C25; color: #fff; border: 1px solid #EE1C25; }
#content .pagination li a:hover { color: #EE1C25; background: #eee; }
#content .pagination li .gap { padding-top: 8px; display: block; }

/***************************************************************
    Kontaktformular
****************************************************************/

.wpcf7 { clear: both; }
.wpcf7-validation-errors, .wpcf7-mail-sent-ok { border-color: #EE1C25 !important; padding-top: 10px !important; }
.wpcf7-mail-sent-ok { border-color: #3C763D !important; }

/***************************************************************
    Empfehlungen
****************************************************************/

.home #recommendation { background: none; }
#recommendation { background: #fff; padding: 40px 0 60px; }
#recommendation h2 { margin-bottom: 40px; }
#recommendation h2 strong { color: #C8C9CB; }
#recommendation img { display: block; margin: auto; border: 1px solid #ccc; margin-bottom: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 0.3s ease 0s; }
#recommendation img:hover { opacity:.4; }

/***************************************************************
    Kommentare
****************************************************************/

#comments { background: #fff; }
#comments h4  span {  }
#comments .glyphicon { color: #ED211E; font-size: 1.1em; }
#comments ul { list-style: none; padding: 0; }
#comments li { margin-bottom: 50px; }
.comment-title { padding-left: 25px; }
.comment-title h5 { font-weight: 700; font-size: 1.286em; display: inline-block; margin-left: 5px; }
.comment-meta { color: #C8C9CB; font-size: 0.857em; padding-left: 49px; }
.comment-content { font-size: 0.929em; padding: 20px 49px; background: #fcfcfc; border: solid #f1f1f2; border-width: 1px 0; margin-top: 10px; }
.not-approved { color: #ED211E; }
.comment-single p:last-child { margin-bottom: 0; }

/***************************************************************
    Call2Action Buttons
****************************************************************/

a#call-us-button, a#map-button { background: url("images/ico_map_search.png") center center no-repeat #FFF; border-radius: 500px; display: inline-block; width: 80px; height: 80px; text-indent: -9999px; transition: all 0.3s ease 0s; float: right; }
a#call-us-button { background-image: url("images/ico_phone.png"); }

/***************************************************************
    Modal: Features
****************************************************************/

.modal-title { color: #ee1c25; }
.modal .glyphicon-big { font-size: 5em; color: #ee1c25; margin-right: 20px; }

/***************************************************************
    Go2Top Button
****************************************************************/

a#gototop { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #EE1C25; display: inline-block; left: 0; bottom: 100px; position: fixed; color: #fff; z-index: 999; transition: all 0.3s ease 0s; padding: 3px 5px; }
a#gototop:hover { padding-left: 10px; }

/***************************************************************
    Share Buttons
****************************************************************/

.sidebar-box .col-xs-12 { margin-bottom: 10px; }

/***************************************************************
    Footer
****************************************************************/

#footer { background: #F1F1F1; color: #BDC3C7; }
#footer a:hover { color: #979c9f; }
#footer .container { padding: 20px 0 10px; }
#footer .col-sm-4 { font-size: 0.857em; }
#contact-us, #maps-before-wrapper { background: #EE1C25; height: 154px; padding-top: 38px; }
#contact-us h2, #maps h2 { color: #fff; font-size: 2.429em; }
#maps iframe { width: 100%; height: 370px; border: none; }

/***************************************************************
    Preview
****************************************************************/

#smartphone { width: 304px; height: 593px; background: url(images/smartphone.png) no-repeat; position: relative; margin: auto; }
#smartphone iframe , #mobile-page-tpl , .tmp-adjust-size { position: absolute; left: 21px; top: 101px; width: 263px; height: 417px; }
#smartphone input[type="text"] , #smartphone button { position: absolute; }
#smartphone input[type="text"] { border: none; width: 185px; left: 70px; top: 76px; padding: 2px 0; background: transparent; color: #5b5b5b; font-size: 11px; }
#smartphone button { width: 15px; height: 15px; background: transparent; border: none; text-indent: -3000px; right: 28px; top: 78px; cursor: pointer; }
#switch-preview { display: block; width: 34px; height: 34px; margin: 20px auto; }
#mobile-page-tpl { background: url(images/mobile-page-tpl.jpg); }
#smartphone .tmp-adjust-size { -moz-transform: scale(0.2); -webkit-transform: scale(0.2); -o-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); -moz-transform-origin: top left; -webkit-transform-origin: top left; -o-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; width: 1310px; height: 1042px; zoom: 0.2\9; -ms-zoom: 0.2\9; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.2, M12=0, M21=0, M22=0.2, Dx=0, Dy=0); -ms-filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.2, M12=0, M21=0, M22=0.2, Dx=0, Dy=0); }
#smartphone .tmp-adjust-size iframe { position: absolute; top: 0; left: 0; height: 2080px; width: 100%; overflow: hidden; }


/***************************************************************
    DSA-Premium
****************************************************************/

.place_logo {width:180px; margin:-12px auto;}
.g_plus { color: #474747 !important; font-size: 16px; font-weight: 700; margin: 5%; width: 80%; }
.g_plus > img { padding-left: 16px;}
.g_plus:active, .g_plus:focus, .g_plus:hover{ transition: all 0.4s ease-in-out; color: #cc0000 !important; }

.image_premium {position:absolute; bottom:-70px; right:10px;}
.post-thumbnail {position:relative;}
.premium {background:linear-gradient(to bottom,  #daa849 0%,#ecc56a 28%,#f8d97f 50%,#ecc56a 70%,#daa849 100%)}

/***************************************************************
    Media Queries
****************************************************************/

@media only screen and (max-width: 767px){
    #d2g-navbar { background: #EE1C25; }
    #d2g-navbar a { display: inline-block; }
    #d2g-navbar a, #d2g-navbar a:hover, #d2g-navbar .current-menu-item a { color: #fff !important; }
    .rwd-col { width: 50%; float: left; }
}

@media only screen and (max-width: 460px){
    .rwd-col { width: 100%; float: none; }
    .inner-form { margin-left: 30px; }
}

/***************************************************************
    WP Core Styles
****************************************************************/

.alignnone { margin: 5px 20px 20px 0; }
.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 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
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%; 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; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }