custom/plugins/UltraFooterTunerProModulOne/src/Resources/views/storefront/layout/meta.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/meta.html.twig' %}
  3. {% block layout_head_stylesheet %}
  4.     {% if config('UltraFooterTunerProModulOne.config') %}
  5.         {% set UltraFooterTunerProModulOne = config('UltraFooterTunerProModulOne.config') %}
  6.     {% endif %}
  8.     {% if context.saleschannel.UltraFooterTunerProModulOne %}
  9.         {% set UltraFooterTunerProModulOne = context.saleschannel.UltraFooterTunerProModulOne %}
  10.     {% endif %}
  12.     {% if config('UltraFooterTunerProModulOne.config') %}
  13.         {% set UltraFooterTunerProModulOne = config('UltraFooterTunerProModulOne.config') %}
  14.     {% endif %}
  16.      {{ parent() }}
  17.     {% if UltraFooterTunerProModulOne.activeKanal %}
  19.     <style>
  21.     {% if UltraFooterTunerProModulOne.footerM1backgroundpicture != "" %}
  22.     {% set media = searchMedia([UltraFooterTunerProModulOne.footerM1backgroundpicture], context.context).get(UltraFooterTunerProModulOne.footerM1backgroundpicture) %}
  24.     .ultra-box-start::before {
  25.         content: "";
  26.         width: 100%;
  27.         height: 100%;
  28.         position: absolute;
  29.         top: 0;
  30.         z-index:0;
  31.         background-image: url("{{ media.url }}") !important;
  32.         background-position: {{ UltraFooterTunerProModulOne.footerM1backgroundbildposition }} !important;
  33.         background-repeat: {{ UltraFooterTunerProModulOne.footerM1backgroundbildrepeat }} !important;
  34.         background-size: {{ UltraFooterTunerProModulOne.footerM1backgroundbildsize }} !important;
  35.         opacity: calc({{ UltraFooterTunerProModulOne.footerM1backgroundbildopacity }} / 100) !important;
  36.     {% if UltraFooterTunerProModulOne.FooterHTMLBoxBackgroundWidthFull %}
  37.         width: 100vw;
  38.         margin-left: -50vw;
  39.         left: 50%;
  40.     {% endif %}
  41.     {% if not UltraFooterTunerProModulOne.FooterHTMLBoxBackgroundWidthFull %}
  42.         margin-left: 0;
  43.         left: 0;
  44.         width: 100%;
  45.     {% endif %}
  46.     }
  47.     {% endif %}
  52.     .footer-columns {
  53.         border-bottom: 0px solid #bcc1c7;
  54.     }
  55.     .footer-main {
  56.         overflow-x: hidden;
  57.         border-top: {{ UltraFooterTunerProModulOne.FooterMainBorderSize }}px {{ UltraFooterTunerProModulOne.FooterMainBorderArt }} {{ UltraFooterTunerProModulOne.FooterMainColorBorder }};
  58.     }
  60.     /* Linie USP Trenner Box volle Breite */
  61.     .ultra-footer-usp-line-TrennerBox {
  62.         height: 100%;
  63.         position: absolute;
  64.         border-bottom: {{ UltraFooterTunerProModulOne.FooterUSPBoxBorderSize }}px {{ UltraFooterTunerProModulOne.FooterUSPBoxBorderArt }} {{ UltraFooterTunerProModulOne.FooterUSPBoxColorBorder }};
  65.     {% if UltraFooterTunerProModulOne.FooterUSPBoxBorderWidthFull %}
  66.         width: 100vw;
  67.         margin-left: -50vw;
  68.         left: 50%;
  69.     {% endif %}
  70.     {% if not UltraFooterTunerProModulOne.FooterUSPBoxBorderWidthFull %}
  71.         margin-left: 0;
  72.         left: 0;
  73.         width: 100%;
  74.     {% endif %}
  75.     }
  80.     .ultra-form-label {
  81.         width: 100%;
  82.         text-align: center;
  83.     }
  84.     .usp-flex p {
  85.         margin-bottom: 0px;
  86.     }
  88.     .ultra-footer-0.ultra-box-start .ultra-text-one {
  89.         color: {{ UltraFooterTunerProModulOne.FooterUSPText1Color }};
  90.         font-size: {{ UltraFooterTunerProModulOne.FooterUSPText1FontSize }}px;
  91.         font-weight: {{ UltraFooterTunerProModulOne.FooterUSPText1FontWeight }};
  92.         line-height: 1.5;
  93.         font-family: {{ UltraFooterTunerProModulOne.FooterUSPText1Font }};
  94.     }
  96.     .ultra-footer-0.ultra-box-start .ultra-text-two {
  97.         color: {{ UltraFooterTunerProModulOne.FooterUSPText2Color }};
  98.         font-size: {{ UltraFooterTunerProModulOne.FooterUSPText2FontSize }}px;
  99.         font-weight: {{ UltraFooterTunerProModulOne.FooterUSPText2FontWeight }};
  100.         line-height: 1.5;
  101.         font-family: {{ UltraFooterTunerProModulOne.FooterUSPText2Font }};
  102.     }
  104.     .ultra-footer-0.ultra-box-start .ultra-text-three {
  105.         color: {{ UltraFooterTunerProModulOne.FooterUSPText3Color }};
  106.         font-size: {{ UltraFooterTunerProModulOne.FooterUSPText3FontSize }}px;
  107.         font-weight: {{ UltraFooterTunerProModulOne.FooterUSPText3FontWeight }};
  108.         line-height: 1.5;
  109.         font-family: {{ UltraFooterTunerProModulOne.FooterUSPText3Font }};
  110.     }
  112.     .ultra-footer-0.ultra-box-start .ultra-text-four {
  113.         color: {{ UltraFooterTunerProModulOne.FooterUSPText4Color }};
  114.         font-size: {{ UltraFooterTunerProModulOne.FooterUSPText4FontSize }}px;
  115.         font-weight: {{ UltraFooterTunerProModulOne.FooterUSPText4FontWeight }};
  116.         line-height: 1.5;
  117.         font-family: {{ UltraFooterTunerProModulOne.FooterUSPText4Font }};
  118.     }
  120.     .ultra-headline-one {
  121.         color: {{ UltraFooterTunerProModulOne.FooterUSPHeadline1Color}};
  122.         font-size: {{ UltraFooterTunerProModulOne.FooterUSPHeadline1FontSize }}px;
  123.         font-weight: {{ UltraFooterTunerProModulOne.FooterUSPHeadline1FontWeight }};
  124.         line-height: {{ UltraFooterTunerProModulOne.FooterUSPHeadline1FontLineHeight }};
  125.         margin-bottom: 0px;
  126.         font-family: {{ UltraFooterTunerProModulOne.FooterUSPHeadline1Font }};
  127.     }
  129.     .ultra-headline-two {
  130.         color: {{ UltraFooterTunerProModulOne.FooterUSPHeadline2Color}};
  131.         font-size: {{ UltraFooterTunerProModulOne.FooterUSPHeadline2FontSize }}px;
  132.         font-weight: {{ UltraFooterTunerProModulOne.FooterUSPHeadline2FontWeight }};
  133.         line-height: {{ UltraFooterTunerProModulOne.FooterUSPHeadline2FontLineHeight }};
  134.         margin-bottom: 0px;
  135.         font-family: {{ UltraFooterTunerProModulOne.FooterUSPHeadline2Font }};
  136.     }
  138.     .ultra-headline-three {
  139.         color: {{ UltraFooterTunerProModulOne.FooterUSPHeadline3Color}};
  140.         font-size: {{ UltraFooterTunerProModulOne.FooterUSPHeadline3FontSize }}px;
  141.         font-weight: {{ UltraFooterTunerProModulOne.FooterUSPHeadline3FontWeight }};
  142.         line-height: {{ UltraFooterTunerProModulOne.FooterUSPHeadline3FontLineHeight }};
  143.         margin-bottom: 0px;
  144.         font-family: {{ UltraFooterTunerProModulOne.FooterUSPHeadline3Font }};
  145.     }
  147.     .ultra-headline-four {
  148.         color: {{ UltraFooterTunerProModulOne.FooterUSPHeadline4Color}};
  149.         font-size: {{ UltraFooterTunerProModulOne.FooterUSPHeadline4FontSize }}px;
  150.         font-weight: {{ UltraFooterTunerProModulOne.FooterUSPHeadline4FontWeight }};
  151.         line-height: {{ UltraFooterTunerProModulOne.FooterUSPHeadline4FontLineHeight }};
  152.         margin-bottom: 0px;
  153.         font-family: {{ UltraFooterTunerProModulOne.FooterUSPHeadline4Font }};
  154.     }
  156.     /* volle Breite */
  157.     .modul-one.ultra-footer-background-usp {
  158.         background: {{ UltraFooterTunerProModulOne.FooterUSPBoxTrennerBackColor }};
  159.         position: absolute;
  160.         height: 100%;
  161.     {% if UltraFooterTunerProModulOne.FooterUSPBoxTrennerWidthFull %}
  162.         width: 100vw !important;
  163.         left: 50%;
  164.         margin-left: -50vw;
  165.     {% endif %}
  166.     {% if not UltraFooterTunerProModulOne.FooterUSPBoxTrennerWidthFull %}
  167.     /* Containerbreite */
  168.         width: 100%;
  169.         left: 0%;
  170.         margin-left: 0vw;
  171.     {% endif %}
  172.     }
  174.     /* USP Box */
  175.     .ultra-footer-usp-trenner-box-wrapper {
  176.         position: relative;
  177.         width: 100%;
  178.         padding: {{ UltraFooterTunerProModulOne.FooterUSPWrapperPad }};
  179.         margin: 0 auto;
  180.     }
  181.     .usp-flex {
  182.         display: -ms-flexbox;
  183.         display: -webkit-flex;
  184.         display: flex;
  185.     {% if UltraFooterTunerProModulOne.FooterUSPTopIconOnOff %}
  186.         -ms-flex-direction: column;
  187.         flex-direction: column;
  188.         -ms-flex-align: center;
  189.         align-items: center;
  190.         text-align: center;
  191.     {% endif %}
  192.     }
  193.     .ultra-uspbox.icon-one .icon {
  194.         width: {{ UltraFooterTunerProModulOne.FooterUSPBoxTrennerSize }}px;
  195.         height: {{ UltraFooterTunerProModulOne.FooterUSPBoxTrennerSize }}px;
  196.         margin-right: 20px;
  197.         color: {{ UltraFooterTunerProModulOne.FooterUSPIcon1Color }};
  198.     }
  199.     .ultra-uspbox.icon-two .icon {
  200.         width: {{ UltraFooterTunerProModulOne.FooterUSPBoxTrennerSize }}px;
  201.         height: {{ UltraFooterTunerProModulOne.FooterUSPBoxTrennerSize }}px;
  202.         margin-right: 20px;
  203.         color: {{ UltraFooterTunerProModulOne.FooterUSPIcon2Color }};
  204.     }
  205.     .ultra-uspbox.icon-three .icon {
  206.         width: {{ UltraFooterTunerProModulOne.FooterUSPBoxTrennerSize }}px;
  207.         height: {{ UltraFooterTunerProModulOne.FooterUSPBoxTrennerSize }}px;
  208.         margin-right: 20px;
  209.         color: {{ UltraFooterTunerProModulOne.FooterUSPIcon3Color }};
  210.     }
  211.     .ultra-uspbox.icon-four .icon {
  212.         width: {{ UltraFooterTunerProModulOne.FooterUSPBoxTrennerSize }}px;
  213.         height: {{ UltraFooterTunerProModulOne.FooterUSPBoxTrennerSize }}px;
  214.         margin-right: 20px;
  215.         color: {{ UltraFooterTunerProModulOne.FooterUSPIcon4Color }};
  216.     }
  219.     .modul-one.ultra-footer-background {
  220.     width: 100%;
  221.     position: absolute;
  222.     height: 100%;
  223.     }
  225.     .ultra-footer-background-html {
  226.         background: {{ UltraFooterTunerProModulOne.footercolortopbox }};
  227.         {% if not UltraFooterTunerProModulOne.Footertopboxcolorstretchonoff %}
  228.         max-width:1400px;
  229.         left:auto;
  230.         margin-left:auto;
  231.         {% endif %}
  232.     }
  234.     .ultra-footer-background-html {
  235.             height: 100%;
  236.             position: absolute;
  237.     {% if UltraFooterTunerProModulOne.Footertopboxcolorstretchonoff %}
  238.             width: 100vw !important;
  239.             margin-left: -50vw;
  240.             left: 50%;
  241.     {% endif %}
  242.     }
  245.     .ultra-footer-background-newsletter {
  246.             height: 100%;
  247.             position: absolute;
  248.     {% if UltraFooterTunerProModulOne.footerBackColorNewsBoxWidthFull %}
  249.             width: 100vw !important;
  250.             margin-left: -50vw;
  251.             left: 50%;
  252.     {% endif %}
  253.     }
  256.     .ultra-footer-trenner-box-headline {
  257.         width: 100%;
  258.         position: relative;
  259.         text-align: {{ UltraFooterTunerProModulOne.footertopboxheadlineAusrichtung }};
  260.         z-index: 2;
  261.     }
  262.     .ultra-footer-trenner-box-wrapper {
  263.         position: relative;
  264.         width: 100%;
  265.         margin: 0 auto;
  266.     }
  268.     .col-md-4.ultra-wrapper--inner.ultra-topbox-container {
  269.         padding: {{ UltraFooterTunerProModulOne.footerhtmltopboxPad }};
  270.     }
  272.     .ultra-trenner-headline {
  273.         color: {{ UltraFooterTunerProModulOne.footertopboxheadlinefontcolor }};
  274.         font-family: {{ UltraFooterTunerProModulOne.footertopboxheadlineFont }};
  275.         font-size: {{ UltraFooterTunerProModulOne.footertopboxheadlineFontsize }}px;
  276.         font-weight: {{ UltraFooterTunerProModulOne.footertopboxheadlineFontWeight }};
  277.         padding: {{ UltraFooterTunerProModulOne.footertopboxheadlinePad1 }};
  278.     {% if UltraFooterTunerProModulOne.footertopboxheadlineunderline %}
  279.         text-decoration:underline;
  280.     {% endif %}
  281.         {% if UltraFooterTunerProModulOne.footerheadlineUppercaseOnOff %}
  282.         text-transform: uppercase;
  283.     {% endif %}
  284.     }
  287.     /* Newsletter Trenner Überschrift */
  288.     .ultra-newsletter-info-headline {
  289.     {% if UltraFooterTunerProModulOne.footernewsletterheadlinefont !="" %}
  290.         font-family:{{ UltraFooterTunerProModulOne.footernewsletterheadlinefont }};
  291.     {% endif %}
  292.         color: {{ UltraFooterTunerProModulOne.footernewsletterheadlinefontcolor }};
  293.         font-size: {{ UltraFooterTunerProModulOne.footernewsletterheadlinefontsize }}px;
  294.         font-weight: {{ UltraFooterTunerProModulOne.footernewsletterheadlineFontWeight }};
  295.         letter-spacing: {{ UltraFooterTunerProModulOne.footernewsletterheadlinefontspacing }}px;
  296.         text-align: {{ UltraFooterTunerProModulOne.footernewsletterheadlinetextalgin }};
  297.         padding-bottom: {{ UltraFooterTunerProModulOne.footernewsletterheadlinepadbottom }}px;
  298.     }
  300.     /* HTML Trenner Box */
  301.     .ultra-footer-0.ultra-box-start p, .ultra-footer-0.ultra-box-start li, .ultra-footer-0.ultra-box-start a, .ultra-footer-0.ultra-box-start .footer-contact-form {
  302.     {% if UltraFooterTunerProModulOne.footerhtmltopboxhtmlFont !="" %}
  303.         font-family:{{ UltraFooterTunerProModulOne.footerhtmltopboxhtmlFont }};
  304.     {% endif %}
  305.         color: {{ UltraFooterTunerProModulOne.footerhtmltopboxhtmlColor }};
  306.         font-size: {{ UltraFooterTunerProModulOne.footerhtmltopboxhtmlFontsize }}px;
  307.         font-weight: {{ UltraFooterTunerProModulOne.footerhtmltopboxhtmlFontWeight }};
  308.     }
  310.     /* HTML Trenner Box */
  311.     .ultra-wrapper--inner.ultra-topbox-container {
  312.     {% if UltraFooterTunerProModulOne.footerhtmltopboxhtmlFont !="" %}
  313.         font-family:{{ UltraFooterTunerProModulOne.footerhtmltopboxhtmlFont }};
  314.     {% endif %}
  315.         font-size: {{ UltraFooterTunerProModulOne.footerhtmltopboxhtmlFontsize }}px;
  316.         font-weight: {{ UltraFooterTunerProModulOne.footerhtmltopboxhtmlFontWeight }};
  317.     }
  319.     .ultra-footer-0.ultra-box-start {
  320.         padding-bottom: 0px;
  321.     }
  322.     .ultra-topbox-container {
  323.         max-width: {{ UltraFooterTunerProModulOne.footertopboxwidth }}%;
  324.         flex: 0 0 {{ UltraFooterTunerProModulOne.footertopboxwidth }}%;
  325.         width: {{ UltraFooterTunerProModulOne.footertopboxwidth }}%;
  326.         margin: 0 auto;
  327.     }
  329.     /* HTML Box Bottom */
  330.     .ultra-bottombox-container {
  331.         max-width: {{ UltraFooterTunerProModulOne.footerbottomboxwidth }}%;
  332.         flex: 0 0 {{ UltraFooterTunerProModulOne.footerbottomboxwidth }}%;
  333.         width: {{ UltraFooterTunerProModulOne.footerbottomboxwidth }}%;
  334.         margin: 0 auto;
  335.         {% if UltraFooterTunerProModulOne.FooterCopyrightHtmlBoxFont !="" %}
  336.         font-family:{{ UltraFooterTunerProModulOne.FooterCopyrightHtmlBoxFont }};
  337.         {% endif %}
  338.         color: {{ UltraFooterTunerProModulOne.FooterCopyrightHtmlBoxFontColor}};
  339.         font-size: {{ UltraFooterTunerProModulOne.FooterCopyrightHtmlBoxFontSize }}px;
  340.         font-weight: {{ UltraFooterTunerProModulOne.FooterCopyrightHtmlBoxFontWeight }};
  341.     }
  343.     /* Background Newsletter Box */
  344.     .ultra-footer-background-newsletter {
  345.         background: {{ UltraFooterTunerProModulOne.footercolornewsletter }};
  346.     }
  348.     /* Line Trenner Box volle Breite */
  349.     .ultra-footer-line-TrennerBox {
  350.         height: 100%;
  351.         position: absolute;
  352.         border-bottom: {{ UltraFooterTunerProModulOne.FooterBorderColorSize0 }}px {{ UltraFooterTunerProModulOne.FooterBorderArtGroup0 }} {{ UltraFooterTunerProModulOne.FooterBorderColorGroup0 }};
  353.     {% if UltraFooterTunerProModulOne.footerlineHTMLTrennerBoxwidthfull %}
  354.         width: 100vw;
  355.         margin-left: -50vw;
  356.         left: 50%;
  357.     {% endif %}
  358.     }
  360.     /* Schriftfarbe HTML Newsletter Trenner Box */
  361.     .ultra-newsletter-info-text p, .ultra-newsletter-info-text li, .ultra-newsletter-info-text a, .ultra-newsletter-info-text .footer-contact-form {
  362.     {% if UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlFont !="" %}
  363.         font-family:{{ UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlFont }};
  364.     {% endif %}
  365.         color: {{ UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlColor }};
  366.         font-size: {{ UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlFontsize }}px;
  367.         font-weight: {{ UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlFontWeight }};
  368.     }
  370.     /* Abstand Infotext Newsletter Trenner */
  371.     .ultra-newsletter-info-text {
  372.         padding: {{ UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlPaddInner }};
  373.         {% if UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlFont !="" %}
  374.         font-family:{{ UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlFont }};
  375.     {% endif %}
  376.         color: {{ UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlColor }};
  377.         font-size: {{ UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlFontsize }}px;
  378.         font-weight: {{ UltraFooterTunerProModulOne.footerhtmlnewsletterboxhtmlFontWeight }};
  379.     }
  380.     .ultra-box-newsletter {
  381.         padding-bottom: 0px;
  382.         position:relative;
  383.     }
  385.     .ultra-footer-0.ultra-box-start {
  386.         position: relative;
  387.     }
  389.     /* Alle Trennlinien Footer */
  391.     /* Line Newslettertrenner Box volle Breite */
  392.     .ultra-footer-line-NewsletterBox {
  393.         height: 100%;
  394.         position: absolute;
  395.         border-bottom: {{ UltraFooterTunerProModulOne.FooterBorderColorSizeNews }}px {{ UltraFooterTunerProModulOne.FooterBorderArtGroupNews }} {{ UltraFooterTunerProModulOne.FooterBorderColorGroupNews }};
  396.     {% if UltraFooterTunerProModulOne.footerlineGroupNewswidthfull %}
  397.         width: 100vw;
  398.         margin-left: -50vw;
  399.         left: 50%;
  400.     {% endif %}
  401.     }
  403.     /* Linie Newslettertrenner Box Containerbreite */
  404.     .ultra-footer-line-NewsletterBox {
  405.         position: absolute;
  406.         height: 100%;
  407.         border-bottom: {{ UltraFooterTunerProModulOne.FooterBorderColorSizeNews }}px {{ UltraFooterTunerProModulOne.FooterBorderArtGroupNews }} {{ UltraFooterTunerProModulOne.FooterBorderColorGroupNews }};
  408.     {% if not UltraFooterTunerProModulOne.footerlineGroupNewswidthfull %}
  409.         margin-left: 0;
  410.         left: 0;
  411.         width: 100%;
  412.     {% endif %}
  413.     }
  415.     /* Linie Trenner Box Containerbreite */
  416.     .ultra-footer-line-TrennerBox {
  417.         position: absolute;
  418.         height: 100%;
  419.         border-bottom: {{ UltraFooterTunerProModulOne.FooterBorderColorSize0 }}px {{ UltraFooterTunerProModulOne.FooterBorderArtGroup0 }} {{ UltraFooterTunerProModulOne.FooterBorderColorGroup0 }};
  420.     {% if not UltraFooterTunerProModulOne.footerlineHTMLTrennerBoxwidthfull %}
  421.         margin-left: 0;
  422.         left: 0;
  423.         width: 100%;
  424.     {% endif %}
  425.     }
  427.     @media screen and (min-width:768px) {
  428.     {% if UltraFooterTunerProModulOne.footerheadlinecutteronoff %}
  429.     .footer-column-headline {
  430.         overflow: hidden;
  431.         -moz-text-overflow: ellipsis;
  432.         text-overflow: ellipsis;
  433.         white-space: nowrap;
  434.         display: block;
  435.         }
  436.     {% endif %}
  438.     .footer-newsletter {
  439.         width: {{ UltraFooterTunerProModulOne.footernewsletterboxwidth }}%;
  440.         }
  441.     }
  443.     .ultra-newsletter {
  444.         position: relative;
  445.         margin: 0 auto;
  446.     }
  447.     .ultra-footer-background-newsletter {
  448.         background: {{ UltraFooterTunerProModulOne.footercolornewsletterbox }};
  449.     }
  451.     .footer-newsletter {
  452.         position: relative;
  453.         margin: 0 auto;
  454.         padding: {{ UltraFooterTunerProModulOne.NewsBoxPaddInner }};
  455.     }
  456.     .ultra-form-inner {
  457.         width: 75%;
  458.         margin: 0 auto;
  459.     }
  461.     /*
  462.     .form-label {
  463.         width: 100%;
  464.         text-align: center;
  465.         font-size: 24px;
  466.         font-weight: 700;
  467.         color:#FFFFFF;
  468.     }
  469.     */
  471.     /* Datenschutz Text Newsletteranmeldung */
  472.     .ultra-news-data-label-text {
  473.         color: {{ UltraFooterTunerProModulOne.NewsDataTextColor}};
  474.         font-size: {{ UltraFooterTunerProModulOne.NewsDataTextSize}}px;
  475.     }
  476.     .ultra-news-data-label-text a {
  477.         font-size: {{ UltraFooterTunerProModulOne.NewsDataTextSize}}px;
  478.     }
  479.     /* Datenschutz Link Newsletteranmeldung */
  480.     .ultra-news-data-label-text a {
  481.         color: {{ UltraFooterTunerProModulOne.NewsDataLinkColor}};
  482.     }
  483.     .ultra-news-data-label-text a:hover {
  484.         color: {{ UltraFooterTunerProModulOne.NewsDataLinkHoverColor}};
  485.     }
  486.     /* Newsletter Button */
  487.     .btn.ultra-newsletter-btn {
  488.         background: {{ UltraFooterTunerProModulOne.NewsBtnBackColor}};
  489.         border: {{ UltraFooterTunerProModulOne.NewsBtnBordersize}}px solid {{ UltraFooterTunerProModulOne.NewsBtnBorderColor}};
  490.         border-radius: {{ UltraFooterTunerProModulOne.NewsBtnRadius}};
  491.         margin-left: {{ UltraFooterTunerProModulOne.NewsBtnMarLeft}}px;
  492.         width: {{ UltraFooterTunerProModulOne.NewsBtnWidth}}%;
  493.     }
  494.     /* Newsletter Icon Farbe */
  495.     .ultra-newsletter-button .icon {
  496.         color: {{ UltraFooterTunerProModulOne.NewsBtnIconColor}};
  497.     }
  498.     #footerNewsletterMail {
  499.         border-radius: {{ UltraFooterTunerProModulOne.NewsEingabeRadius}};
  500.     }
  501.     #ultra-sender {
  502.         display:none;
  503.         text-align: center;
  504.         font-size: 16px;
  505.         color: orange;
  506.         height: 45px;
  507.         margin-top: -63px;
  508.         position: relative;
  509.         padding-top: 11px;
  510.         background: yellow;
  511.         margin-bottom: 20px;
  512.     }
  514.         /* Schriftfarbe HTML Trenner Box */
  515.     .ultra-footer-0.ultra-box-start {
  516.         color: {{ UltraFooterTunerProModulOne.footerhtmltopboxhtmlColor }};
  517.     }
  519.         .ultra-newsletter-info-headline {
  520.         z-index: 2;
  521.         position: relative;
  522.     }
  524.     .ultra-box-general {
  525.         position: relative;
  526.         padding-right: 20px;
  527.         padding-left: 20px;
  528.         display:none;
  529.         justify-content: space-around;
  530.     }
  533.         @media only screen and (min-width: 992px) {
  534.             {% if UltraFooterTunerProModulOne.FooterUSPBoxDesktopselector|length > 1 %}
  535.                 {% for item in UltraFooterTunerProModulOne.FooterUSPBoxDesktopselector|sort %}
  536.                     {{ ".ultra-box-"  ~ item }} { display:flex; }
  537.                 {% endfor %}
  538.             {% endif %}
  541.             {% if UltraFooterTunerProModulOne.FooterUSPBoxDesktopselector|length < 1 %}
  542.                 .modul-one.ultra-footer-background-usp, .ultra-footer-usp-trenner-box-wrapper {
  543.                     display:none;
  544.                 }
  545.             {% endif %}
  547.             {% if UltraFooterTunerProModulOne.FooterUSPBoxDesktopselector|length == 1 %}
  548.                 .ultra-box-general {
  549.                     -ms-flex: 0 0 100%;
  550.                     flex: 0 0 100%;
  551.                     max-width: 100%;
  552.                 }
  553.             {% endif %}
  555.             {% if UltraFooterTunerProModulOne.FooterUSPBoxDesktopselector|length == 2 %}
  556.                 .ultra-box-general {
  557.                     -ms-flex: 0 0 50%;
  558.                     flex: 0 0 50%;
  559.                     max-width: 50%;
  560.                 }
  561.             {% endif %}
  563.             {% if UltraFooterTunerProModulOne.FooterUSPBoxDesktopselector|length == 3 %}
  564.                 .ultra-box-general {
  565.                     -ms-flex: 0 0 33.33%;
  566.                     flex: 0 0 33.33%;
  567.                     max-width: 33.33%;
  568.                 }
  569.             {% endif %}
  571.             {% if UltraFooterTunerProModulOne.FooterUSPBoxDesktopselector|length == 4 %}
  572.                 .ultra-box-general {
  573.                     -ms-flex: 0 0 25%;
  574.                     flex: 0 0 25%;
  575.                     max-width: 25%;
  576.                 }
  577.             {% endif %}
  578.         }
  580.             {% if not UltraFooterTunerProModulOne.FooterUSPTopIconOnOff %}
  581.             .ultra-box-general:first-child {
  582.                 justify-content: start;
  583.             }
  585.             .ultra-box-general:last-child {
  586.                 justify-content: end;
  587.             }
  589.             {% endif %}
  594.     /* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
  595.         @media only screen and (min-width: 992px) and (max-width: 1199px) {
  596.             .ultra-footer-trenner-box-wrapper {
  597.                 padding-left: 20px;
  598.                 padding-right: 20px;
  599.             }
  600.             .usp-flex {
  601.                 -ms-flex-pack: distribute;
  602.                 justify-content: center;
  603.             }
  604.             .ultra-newsletter-info-headline {
  605.                 font-size: 20px;
  606.             }
  607.             .ultra-headline-one, .ultra-headline-two {
  608.                 font-size: 18px;
  609.             }
  610.             .ultra-newsletter-info-text {
  611.                 font-size: 16px;
  612.             }
  613.             .ultra-news-data-label-text {
  614.                 font-size: 12px;
  615.             }
  616.             .footer-newsletter {
  617.                 width: {{ UltraFooterTunerProModulOne.footernewsletterboxwidthTabletLand }}%;
  618.             }
  619.         }
  621.     /* Tablet Hochformat (Portrait) */
  622.         @media only screen and (min-width: 768px) and (max-width: 991px) {
  623.             .ultra-footer-trenner-box-wrapper {
  624.                 padding-left: 20px;
  625.                 padding-right: 20px;
  626.             }
  627.             .footer-newsletter {
  628.                 width: {{ UltraFooterTunerProModulOne.footernewsletterboxwidthTabletPort }}%;
  629.             }
  630.             .usp-flex {
  631.                 -ms-flex-pack: distribute;
  632.                 justify-content: center;
  633.             }
  634.             .ultra-newsletter-info-headline {
  635.                 font-size: 20px;
  636.             }
  637.             .ultra-headline-one, .ultra-headline-two {
  638.                 font-size: 18px;
  639.             }
  640.             .ultra-newsletter-info-text {
  641.                 font-size: 16px;
  642.             }
  643.             .ultra-news-data-label-text {
  644.                 font-size: 12px;
  645.             }
  646.             .ultra-box-general {
  647.                 position: relative;
  648.                 padding-right: 20px;
  649.                 padding-left: 20px;
  650.                 display:none;
  651.             }
  653.             .ultra-footer-usp-trenner-box-wrapper {
  654.                 padding-right: 20px;
  655.                 padding-left: 20px;
  656.             }
  658.             {% if UltraFooterTunerProModulOne.FooterUSPBoxTabletPortraitselector|length > 1 %}
  659.                 {% for item in UltraFooterTunerProModulOne.FooterUSPBoxTabletPortraitselector|sort %}
  660.                     {{ ".ultra-box-"  ~ item }} { display:flex; }
  661.                 {% endfor %}
  662.             {% endif %}
  664.             {% if UltraFooterTunerProModulOne.FooterUSPBoxTabletPortraitselector|length < 1 %}
  665.                 .modul-one.ultra-footer-background-usp, .ultra-footer-usp-trenner-box-wrapper {
  666.                     display:none;
  667.                 }
  668.             {% endif %}
  670.             {% if UltraFooterTunerProModulOne.FooterUSPBoxTabletPortraitselector|length == 1 %}
  671.                 .ultra-box-general {
  672.                     -ms-flex: 0 0 100%;
  673.                     flex: 0 0 100%;
  674.                     max-width: 100%;
  675.                 }
  676.             {% endif %}
  678.             {% if UltraFooterTunerProModulOne.FooterUSPBoxTabletPortraitselector|length == 2 %}
  679.                 .ultra-box-general {
  680.                     -ms-flex: 0 0 50%;
  681.                     flex: 0 0 50%;
  682.                     max-width: 50%;
  683.                 }
  684.             {% endif %}
  686.             {% if UltraFooterTunerProModulOne.FooterUSPBoxTabletPortraitselector|length == 3 %}
  687.                 .ultra-box-general {
  688.                     -ms-flex: 0 0 33.33%;
  689.                     flex: 0 0 33.33%;
  690.                     max-width: 33.33%;
  691.                 }
  692.             {% endif %}
  694.             {% if UltraFooterTunerProModulOne.FooterUSPBoxTabletPortraitselector|length == 4 %}
  695.                 .ultra-box-general {
  696.                     -ms-flex: 0 0 25%;
  697.                     flex: 0 0 25%;
  698.                     max-width: 25%;
  699.                 }
  700.             {% endif %}
  701.         }
  703.     /* Smartphone Querformat (Landscape) */
  704.         @media only screen and (min-width: 480px) and (max-width: 767px) {
  705.             .ultra-footer-trenner-box-wrapper {
  706.                 padding-left: 20px;
  707.                 padding-right: 20px;
  708.             }
  709.             .footer-newsletter {
  710.                 width: 90%;
  711.                 padding-bottom: 20px;
  712.             }
  713.             .btn.ultra-newsletter-btn {
  714.                 width: 20%;
  715.             }
  716.             .usp-flex {
  717.                 -ms-flex-pack: distribute;
  718.                 justify-content: center;
  719.                 padding-bottom: 20px;
  720.             }
  721.             .ultra-newsletter-info-headline {
  722.                 font-size: 20px;
  723.             }
  724.             .ultra-headline-one, .ultra-headline-two {
  725.                 font-size: 18px;
  726.             }
  727.             .ultra-newsletter-info-text {
  728.                 font-size: 16px;
  729.             }
  730.             .ultra-news-data-label-text {
  731.                 font-size: 12px;
  732.             }
  733.             .ultra-box-general {
  734.                 position: relative;
  735.                     -ms-flex: 0 0 50%;
  736.                     flex: 0 0 50%;
  737.                     max-width: 50%;
  738.                 padding-right: 20px;
  739.                 padding-left: 20px;
  740.                 display:none;
  741.             }
  743.             .ultra-footer-usp-trenner-box-wrapper {
  744.                 padding-right: 20px;
  745.                 padding-left: 20px;
  746.             }
  747.             {% if UltraFooterTunerProModulOne.FooterUSPBoxSmartphoneLandscapeselector|length > 1 %}
  748.                 {% for item in UltraFooterTunerProModulOne.FooterUSPBoxSmartphoneLandscapeselector|sort %}
  749.                     {{ ".ultra-box-"  ~ item }} { display:flex; }
  750.                 {% endfor %}
  751.             {% endif %}
  753.         }
  755.     /* Smartphone Hochformat (Portrait) */
  756.         @media only screen and (min-width: 320px) and (max-width: 479px) {
  757.             .ultra-footer-trenner-box-wrapper {
  758.                 padding-left: 20px;
  759.                 padding-right: 20px;
  760.             }
  761.             .footer-newsletter {
  762.                 width: 90%;
  763.                 padding-bottom: 20px;
  764.             }
  765.             .btn.ultra-newsletter-btn {
  766.                 width: 20%;
  767.             }
  768.             .usp-flex {
  769.                 -ms-flex-pack: distribute;
  770.                 justify-content: center;
  771.                 padding-bottom: 20px;
  772.             }
  773.             .ultra-newsletter-info-headline {
  774.                 font-size: 20px;
  775.             }
  776.             .ultra-headline-one {
  777.                 font-size: 18px;
  778.             }
  779.             .ultra-newsletter-info-text {
  780.                 font-size: 16px;
  781.             }
  782.             .ultra-news-data-label-text {
  783.                 font-size: 12px;
  784.             }
  785.             .ultra-box-general {
  786.                 position: relative;
  787.                     -ms-flex: 0 0 100%;
  788.                     flex: 0 0 100%;
  789.                     max-width: 100%;
  790.                 padding-right: 20px;
  791.                 padding-left: 20px;
  792.                 display:none;
  793.             }
  795.             .ultra-footer-usp-trenner-box-wrapper {
  796.                 padding-right: 20px;
  797.                 padding-left: 20px;
  798.             }
  800.             {% if UltraFooterTunerProModulOne.FooterUSPBoxSmartphonePortraitselector|length > 1 %}
  801.                 {% for item in UltraFooterTunerProModulOne.FooterUSPBoxSmartphonePortraitselector|sort %}
  802.                     {{ ".ultra-box-"  ~ item }} { display:flex; }
  803.                 {% endfor %}
  804.             {% endif %}
  805.             {% if UltraFooterTunerProModulOne.FooterUSPBoxSmartphonePortraitselector|length < 1 %}
  806.                 .modul-one.ultra-footer-background-usp, .ultra-footer-usp-trenner-box-wrapper {
  807.                     display:none;
  808.                 }
  809.             {% endif %}
  810.         }
  813.     </style>
  815.     {% endif %}
  820. {% endblock %}