/*
Theme Name: Affiliate Theme - Child
Theme URI: http://affiliatetheme.io
Description: Legen... wait for it... Dary!
Author: endcore Medienagentur
Author URI: http://endcore.com
Template: affiliatetheme
Version: 1.0
*/

#content li {
    margin-top: 10px
}

.frontpage_list li {
    margin-top: 10px
}

#handybesitz {
    width: 100%;
    height: 450px;
    margin: 40px 0;
}

#mobileinternetnutzer {
    width: 100%;
    height: 450px;
}

#handyvertraege {
    width: 100%;
    height: 400px;
}

#umsatz {
    width: 100%;
    height: 500px;
}

#pre-postpaid {
    width: 100%;
    height: 450px;
}

#art {
    width: 100%;
    height: 500px;
}

.sub-header-form-teaser {
    background-image: url(img/teaser-hintergrund.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #F7A300;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 25px;
    padding: 10px;
    height: 288px;
}

.slogan-teaser {
    height: 60px;
    color: white;
    font-size: 30px;
    font-family: Open Sans;
    padding: 5px 0 20px 20px;
}

.slogan-teaser span {
    text-transform: uppercase;
    font-weight: 700;
}

.container-teaser {
    float: left;
    width: 373px;
    height: 188px;
    margin: 0 0 0 20px;
    padding: 0 50px 0 0;
    background-image: url(img/innerer-teaser.png);
}

.teaser-title {
    padding: 15px 0 15px 20px;
    color: #f58f00;
    font-weight: bold;
}

.teaser-handy {
    height: 40px;
    margin-top: 20px
}

.teaser-minuten {
    height: 40px;
}

.teaser-daten {
    height: 40px;
}

.teaser-links {
    float: left;
    width: 150px;
    padding: 6px 0 6px 25px;
    text-align: left;
    color: #121214;
    font-family: Open Sans;
    font-weight: 600;
}

.teaser-rechts {
    width: 160px;
    float: right;
}

.teaser-rechts input {
    border: 1px solid #fcc734 !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.teaser-richtwerte {
    height: 40px;
    margin-top: 8px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    font-family: Open Sans;
    text-align: right;
}

.teaser-button {
    padding-top: 40px;
}

@media (max-width: 768px) {

    .slogan-teaser {
        padding: 0px;
    }

    .sub-header-form-teaser {
        background-image: none;
    }

    .container-teaser {
        margin: 0px;
    }
}

.arrow-right {
  width: 0; 
  display: inline-block;
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid rgba(255, 255, 255, .5);
}

@media (max-width: 650px) {

    .slogan-teaser {
        display: none;
    }

    .teaser-button {
        float: left;
        width: 100%;
        padding-left: 0px;
        padding-top: 10px;
		/*margin-left: 60px;*/
    }
}

.teaser-button button {
    margin: -110px 0 0 15px;
    border: 1px solid #679800;
    font-family: Open Sans;
    font-weight: 600;
    font-size: 20px;
    padding: 8px 30px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9ce44+0,a8c732+8,8eb92a+49,72aa00+50,94c516+96 */
    background: #b9ce44; /* Old browsers */
    background: -moz-linear-gradient(top, #b9ce44 0%, #a8c732 8%, #8eb92a 49%, #72aa00 50%, #94c516 96%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9ce44), color-stop(8%, #a8c732), color-stop(49%, #8eb92a), color-stop(50%, #72aa00), color-stop(96%, #94c516)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b9ce44 0%, #a8c732 8%, #8eb92a 49%, #72aa00 50%, #94c516 96%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b9ce44 0%, #a8c732 8%, #8eb92a 49%, #72aa00 50%, #94c516 96%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b9ce44 0%, #a8c732 8%, #8eb92a 49%, #72aa00 50%, #94c516 96%); /* IE10+ */
    background: linear-gradient(to bottom, #b9ce44 0%, #a8c732 8%, #8eb92a 49%, #72aa00 50%, #94c516 96%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9ce44', endColorstr='#94c516', GradientType=0); /* IE6-9 */
}

.teaser-button button:hover {
	/*color: #ffe7a8;*/
    border: 1px solid #679800;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#94c516+4,72aa00+50,8eb92a+51,a8c732+92,b9ce44+100 */
    background: #94c516; /* Old browsers */
    background: -moz-linear-gradient(top, #94c516 4%, #72aa00 50%, #8eb92a 51%, #a8c732 92%, #b9ce44 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #94c516), color-stop(50%, #72aa00), color-stop(51%, #8eb92a), color-stop(92%, #a8c732), color-stop(100%, #b9ce44)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #94c516 4%, #72aa00 50%, #8eb92a 51%, #a8c732 92%, #b9ce44 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #94c516 4%, #72aa00 50%, #8eb92a 51%, #a8c732 92%, #b9ce44 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #94c516 4%, #72aa00 50%, #8eb92a 51%, #a8c732 92%, #b9ce44 100%); /* IE10+ */
    background: linear-gradient(to bottom, #94c516 4%, #72aa00 50%, #8eb92a 51%, #a8c732 92%, #b9ce44 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c516', endColorstr='#b9ce44', GradientType=0); /* IE6-9 */
}

@media (max-width: 702px) {
    .arrow-right {
	display: none;
    }
    .teaser-button button {
    width: 345px;
	margin: 0px;
    }
}

#header .brand {
    margin: 20px 0 0 0;
}

@media (min-width: 768px) {
    #navigation .navbar .navbar-nav {
        border-left: 0px !important;
        margin-left: -30px !important;
    }
}

.ym-grid {
	margin: 0px auto;
	padding-top: 0px;
	padding-bottom: 19px;
	max-width: 1000px;
	display: table;
	table-layout: fixed;
	width: 100%;
	list-style-type: none;
	padding-left: 0;
	padding-right: 0;
}
.orange {
    background: #F7A300;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
.light-green {
    background: #9FC532;
    color: #fff;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}
.big-button {
    width: 350px;
    height: 35px;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    margin: 0;
    border: 0px;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
    display: inline;
    margin: 0 1em 1.5em 0;
}

.icon-baloon-orange {
    background: url(../images/blue-left-arrow.gif);
    right: 100px;
}
.icon-baloon-green {
    background: url(../images/green-right-arrow.gif);
    left: 100px;
}
.icon-baloon-orange, .icon-baloon-green {
    width: 16px;
    height: 21px;
    position: absolute;
    right: 100px;
    top: 40px;
}
.ym-gbox {
    padding: 15px 0px 5px 0px;
    margin: 35px 0px 0px 0px;
}
.baloon-2col {
    margin: 10px 20px 0;
}
.baloon-2col .figurs .icon-one {
    background-position: 0px 0px;
}
.baloon-2col .figurs .icon-two {
    background-position: 0px -35px;
}
.baloon-2col .figurs .icon-three {
    background-position: 0px -70px;
}
.baloon-2col .figurs li {
    background-image: url(images/icons-daten.gif);
    height: 35px;
    background-repeat: no-repeat;
    list-style: none;
    line-height: 35px;
    padding-left: 80px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.baloon-2col .intro li {
    background-image: url(images/icons-intro.gif);
    height: 35px;
    background-repeat: no-repeat;
    list-style: none;
    line-height: 35px;
    padding-left: 80px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.baloon-2col .intro .icon-volumen {
    background-position: 0px 0px;
}
.baloon-2col .intro .icon-minuten {
    background-position: 0px -35px;
}
.baloon-2col .intro .icon-handy {
    background-position: 0px -70px;
}
.baloon-2col .border-orange .ym-gbox {
    background: #fffbf4;
    border-left: 1px solid #F7A300;
    border-top: 1px solid #F7A300;
    border-bottom: 1px solid #F7A300;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    min-height: 138px;
}
.baloon-2col .border-green .ym-gbox {
    background: #fcfff7;
    border-right: 1px solid #9FC532;
    border-top: 1px solid #9FC532;
    border-bottom: 1px solid #9FC532;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #9FC532;
    min-height: 138px;
}
.border-orange, .border-green {
    padding-top: 20px;
    position: relative;
}
.baloon-2col .border-orange, .baloon-2col .border-green {
    position: relative;
    padding: 0px;
}
.baloon-2col ul.figurs {
    /*margin-left: 100px;*/
}


@media screen and (max-width: 990px) {
.baloon-2col .ym-grid { background: #fff;}
.baloon-2col .border-green .ym-gbox {
	background: #ffffff;
	border: 1px solid #9FC532;
	border-radius: 5px;
	border-bottom-left-radius: 5px;
	min-height: 138px;
}

.baloon-2col .border-orange .ym-gbox {
	background: #ffffff;
	border: 1px solid #F7A300;
	border-radius: 5px;
	min-height: 138x;
}

.baloon-2col .big-button {
	width: 100%;
	float: none;
	margin-bottom: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.baloon-2col .ym-gl .ym-gbox,
.baloon-2col .ym-gr .ym-gbox {
	margin: 0px 0px 0px 0px !important;
	min-height: 138px;
}
.ym-gbox {
	margin-top: 10px!important;
}
.light-green {
	float: none!important;
	margin-bottom: 10px!important;
}
.baloon-2col .border-orange,
.baloon-2col .border-green {
	position: relative !important;
	padding: 0px;
	margin-top: 20px;
}

.baloon-2col ul.intro,
.baloon-2col ul.figurs {
	padding: 0px;
	width: 100%;
	margin: 0px 0px 0px 20px;
	float: none;
}

}

@media screen and (max-width: 440px) {
.baloon-2col ul.intro {
	padding-right: 25px;
}
.baloon-2col .intro li {
	line-height: 18px;
}
.baloon-2col ul.figurs {
	padding-right: 25px;
}
.baloon-2col .figurs li {
	line-height: 18px;
}

}

/* Tariffuxx Filter 
#tx-flt-main{
    display: inline-block !important;
}

#tx-filter-show-full{
	display: none;
}*/