/*#######
# General
# Layout
# Header
# Content Elements
# Footer
# Extensions
# Media Queries
#######*/

/* ### General ### */

.farbbox p {
    text-align: left;
}

.farbbox h2 {
    padding: 15px 0;
}

/* ### Layout ### */

body{
    font-size:1rem;
}
#c3542{
    width: 82%;
    float: right;
    padding-left: 10px;
}

/* ### Header ### */

/* ### Content Elements ### */

.teaser-notruf.blau {
    padding: 51px 0px;
}


/* Homepage Restyling */
#homepage .teaser-headline-text {
    background: #FFFFFF;
}

/* forms */

#gewinnspiel_Sonnenbrille #gewinnspiel_Sonnenbrille-imageupload-1 {
    position: relative;
}

#homepage .teaser-headline-text table tr th,
#homepage .teaser-headline-text table tr td,
#homepage .newsTeaserWrap a {
    color: #01519e;
    font-weight: normal;
}

#homepage .newsTeaserWrap {
    background-color: #FFFFFF;
}

#homepage .teaser-headline-text h4 {
    background-color: #FFFFFF !important;
    color: #01519e;
    text-align: left;
    padding: 20px 20px 0px 20px;
}



/* ### Footer ### */

.copyright p a{
    color: #fff;
}

.copyright p a:hover{
    color: #9e9e9e;
}

/* ### Extensions  ### */

/* News */

.news-latest a h4 {
    margin-top: 20px;
    margin-left: 5px;
}

.newsTeaserWrap {
    padding-bottom: 10px;
}

/*##
#### Powermail Adjustments 11.04.18
#### Umfrage zur Kundenzufriedenheit
#### Powermail Layout 2
##*/

.layout2 legend {
    background: transparent;
}

.layout2 label {
    width: auto;
}

.layout2 .powermail_fieldset .powermail_label {
    padding: 10px !important;
    font-size: 70% !important;
    line-height: 1.5 !important;
    width: 100%;
}

.layout2 input[type="radio"]+label {
    text-align: center;
    margin: 0;
}

.layout2 input[type="radio"] {
    width: 100%;
}

.layout2 input[type="checkbox"] {
    margin: 0;
}

.layout2 .tx-powermail .powermail_fieldset .powermail_field {
    width: 100%;
}

.layout2 .powermail_radio_outer {
    display: flex;
    flex-direction: column;
}

.layout2 .powermail_radio_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 15px 8px 15px;
    min-width: 20px;
}

.layout2 .powermail_check_inner {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.tx-powermail .layout2 .powermail_fieldset .powermail_radio_outer, .tx-powermail .layout2 .powermail_fieldset .powermail_captcha_outer, .tx-powermail .layout2 .powermail_fieldset .powermail_check_outer, .tx-powermail .layout2 .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .layout2 .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list), .tx-powermail .layout2 .powermail_fieldset .powermail_field {
    width: 100%;
}

/* sonstiges label ausblenden */

#powermail_fieldwrap_47 label, #powermail_fieldwrap_49 label, #powermail_fieldwrap_51 label {
    display: none;
}


/*Optin-Hinweise -- normales Kontaktformular*/
label[for=powermail_field_datenschutz_optin_1] {
    width:90%;
    vertical-align: middle !important;
}

.powermail_checkbox .powermail_checkbox_67 {
    width: 5%;
}



.powermail_label powermail_check_legend{
    font-size: 0.875rem !important;
}

.tx-powermail .powermail_fieldset .powermail_label[title]::after{
    font-size: 0.875rem !important;
}

.powermail_radio_legend{
    font-size:100% !important;
}


.powermail_check_legend{
    padding: 10px !important;
}

.tx-powermail .powermail_fieldset .powermail_check_outer {
    margin-top:10px;
}

/*Optin-Hinweise -- Zaehlerstandermittlung*/
label[for=powermail_field_datenschutz_1] {
    width:90%;
    vertical-align: middle !important;
}

.powermail_check_outer{
    border: none;
    background:#eee;
}

.tx-powermail .powermail_fieldset .powermail_check_outer{
    background-color:#eee;
    border:0px solid #bbb;
}


/* ### Sonstiges ### */

/* Umfrage-Popup */

#survey-popup-container {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

#survey-popup-content {
    background-color: #7bce43;
    width: 250px;
    position: relative;
    margin: 100px auto 0 auto;
    padding: 20px;
    color: white;
    border: 4px solid #1E5799;
    text-align: center;
}

#survey-popup-close {
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
}

#survey-popup-content a {
    margin: 5px 0 0 0;
    padding: 5px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-color: #1E5799;
    border: 1px solid #eee;
    display: block;
}



/* Cookie-Hinweis */

#cookie a {
  color: white;
  text-decoration:underline;
  font-weight: bold;
}

#cookie a:hover {
  opacity: 0.5;
  transition: all 0.5s;
}

#cookie div {
    font-family: 'PT Sans', sans-serif;
    color:rgb(34,34,34, 0.2);
}

div.cookie_headline{
    font-size: 30px;
    color:white !important;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 1;
}

p.cookie{
    text-align: center;
    color:white;
    font-size: 16px;
}

#cookie {
   outline: 10px solid rgb(255,255,255,0.9);
   text-align:right;
   background: #d6e0eb;
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9));
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
   position:fixed;
   bottom:0px;
   z-index:10000;
   width:100%;
   font-size:16px;
   text-align: center;
   left:0px;
   /*visibility: hidden;*/
   background: #979797;

}

#cookieCloser {
   right: 5px;
   text-decoration: none;
   top: 5px;
   cursor:pointer;
   padding:10px;
   background: #ced6df;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
   background-color: white;
   border: none;
   color: white;
   padding: 8px 40px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   background-color: #d5d5d5;
   color: white;
   float: none;
   font-weight: lighter;
   margin-top: 0px;
   margin-bottom: 30px;
   font-family: 'PT Sans', sans-serif;
   color:#979797 !important;
 }

#cookieCloser:hover {
    color: white !important;
    background-color: #979797;
    /*background-color:white;*/
}

/* iframe / produktfinder */
#produktFinder-wrap {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: #7bce43;
}

#produktFinder-wrap:before {
    content: "Jetzt persönlichen Tarif finden";
    position: absolute;
    top: 0;
    left: 0;
    background: #01519e;
    color: #FFFFFF;
    padding: 13px 0;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 150%;
    font-weight: 700;
    text-transform: uppercase;
}

#produktFinder-wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #7bce43;
    width: 100%;
    height: 94px;
}

#produktFinder {
    max-width: 100%;
    min-height: 531px;
}

/*************************
****** Search Page *******
*************************/
.tx-indexedsearch-percent{
    float: right;
}
 .tx-indexedsearch-description-wrapper{
 background-color: #ececec;
}
 .tx-indexedsearch-description{
 padding-top: 10px;
 padding-bottom: 10px;
 width: 95%;
 margin-left: auto;
 margin-right: auto;
}

     .tx-indexedsearch-res h3{
 width: 95%;
 margin-left: auto;
 margin-right: auto;
}
 .tx-indexedsearch-searchbox{
width: 95%;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
}

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

@media screen and (min-width: 40.063em) {
    .layout2 .powermail_radio_outer {
        display: flex;
        flex-direction: row;
    }
    .layout2 .powermail_check_inner {
        padding: 10px 10px;
    }
    .layout2 .powermail_fieldset .powermail_label {
        width: 23%;
    }
    .tx-powermail .layout2 .powermail_fieldset .powermail_radio_outer, .tx-powermail .layout2 .powermail_fieldset .powermail_captcha_outer, .tx-powermail .layout2 .powermail_fieldset .powermail_check_outer, .tx-powermail .layout2 .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .layout2 .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list), .tx-powermail .layout2 .powermail_fieldset .powermail_field {
        width: 75%;
    }
}

@media screen and (min-width: 64.063em) {
    .layout2 .powermail_radio_inner {
        min-width: 132px;
    }
}

@media only screen and (min-width: 641px) {
    div.cookie_headline{
      text-align: left;
      float: left;
    }

    #cookieCloser{
      float:right;
      margin-top: 30px;
    }

    p.cookie{
      text-align: left;
      margin-top: 30px;
      margin-bottom: 30px;
    }

}

@media screen and (min-width:768px) {
    #survey-popup-content {
        width: 350px;
    }
}