/*
Theme Name: grips
Theme URI: http://gripsmedien.de/
Author: Grips
Author URI: http://gripsmedien.de/
Description: Individuell erstellte Theme von grip.s medien
Version: 1.0.0
Tags:
Text Domain: grips

grips WordPress Theme © 2017 grip.s medien
*/

footer {}

#footer-panel-impressum .textwidget,
#footer-panel-safety .textwidget {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    -webkit-column-rule: 1px solid #dfdfdf;
    -moz-column-rule: 1px solid #dfdfdf;
    column-rule: 1px solid #dfdfdf;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.1);
    -moz-column-rule: 1px solid rgba(0, 0, 0, 0.1);
    column-rule: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 1.313em;
}

.social-icons a,
.social-icons a:hover {
    text-decoration: none;
}

.social-icons .fa {
    font-size: 3rem;
    color: #656565;
}

.social-icons .fa:hover {
    color: #999;
}

.social-icons .col {
    display: inherit;
}

.accordion-item-header {
    font-size: 1.1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 1.1rem;
}

.accordion-item-header .fa {
    font-size: 0.9rem;
    line-height: 1.1rem;
}

.accordion-item-header a,
.accordion-item-header a:hover,
.accordion-item-header i {
    color: #999;
    text-decoration: none;
}

.accordion-item a .fa {
    padding-right: 0.5rem;
}

.accordion-item a .fa-plus::before {
    content: "\f068";
}

.accordion-item a.collapsed .fa-plus::before {
    content: "\f067";
}

#footer-accordion {
    background-color: #eee;
}

#footer-accordion .card {
    background: none;
    border: none;
}

footer .logo {
    display: inline-block;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url('assets/images/all-logos-sprite.png');
    background-size: auto 200%;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    --ratio-width: 1190px;
    --all-width: 7140;
    --all-height: 400px;
}

#brot {
    width: calc((387/var(--all-width)) * var(--ratio-width));
    background-position: 0 -50px;
    margin-right: .5rem;
}

#brot:hover {
    background-position: 0 0;
}

#cbm {
    width: calc((494/var(--all-width)) * var(--ratio-width));
    background-position: calc(-1*(387/var(--all-width)) * var(--ratio-width)) -50px;
    margin-right: .5rem;
}

#cbm:hover {
    background-position: calc(-1*(387/var(--all-width)) * var(--ratio-width)) 0;
}

#plus {
    width: calc((387/var(--all-width)) * var(--ratio-width));
    background-position: calc(-1*(1174/var(--all-width)) * var(--ratio-width)) -50px;
    margin-right: .5rem;
}

#plus:hover {
    background-position: calc(-1*(1174/var(--all-width)) * var(--ratio-width)) 0;
}

#medico {
    width: calc((453/var(--all-width)) * var(--ratio-width));
    background-position: calc(-1*(1560/var(--all-width)) * var(--ratio-width)) -50px;
    margin-right: .5rem;
}

#medico:hover {
    background-position: calc(-1*(1560/var(--all-width)) * var(--ratio-width)) 0;
}

#misereor {
    width: calc((600/var(--all-width)) * var(--ratio-width));
    background-position: calc(-1*(2013/var(--all-width)) * var(--ratio-width)) -50px;
    margin-right: .5rem;
}

#misereor:hover {
    background-position: calc(-1*(2013/var(--all-width)) * var(--ratio-width)) 0;
}

#terre {
    width: calc((480/var(--all-width)) * var(--ratio-width));
    background-position: calc(-1*(2594/var(--all-width)) * var(--ratio-width)) -50px;
    margin-right: .5rem;
}

#terre:hover {
    background-position: calc(-1*(2594/var(--all-width)) * var(--ratio-width)) 0;
}

#welt {
    width: calc((440/var(--all-width)) * var(--ratio-width));
    background-position: calc(-1*(3093/var(--all-width)) * var(--ratio-width)) -50px;
    margin-right: .5rem;
}

#welt:hover {
    background-position: calc(-1*(3093/var(--all-width)) * var(--ratio-width)) 0;
}

#am {
    width: 75px;
    background-position: -858px 0;
}

#dahw {
    width: calc((293/var(--all-width)) * var(--ratio-width));
    background-position: calc(-1*(880/var(--all-width)) * var(--ratio-width)) -50px;
    margin-right: .5rem;
}

#dahw:hover {
    background-position: calc(-1*(880/var(--all-width)) * var(--ratio-width)) 0;
}

#gd {
    width: calc((233/var(--all-width)) * var(--ratio-width));
    background-position: calc(-1*(3533/var(--all-width)) * var(--ratio-width)) -50px;
    margin-right: .5rem;
}

#gd:hover {
    background-position: calc(-1*(3533/var(--all-width)) * var(--ratio-width)) 0;
}

#oxfam {
    width: calc((533/var(--all-width)) * var(--ratio-width));
    background-position: calc(-1*(3767/var(--all-width)) * var(--ratio-width)) -50px;
    margin-right: .5rem;
}

#oxfam:hover {
    background-position: calc(-1*(3767/var(--all-width)) * var(--ratio-width)) 0;
}

#plan {
    width: calc((420/var(--all-width)) * var(--ratio-width));
    background-position: calc(-1*(4300/var(--all-width)) * var(--ratio-width)) -50px;
    margin-right: .5rem;
    margin-top: .4rem;
}

#plan:hover {
    background-position: calc(-1*(4300/var(--all-width)) * var(--ratio-width)) 0;
}

#logoleiste {
    justify-content: center;
    margin-bottom: 1rem;
}

#footer-stuff {
    display: inline;
    position: relative;
    font-size: 0.7rem;
    color: #ccc;
    background-color: white;
    width: auto;
    padding-left: .5rem;
    padding-right: .5rem;
}

.container.footer-stuff {
    top: -31px;
}

hr#hr-footer {}

hr#hr-footer::after {
    content: 'Gemeinsam für Menschen in Not';
    display: inline;
    position: relative;
    top: -18px;
    font-size: 0.7rem;
    color: #ccc;
    background-color: white;
    width: auto;
    padding-left: .5rem;
    padding-right: .5rem;
}


/*   ++++++++++++++++++    lokalisierte fonts         ++++++++++++++++++++++++  */


/* cuprum-regular - latin */

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


/* open-sans-regular - latin */

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

body {
    font-family: "Open Sans", sans-serif;
    color: hsl(0, 0%, 40%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Cuprum', sans-serif;
    color: #272727;
}

h1,
h2,
h3 {
    font-family: 'Cuprum', sans-serif;
    color: #d4225e;
}

h1,
h2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

h3 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

h4,
h6 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

h5 {
    margin-top: 0rem;
    margin-bottom: 0.5rem;
}

a,
a:hover,
a:visited {
    color: #d4225e;
}

.green-line {
    margin-top: 5rem;
    border-top: 2px solid rgb(141, 179, 49);
}

.green-line h4 {
    text-transform: uppercase;
    background-color: rgb(141, 179, 49);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px 18px;
    display: inline-block;
    color: white;
    font-size: 1rem;
    margin-bottom: 2rem;
    margin-top: 0;
    letter-spacing: 0.1em;
}

@media (min-width: 576px) {
    .green-line h4 {
        margin-left: -15px;
    }
}

.vc_figure-caption {
    padding-left: 15px;
    padding-right: 15px;
}

#menu {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#menu .ubermenu-responsive-toggle {
    font-size: 1.6rem;
}

.text-columnize {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    -webkit-column-rule: 1px solid #dfdfdf;
    -moz-column-rule: 1px solid #dfdfdf;
    column-rule: 1px solid #dfdfdf;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    -webkit-column-rule: 1px solid rgba(0, 0, 0, 0.1);
    -moz-column-rule: 1px solid rgba(0, 0, 0, 0.1);
    column-rule: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0 0 1.313em;
}

.text-columnize p:last-child {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .text-columnize {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -webkit-column-rule: 0;
        -moz-column-rule: 0;
        column-rule: 0
    }
}


/* ########################  Bildunterschrift   ######################## */

.wpb_single_image .vc_figure-caption {
    margin-top: .3em;
    font-size: .75em;
    /*background-color: #efefef;*/
    background: none;
    padding: .6em;
}


/** MAP **/

.mapItem {
    height: 30px;
    line-height: 34px;
    vertical-align: middle;
    padding-left: 15px;
}

.google-visualization-tooltip-item .mapItem {
    background-image: url(https://weltrisikobericht.de/wp-admin/images/risk.png);
    background-size: 10px auto;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.google-visualization-tooltip-item .mapItem:last-child {
    background-image: url(https://weltrisikobericht.de/wp-admin/images/vulnerability.png);
    background-size: 10px auto;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.mapRisk {
    height: 34px;
    line-height: 30px;
    vertical-align: middle;
}

.mapTooltip {
    top: 60px;
}

.google-visualization-tooltip {
    width: auto !important;
    max-width: 250px;
    font-family: "ff-dax-web-pro" !important;
    font-size: 16px !important;
    color: #999 !important;
}

.google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child {
    padding: 0em 2em 0em 1em;
    margin: 0em 0em 0em 0em;
    margin-bottom: 0px !important;
}

.google-visualization-tooltip-item-list .google-visualization-tooltip-item:last-child {
    margin-top: 0px !important;
}

.google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child span {
    padding-left: 5px;
    font-size: 18px !important;
    font-family: "ff-dax-web-pro" !important;
    display: inline-block;
}


/** LEGEND **/

.map-legend .map-legend-item span.box {
    padding-left: 30px;
    transition: all 0.2s;
}

.map-legend div:hover span.box {
    padding-left: 40px;
}

.map-legend div:hover span.box:before {
    width: 30px;
    height: 35px;
    top: 8px;
    left: 5px;
}

.map-legend div span.box:before {
    content: '';
    display: inline-block;
    border-radius: 5px;
    width: 20px;
    height: 25px;
    position: absolute;
    top: 13px;
    left: 5px;
    transition: all 0.2s;
}

.map-legend span.box.veryLow:before {
    background-color: #76b828;
}

.map-legend span.box.low:before {
    background-color: #c3db9a;
}

.map-legend span.box.middle:before {
    background-color: #f5b3c4;
}

.map-legend span.box.high:before {
    background-color: #ed6d92;
}

.map-legend span.box.veryHigh:before {
    background-color: #e50068;
}

.map-legend span.box.noData:before {
    background-color: #d8d9db;
}

.map-legend span {
    text-align: left;
    padding-left: 5px;
    display: inline-block;
    position: relative;
    width: 100%;
    line-height: 1.3em;
    padding-top: 7px;
}

.map-legend span.numbers {
    font-size: 12px;
    display: inline;
}


/*  ####################  Spendenbox  ####################### */

.box-spenden {
    background-color: #eee;
    padding: 0.7rem 2.2rem;
    border-radius: 0.3rem;
}

.box-spenden h2 {
    margin-bottom: 0.5rem;
}

.box-spenden .btn {
    background-color: #d4225e;
    color: white;
    border-radius: 0.8rem;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
}

.box-spenden .btn .fa {
    font-size: 1.2rem;
}

.box-spenden .zahlungsicons {
    min-height: 70px;
}

.box-spenden #spendenbutton {
    width: 250px;
}

@media only screen and (max-width: 800px) {
    .dzi-siegel {
        display: none;
    }
  }

/* ################### Ubermenu Menu Position ####################### */

.ubermenu.ubermenu-main {
    margin-right: 25px;
}

.sprachauswahl {
    background-color: green;
}


/* #############  News Aussehen ############ */

.sp_news_static.design-37 .news-grid-content {
    text-align: left;
}

#news-slider {
    height: 10rem;
    width: 0.5rem;
    background-color: #d4225e;
}

#wrapper {
    -webkit-overflow-scrolling: touch;
}

.sticky-container {
    overflow: auto;
    position: relative;
}

.sticky {
    position: absolute;
    top: 0;
    left: -2rem;
    min-width: 0.5rem;
    line-height: 10rem;
    height: 10rem;
    text-align: center;
    transition: all 0.6s;
}


/*
#weltkarte,
#regions_div {
	overflow-y: hidden;
}

#regions_div::after {
	content: '';
	position: absolute;
	top: 125px;
	left: 0;
	width: 100%;
	height: 15px;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,  rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,  rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,  rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

#regions_div div {
	top: -55px;
}*/

.sp_news_static.design-16 .news-image-bg img {
    width: auto !important;
    max-width: 100%;
}

.sp_news_static.design-16 .news-image-bg {
    background: none;
}

.wpnews-columns {
    padding: 0.9375em;
}


/* bootstrap overrides */

.figure-img {
    margin-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
}

.figure-caption {
    margin-top: .3em;
    font-size: .75em;
    /*background-color: #efefef;*/
    background: none;
    padding: .6em;
    color: hsl(0, 0%, 40%);
}

.btn.btn-primary {
    background-color: #d4225e;
    border-color: #d4225e;
}


/* news styles bootstrap */

.news-grid .card {
    margin: 0.5rem;
}

.news-grid .card-block {
    padding: 1rem;
    padding-top: 0.75rem;
}

.news-grid .card-title {
    margin-bottom: 0.25rem;
}

.news-grid .card-title a {
    color: #444;
}

.news-grid .card-title a:hover {
    text-decoration: none;
}

.news-grid .card-categories {
    margin-bottom: 0.75rem;
}

.news-grid .card-text {
    margin-bottom: 0.25rem;
}

.news-grid .card-categories a {
    color: white;
    padding: 4px 8px;
    margin-left: -1rem;
    padding-left: calc(1rem + 4px);
    text-transform: uppercase;
    font-size: 10px;
    background-color: #d4225e;
    text-decoration: none !important;
    transition: background-color 0.3s ease-in-out;
}

.news-grid .card-img-top {
    max-height: 300px;
    width: 100%;
}

.news-grid figure {
    padding: 1rem;
    padding-top: 0px;
    margin-bottom: 0px;
}

.news-grid .figure-caption {
    background: none;
    padding-left: 1rem;
    padding-bottom: 0;
}

.news-grid .readmorebtn {
    text-decoration: none !important;
    margin-bottom: 5px;
    margin-top: 0.5rem;
    color: #444 !important;
    border: 1px solid #4c4c4c;
    padding: 4px 12px;
    font-size: 12px;
    display: inline-block;
    box-sizing: border-box;
    line-height: normal !important;
}

.ubermenu .ubermenu-item:focus,
.ubermenu .ubermenu-item a:focus {
    outline: none;
}

figure.figure .figure-img {
    padding-left: 0;
    padding-right: 0;
}

#news-article img {
    /*	max-height: 500px;*/
}

#news-article .wp-caption {
    margin-bottom: 1rem;
    width: auto !important;
}

#news-article .wp-caption.alignleft {
    margin-top: 0.8rem;
    margin-right: 0.8rem;
}

#news-article .wp-caption.alignright {
    margin-top: 0.8rem;
    margin-left: 0.8rem;
}

#news-article .wp-caption-text {
    margin-top: .3em;
    margin-bottom: 0rem;
    font-size: .75em;
    /*background-color: #efefef;*/
    background: none;
    /*border-left: 0.5rem solid #efefef;*/
    padding: .6em;
    color: hsl(0, 0%, 40%);
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

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

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

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

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: inline-block;
        opacity: 0;
    }
    100% {
        display: inline-block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: inline-block;
        opacity: 0;
    }
    100% {
        display: inline-block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: inline-block;
        opacity: 0;
    }
    100% {
        display: inline-block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: inline-block;
        opacity: 0;
    }
    100% {
        display: inline-block;
        opacity: 1;
    }
}

.card.download img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.card.download .card-img {
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /*transition: height 0.5s ease-in-out;*/
}


/*.card.download a.btn.btn-primary {
	display: none;
}*/


/*
.card.download:hover .card-img {
	height: 200px;
}*/


/*
.card.download:hover a.btn.btn-primary {
	display: inline-block;

	-webkit-animation: fadeInFromNone 0.5s ease-out;
  -moz-animation: fadeInFromNone 0.5s ease-out;
  -o-animation: fadeInFromNone 0.5s ease-out;
  animation: fadeInFromNone 0.5s ease-out;
}*/

.img-fluid-logo {
    max-width: 100%;
    min-height: 73px;
    vertical-align: bottom;
    margin-bottom: 10px;
}

.img-fluid-logo-misereor {
    max-width: 100%;
    min-height: 73px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.icon-inline {
    float: left;
    margin-right: 1.5em;
}

.text-inline {
    line-height: 3em;
}

.icon-inline-solo {
    float: left;
    margin-top: -.5em;
}


/* News card Text ausblenden  */


/*
p.card-text {
	display: none;
}
*/

.ms-info {
    font-size: small;
    padding: 10px;
    margin-top: -10px;
}

.ms-slide {
    background-color: #aaaaaa;
}


/*    ******************  SONDERKLASSEN   ********************* */

.laenderprofil {
    margin: 0px;
    padding: 20px;
    background-color: #eee;
}

.laenderprofil p {
    line-height: 2rem;
}

.container-breit {
    margin-right: -15px;
    margin-left: -15px
}

section#head.vc_section {
    margin-bottom: -40px;
    margin-top: -65px
}

.row-border {
    border-right: 1px solid #dfdfdf;
    margin-top: 1.2rem;
    margin-bottom: 2rem;
    padding-right: 1.5em;
}

.row-border .wpb_content_element:last-child,
.row-border+.col-12 .wpb_content_element:last-child {
    margin-bottom: 0px;
}

.row-border+.col-12 {
    margin-top: 2rem;
    margin-bottom: 1.2rem;
    padding-left: 1.5em;
}

.news-grid .card-categories a:hover {
    color: white;
    background-color: #d4225e;
}

.ubermenu-icon.fa.fa-home {
    font-size: 1.15em;
}

.aptf-ticker-controls {
    display: none;
}

.aptf-template-1 .aptf-tweet-content {
    border: 1px solid #ccc;
    background-color: #eee;
}


/* DATUM HACK VOM 07.09.2017 */


/*
.design-bootstrap .wpnw-first .card-text {
  opacity: 0;
}
*/

.entry-meta {
    display: none;
}


/*################   Barstellung der Downloads   #############*/

.card-img {
    margin-top: 15px;
}

.mit-rahmen {
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
}

.image-download {
    width: 50%;
}


/* Menu extras  */

.ubermenu-item ubermenu-wpml-ls-slot-9 {
    background-color: red;
}