diff options
| author | Ralf Mollik | 2018-06-28 14:48:20 +0000 |
|---|---|---|
| committer | Ralf Mollik | 2018-06-28 14:48:20 +0000 |
| commit | d0a803a2c4add240692f2a38ff66eec02c16376f (patch) | |
| tree | c3e93c23d047bcb775e4733a9db2e23d186cba9e | |
| parent | 698eaee97e67022628dea6c2dd6daea9c11a295a (diff) | |
| download | org.eclipse.osbp.vaadin.widgetset-d0a803a2c4add240692f2a38ff66eec02c16376f.tar.gz org.eclipse.osbp.vaadin.widgetset-d0a803a2c4add240692f2a38ff66eec02c16376f.tar.xz org.eclipse.osbp.vaadin.widgetset-d0a803a2c4add240692f2a38ff66eec02c16376f.zip | |
https://bugs.eclipse.org/bugs/show_bug.cgi?id=536407, migrate to EPL 2.0 and catch up with branch development
Signed-off-by: Ralf Mollik <ramollik@compex-commerce.com>
122 files changed, 30136 insertions, 3463 deletions
@@ -8,13 +8,13 @@ <body lang="EN-US"> <h2>About This Content</h2> -<p>June 1, 2016</p> +<p>November 30, 2017</p> <h3>License</h3> <p>The Eclipse Foundation makes available all content in this plug-in ("Content"). Unless otherwise indicated below, the Content is provided to you under the terms and conditions of the -Eclipse Public License Version 1.0 ("EPL"). A copy of the EPL is available -at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>. +Eclipse Public License Version 2.0 ("EPL"). A copy of the EPL is available +at <a href="https://www.eclipse.org/legal/epl-2.0">https://www.eclipse.org/legal/epl-2.0</a>. For purposes of the EPL, "Program" will mean the Content.</p> <p>If you did not receive this Content directly from the Eclipse Foundation, the Content is diff --git a/jenkins.build.config.xml b/jenkins.build.config.xml index ac6c408..75ac553 100644 --- a/jenkins.build.config.xml +++ b/jenkins.build.config.xml @@ -2,9 +2,11 @@ <!--#======================================================================= --> <!--# Copyright (c) 2016 - Loetz GmbH&Co.KG --> <!--# All rights reserved. This program and the accompanying materials --> -<!--# are made available under the terms of the Eclipse Public License v1.0 --> +<!--# are made available under the terms of the Eclipse Public License 2.0 --> <!--# which accompanies this distribution, and is available at --> -<!--# http://www.eclipse.org/legal/epl-v10.html --> +<!--# https://www.eclipse.org/legal/epl-2.0/ --> +<!--# --> +<!--# SPDX-License-Identifier: EPL-2.0 --> <!--# --> <!--# Contributors: --> <!--# Christophe Loetz (Loetz GmbH&Co.KG) - initial API and implementation --> diff --git a/notice.html b/notice.html index c3d34c3..008b801 100644 --- a/notice.html +++ b/notice.html @@ -7,101 +7,183 @@ </head> <body lang="EN-US"> -<h2>Eclipse Foundation Software User Agreement</h2> -<p>April 9, 2014</p> - -<h3>Usage Of Content</h3> - -<p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS - (COLLECTIVELY "CONTENT"). USE OF THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND - CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE - OF THE CONTENT IS GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR - NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND - CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT USE THE CONTENT.</p> - -<h3>Applicable Licenses</h3> - -<p>Unless otherwise indicated, all Content made available by the Eclipse Foundation is provided to you under the terms and conditions of the Eclipse Public License Version 1.0 - ("EPL"). A copy of the EPL is provided with this Content and is also available at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>. - For purposes of the EPL, "Program" will mean the Content.</p> - -<p>Content includes, but is not limited to, source code, object code, documentation and other files maintained in the Eclipse Foundation source code - repository ("Repository") in software modules ("Modules") and made available as downloadable archives ("Downloads").</p> - -<ul> - <li>Content may be structured and packaged into modules to facilitate delivering, extending, and upgrading the Content. Typical modules may include plug-ins ("Plug-ins"), plug-in fragments ("Fragments"), and features ("Features").</li> - <li>Each Plug-in or Fragment may be packaged as a sub-directory or JAR (Java™ ARchive) in a directory named "plugins".</li> - <li>A Feature is a bundle of one or more Plug-ins and/or Fragments and associated material. Each Feature may be packaged as a sub-directory in a directory named "features". Within a Feature, files named "feature.xml" may contain a list of the names and version numbers of the Plug-ins - and/or Fragments associated with that Feature.</li> - <li>Features may also include other Features ("Included Features"). Within a Feature, files named "feature.xml" may contain a list of the names and version numbers of Included Features.</li> -</ul> - -<p>The terms and conditions governing Plug-ins and Fragments should be contained in files named "about.html" ("Abouts"). The terms and conditions governing Features and -Included Features should be contained in files named "license.html" ("Feature Licenses"). Abouts and Feature Licenses may be located in any directory of a Download or Module -including, but not limited to the following locations:</p> - -<ul> - <li>The top-level (root) directory</li> - <li>Plug-in and Fragment directories</li> - <li>Inside Plug-ins and Fragments packaged as JARs</li> - <li>Sub-directories of the directory named "src" of certain Plug-ins</li> - <li>Feature directories</li> -</ul> - -<p>Note: if a Feature made available by the Eclipse Foundation is installed using the Provisioning Technology (as defined below), you must agree to a license ("Feature Update License") during the -installation process. If the Feature contains Included Features, the Feature Update License should either provide you with the terms and conditions governing the Included Features or -inform you where you can locate them. Feature Update Licenses may be found in the "license" property of files named "feature.properties" found within a Feature. -Such Abouts, Feature Licenses, and Feature Update Licenses contain the terms and conditions (or references to such terms and conditions) that govern your use of the associated Content in -that directory.</p> - -<p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. SOME OF THESE -OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):</p> - -<ul> - <li>Eclipse Distribution License Version 1.0 (available at <a href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>)</li> - <li>Common Public License Version 1.0 (available at <a href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>)</li> - <li>Apache Software License 1.1 (available at <a href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>)</li> - <li>Apache Software License 2.0 (available at <a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>)</li> - <li>Mozilla Public License Version 1.1 (available at <a href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>)</li> -</ul> - -<p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND CONDITIONS PRIOR TO USE OF THE CONTENT. If no About, Feature License, or Feature Update License is provided, please -contact the Eclipse Foundation to determine what terms and conditions govern that particular Content.</p> - - -<h3>Use of Provisioning Technology</h3> - -<p>The Eclipse Foundation makes available provisioning software, examples of which include, but are not limited to, p2 and the Eclipse - Update Manager ("Provisioning Technology") for the purpose of allowing users to install software, documentation, information and/or - other materials (collectively "Installable Software"). This capability is provided with the intent of allowing such users to - install, extend and update Eclipse-based products. Information about packaging Installable Software is available at <a - href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a> - ("Specification").</p> - -<p>You may use Provisioning Technology to allow other parties to install Installable Software. You shall be responsible for enabling the - applicable license agreements relating to the Installable Software to be presented to, and accepted by, the users of the Provisioning Technology - in accordance with the Specification. By using Provisioning Technology in such a manner and making it available in accordance with the - Specification, you further acknowledge your agreement to, and the acquisition of all necessary rights to permit the following:</p> - -<ol> - <li>A series of actions may occur ("Provisioning Process") in which a user may execute the Provisioning Technology - on a machine ("Target Machine") with the intent of installing, extending or updating the functionality of an Eclipse-based - product.</li> - <li>During the Provisioning Process, the Provisioning Technology may cause third party Installable Software or a portion thereof to be - accessed and copied to the Target Machine.</li> - <li>Pursuant to the Specification, you will provide to the user the terms and conditions that govern the use of the Installable - Software ("Installable Software Agreement") and such Installable Software Agreement shall be accessed from the Target - Machine in accordance with the Specification. Such Installable Software Agreement must inform the user of the terms and conditions that govern - the Installable Software and must solicit acceptance by the end user in the manner prescribed in such Installable Software Agreement. Upon such - indication of agreement by the user, the provisioning Technology will complete installation of the Installable Software.</li> -</ol> - -<h3>Cryptography</h3> - -<p>Content may contain encryption software. The country in which you are currently may have restrictions on the import, possession, and use, and/or re-export to - another country, of encryption software. BEFORE using any encryption software, please check the country's laws, regulations and policies concerning the import, - possession, or use, and re-export of encryption software, to see if this is permitted.</p> - -<p><small>Java and all Java-based trademarks are trademarks of Oracle Corporation in the United States, other countries, or both.</small></p> + <h2>Eclipse Foundation Software User Agreement</h2> + <p>November 22, 2017</p> + + <h3>Usage Of Content</h3> + + <p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, + INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS + (COLLECTIVELY "CONTENT"). USE OF THE CONTENT IS GOVERNED BY + THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND + CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED + BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS + GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY + APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED + BELOW. IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS + AGREEMENT AND THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE + AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT + USE THE CONTENT.</p> + + <h3>Applicable Licenses</h3> + + <p> + Unless otherwise indicated, all Content made available by the Eclipse + Foundation is provided to you under the terms and conditions of the + Eclipse Public License Version 2.0 ("EPL"). A copy of the + EPL is provided with this Content and is also available at <a + href="http://www.eclipse.org/legal/epl-2.0">http://www.eclipse.org/legal/epl-2.0</a>. + For purposes of the EPL, "Program" will mean the Content. + </p> + + <p>Content includes, but is not limited to, source code, object + code, documentation and other files maintained in the Eclipse + Foundation source code repository ("Repository") in software + modules ("Modules") and made available as downloadable + archives ("Downloads").</p> + + <ul> + <li>Content may be structured and packaged into modules to + facilitate delivering, extending, and upgrading the Content. Typical + modules may include plug-ins ("Plug-ins"), plug-in + fragments ("Fragments"), and features + ("Features").</li> + <li>Each Plug-in or Fragment may be packaged as a sub-directory + or JAR (Java™ ARchive) in a directory named + "plugins".</li> + <li>A Feature is a bundle of one or more Plug-ins and/or + Fragments and associated material. Each Feature may be packaged as a + sub-directory in a directory named "features". Within a + Feature, files named "feature.xml" may contain a list of + the names and version numbers of the Plug-ins and/or Fragments + associated with that Feature.</li> + <li>Features may also include other Features ("Included + Features"). Within a Feature, files named + "feature.xml" may contain a list of the names and version + numbers of Included Features.</li> + </ul> + + <p>The terms and conditions governing Plug-ins and Fragments should + be contained in files named "about.html" + ("Abouts"). The terms and conditions governing Features and + Included Features should be contained in files named + "license.html" ("Feature Licenses"). Abouts and + Feature Licenses may be located in any directory of a Download or + Module including, but not limited to the following locations:</p> + + <ul> + <li>The top-level (root) directory</li> + <li>Plug-in and Fragment directories</li> + <li>Inside Plug-ins and Fragments packaged as JARs</li> + <li>Sub-directories of the directory named "src" of + certain Plug-ins</li> + <li>Feature directories</li> + </ul> + + <p>Note: if a Feature made available by the Eclipse Foundation is + installed using the Provisioning Technology (as defined below), you + must agree to a license ("Feature Update License") during + the installation process. If the Feature contains Included Features, + the Feature Update License should either provide you with the terms + and conditions governing the Included Features or inform you where you + can locate them. Feature Update Licenses may be found in the + "license" property of files named + "feature.properties" found within a Feature. Such Abouts, + Feature Licenses, and Feature Update Licenses contain the terms and + conditions (or references to such terms and conditions) that govern + your use of the associated Content in that directory.</p> + + <p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY + REFER TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND + CONDITIONS. SOME OF THESE OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT + ARE NOT LIMITED TO):</p> + + <ul> + <li>Eclipse Public License Version 1.0 (available at <a + href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>) + </li> + <li>Eclipse Distribution License Version 1.0 (available at <a + href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>) + </li> + <li>Common Public License Version 1.0 (available at <a + href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>) + </li> + <li>Apache Software License 1.1 (available at <a + href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>) + </li> + <li>Apache Software License 2.0 (available at <a + href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>) + </li> + <li>Mozilla Public License Version 1.1 (available at <a + href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>) + </li> + </ul> + + <p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND + CONDITIONS PRIOR TO USE OF THE CONTENT. If no About, Feature License, + or Feature Update License is provided, please contact the Eclipse + Foundation to determine what terms and conditions govern that + particular Content.</p> + + + <h3>Use of Provisioning Technology</h3> + + <p> + The Eclipse Foundation makes available provisioning software, examples + of which include, but are not limited to, p2 and the Eclipse Update + Manager ("Provisioning Technology") for the purpose of + allowing users to install software, documentation, information and/or + other materials (collectively "Installable Software"). This + capability is provided with the intent of allowing such users to + install, extend and update Eclipse-based products. Information about + packaging Installable Software is available at <a + href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a> + ("Specification"). + </p> + + <p>You may use Provisioning Technology to allow other parties to + install Installable Software. You shall be responsible for enabling + the applicable license agreements relating to the Installable Software + to be presented to, and accepted by, the users of the Provisioning + Technology in accordance with the Specification. By using Provisioning + Technology in such a manner and making it available in accordance with + the Specification, you further acknowledge your agreement to, and the + acquisition of all necessary rights to permit the following:</p> + + <ol> + <li>A series of actions may occur ("Provisioning + Process") in which a user may execute the Provisioning + Technology on a machine ("Target Machine") with the intent + of installing, extending or updating the functionality of an + Eclipse-based product.</li> + <li>During the Provisioning Process, the Provisioning Technology + may cause third party Installable Software or a portion thereof to be + accessed and copied to the Target Machine.</li> + <li>Pursuant to the Specification, you will provide to the user + the terms and conditions that govern the use of the Installable + Software ("Installable Software Agreement") and such + Installable Software Agreement shall be accessed from the Target + Machine in accordance with the Specification. Such Installable + Software Agreement must inform the user of the terms and conditions + that govern the Installable Software and must solicit acceptance by + the end user in the manner prescribed in such Installable Software + Agreement. Upon such indication of agreement by the user, the + provisioning Technology will complete installation of the Installable + Software.</li> + </ol> + + <h3>Cryptography</h3> + + <p>Content may contain encryption software. The country in which + you are currently may have restrictions on the import, possession, and + use, and/or re-export to another country, of encryption software. + BEFORE using any encryption software, please check the country's laws, + regulations and policies concerning the import, possession, or use, + and re-export of encryption software, to see if this is permitted.</p> + + <p> + <small>Java and all Java-based trademarks are trademarks of + Oracle Corporation in the United States, other countries, or both.</small> + </p> </body> </html> diff --git a/org.eclipse.osbp.themes.feature/LICENSE.txt b/org.eclipse.osbp.themes.feature/LICENSE.txt index ff42ad4..fc5938d 100644 --- a/org.eclipse.osbp.themes.feature/LICENSE.txt +++ b/org.eclipse.osbp.themes.feature/LICENSE.txt @@ -1,161 +1,140 @@ -Eclipse Public License -v 1.0 - -THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION -OR DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT. - -1. DEFINITIONS - -"Contribution" means: - -a) in the case of the initial Contributor, the initial code and documentation distributed under this Agreement, and - -b) in the case of each subsequent Contributor: - -i) changes to the Program, and - -ii) additions to the Program; - -where such changes and/or additions to the Program originate from and are distributed by that particular Contributor. -A Contribution 'originates' from a Contributor if it was added to the Program by such Contributor itself or anyone -acting on such Contributor's behalf. Contributions do not include additions to the Program which: (i) are separate -modules of software distributed in conjunction with the Program under their own license agreement, and (ii) are not -derivative works of the Program. - -"Contributor" means any person or entity that distributes the Program. - -"Licensed Patents " mean patent claims licensable by a Contributor which are necessarily infringed by the use or sale of -its Contribution alone or when combined with the Program. - -"Program" means the Contributions distributed in accordance with this Agreement. - -"Recipient" means anyone who receives the Program under this Agreement, including all Contributors. - -2. GRANT OF RIGHTS - -a) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free copyright license to reproduce, prepare derivative works of, publicly display, publicly perform, distribute -and sublicense the Contribution of such Contributor, if any, and such derivative works, in source code and object code -form. - -b) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free patent license under Licensed Patents to make, use, sell, offer to sell, import and otherwise transfer the -Contribution of such Contributor, if any, in source code and object code form. This patent license shall apply to the -combination of the Contribution and the Program if, at the time the Contribution is added by the Contributor, such -addition of the Contribution causes such combination to be covered by the Licensed Patents. The patent license shall not -apply to any other combinations which include the Contribution. No hardware per se is licensed hereunder. - -c) Recipient understands that although each Contributor grants the licenses to its Contributions set forth herein, no -assurances are provided by any Contributor that the Program does not infringe the patent or other intellectual property -rights of any other entity. Each Contributor disclaims any liability to Recipient for claims brought by any other entity -based on infringement of intellectual property rights or otherwise. As a condition to exercising the rights and -licenses granted hereunder, each Recipient hereby assumes sole responsibility to secure any other intellectual property -rights needed, if any. For example, if a third party patent license is required to allow Recipient to distribute the -Program, it is Recipient's responsibility to acquire that license before distributing the Program. - -d) Each Contributor represents that to its knowledge it has sufficient copyright rights in its Contribution, if any, to -grant the copyright license set forth in this Agreement. - -3. REQUIREMENTS - -A Contributor may choose to distribute the Program in object code form under its own license agreement, provided that: - -a) it complies with the terms and conditions of this Agreement; and - -b) its license agreement: - -i) effectively disclaims on behalf of all Contributors all warranties and conditions, express and implied, including -warranties or conditions of title and non-infringement, and implied warranties or conditions of merchantability and -fitness for a particular purpose; - -ii) effectively excludes on behalf of all Contributors all liability for damages, including direct, indirect, special, -incidental and consequential damages, such as lost profits; - -iii) states that any provisions which differ from this Agreement are offered by that Contributor alone and not by any -other party; and - -iv) states that source code for the Program is available from such Contributor, and informs licensees how to obtain it -in a reasonable manner on or through a medium customarily used for software exchange. - -When the Program is made available in source code form: - -a) it must be made available under this Agreement; and - -b) a copy of this Agreement must be included with each copy of the Program. - -Contributors may not remove or alter any copyright notices contained within the Program. - -Each Contributor must identify itself as the originator of its Contribution, if any, in a manner that reasonably allows -subsequent Recipients to identify the originator of the Contribution. - -4. COMMERCIAL DISTRIBUTION - -Commercial distributors of software may accept certain responsibilities with respect to end users, business partners and -the like. While this license is intended to facilitate the commercial use of the Program, the Contributor who includes -the Program in a commercial product offering should do so in a manner which does not create potential liability for -other Contributors. Therefore, if a Contributor includes the Program in a commercial product offering, such Contributor -("Commercial Contributor") hereby agrees to defend and indemnify every other Contributor ("Indemnified Contributor") -against any losses, damages and costs (collectively "Losses") arising from claims, lawsuits and other legal actions -brought by a third party against the Indemnified Contributor to the extent caused by the acts or omissions of such -Commercial Contributor in connection with its distribution of the Program in a commercial product offering. The -obligations in this section do not apply to any claims or Losses relating to any actual or alleged intellectual -property infringement. In order to qualify, an Indemnified Contributor must: a) promptly notify the Commercial -Contributor in writing of such claim, and b) allow the Commercial Contributor to control, and cooperate with the -Commercial Contributor in, the defense and any related settlement negotiations. The Indemnified Contributor may - participate in any such claim at its own expense. - -For example, a Contributor might include the Program in a commercial product offering, Product X. That Contributor is -then a Commercial Contributor. If that Commercial Contributor then makes performance claims, or offers warranties -related to Product X, those performance claims and warranties are such Commercial Contributor's responsibility alone. -Under this section, the Commercial Contributor would have to defend claims against the other Contributors related to -those performance claims and warranties, and if a court requires any other Contributor to pay any damages as a result, -the Commercial Contributor must pay those damages. - -5. NO WARRANTY - -EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR -CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, -NON-INFRINGEMENT, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely responsible for -determining the appropriateness of using and distributing the Program and assumes all risks associated with its -exercise of rights under this Agreement , including but not limited to the risks and costs of program errors, compliance -with applicable laws, damage to or loss of data, programs or equipment, and unavailability or interruption of operations. - -6. DISCLAIMER OF LIABILITY - -EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY -DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST PROFITS), -HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR -OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED -HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. - -7. GENERAL - -If any provision of this Agreement is invalid or unenforceable under applicable law, it shall not affect the validity or -enforceability of the remainder of the terms of this Agreement, and without further action by the parties hereto, such -provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable. - -If Recipient institutes patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) -alleging that the Program itself (excluding combinations of the Program with other software or hardware) infringes such -Recipient's patent(s), then such Recipient's rights granted under Section 2(b) shall terminate as of the date such -litigation is filed. - -All Recipient's rights under this Agreement shall terminate if it fails to comply with any of the material terms or -conditions of this Agreement and does not cure such failure in a reasonable period of time after becoming aware of such -noncompliance. If all Recipient's rights under this Agreement terminate, Recipient agrees to cease use and distribution -of the Program as soon as reasonably practicable. However, Recipient's obligations under this Agreement and any licenses - granted by Recipient relating to the Program shall continue and survive. - -Everyone is permitted to copy and distribute copies of this Agreement, but in order to avoid inconsistency the Agreement -is copyrighted and may only be modified in the following manner. The Agreement Steward reserves the right to publish -new versions (including revisions) of this Agreement from time to time. No one other than the Agreement Steward has the -right to modify this Agreement. The Eclipse Foundation is the initial Agreement Steward. The Eclipse Foundation may -assign the responsibility to serve as the Agreement Steward to a suitable separate entity. Each new version of the -Agreement will be given a distinguishing version number. The Program (including Contributions) may always be -distributed subject to the version of the Agreement under which it was received. In addition, after a new version of -the Agreement is published, Contributor may elect to distribute the Program (including its Contributions) under the -new version. Except as expressly stated in Sections 2(a) and 2(b) above, Recipient receives no rights or licenses to -the intellectual property of any Contributor under this Agreement, whether expressly, by implication, estoppel or -otherwise. All rights in the Program not expressly granted under this Agreement are reserved. - -This Agreement is governed by the laws of the State of New York and the intellectual property laws of the United States -of America. No party to this Agreement will bring a legal action under this Agreement more than one year after the cause -of action arose. Each party waives its rights to a jury trial in any resulting litigation.
\ No newline at end of file +Eclipse Foundation Software User Agreement + +November 22, 2017 + +Usage Of Content + +THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION +AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS (COLLECTIVELY "CONTENT"). USE OF +THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE +TERMS AND CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED +BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS GOVERNED +BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE +AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE +TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND CONDITIONS OF ANY +APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU +MAY NOT USE THE CONTENT. + +Applicable Licenses + +Unless otherwise indicated, all Content made available by the Eclipse Foundation +is provided to you under the terms and conditions of the Eclipse Public License +Version 2.0 ("EPL"). A copy of the EPL is provided with this Content and is also +available at http://www.eclipse.org/legal/epl-2.0. For purposes of the EPL, +"Program" will mean the Content. + +Content includes, but is not limited to, source code, object code, documentation +and other files maintained in the Eclipse Foundation source code repository +("Repository") in software modules ("Modules") and made available as +downloadable archives ("Downloads"). + +- Content may be structured and packaged into modules to facilitate + delivering, extending, and upgrading the Content. Typical modules may + include plug-ins ("Plug-ins"), plug-in fragments ("Fragments"), and + features ("Features"). +- Each Plug-in or Fragment may be packaged as a sub-directory or JAR + (Javaâ„¢ ARchive) in a directory named "plugins". +- A Feature is a bundle of one or more Plug-ins and/or Fragments and + associated material. Each Feature may be packaged as a sub-directory in a + directory named "features". Within a Feature, files named "feature.xml" may + contain a list of the names and version numbers of the Plug-ins and/or + Fragments associated with that Feature. +- Features may also include other Features ("Included Features"). Within a + Feature, files named "feature.xml" may contain a list of the names and + version numbers of Included Features. + +The terms and conditions governing Plug-ins and Fragments should be contained in +files named "about.html" ("Abouts"). The terms and conditions governing Features +and Included Features should be contained in files named "license.html" +("Feature Licenses"). Abouts and Feature Licenses may be located in any +directory of a Download or Module including, but not limited to the following +locations: + +- The top-level (root) directory +- Plug-in and Fragment directories +- Inside Plug-ins and Fragments packaged as JARs +- Sub-directories of the directory named "src" of certain Plug-ins +- Feature directories + +Note: if a Feature made available by the Eclipse Foundation is installed using +the Provisioning Technology (as defined below), you must agree to a license +("Feature Update License") during the installation process. If the Feature +contains Included Features, the Feature Update License should either provide you +with the terms and conditions governing the Included Features or inform you +where you can locate them. Feature Update Licenses may be found in the "license" +property of files named "feature.properties" found within a Feature. Such +Abouts, Feature Licenses, and Feature Update Licenses contain the terms and +conditions (or references to such terms and conditions) that govern your use of +the associated Content in that directory. + +THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER TO THE EPL +OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. SOME OF THESE +OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO): + +- Eclipse Public License Version 1.0 (available at + http://www.eclipse.org/legal/epl-v10.html) +- Eclipse Distribution License Version 1.0 (available at + http://www.eclipse.org/licenses/edl-v1.0.html) +- Common Public License Version 1.0 (available at + http://www.eclipse.org/legal/cpl-v10.html) +- Apache Software License 1.1 (available at + http://www.apache.org/licenses/LICENSE) +- Apache Software License 2.0 (available at + http://www.apache.org/licenses/LICENSE-2.0) +- Mozilla Public License Version 1.1 (available at + http://www.mozilla.org/MPL/MPL-1.1.html) + +IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND CONDITIONS PRIOR TO +USE OF THE CONTENT. If no About, Feature License, or Feature Update License is +provided, please contact the Eclipse Foundation to determine what terms and +conditions govern that particular Content. + +Use of Provisioning Technology + +The Eclipse Foundation makes available provisioning software, examples of which +include, but are not limited to, p2 and the Eclipse Update Manager +("Provisioning Technology") for the purpose of allowing users to install +software, documentation, information and/or other materials (collectively +"Installable Software"). This capability is provided with the intent of allowing +such users to install, extend and update Eclipse-based products. Information +about packaging Installable Software is available at +http://eclipse.org/equinox/p2/repository_packaging.html ("Specification"). + +You may use Provisioning Technology to allow other parties to install +Installable Software. You shall be responsible for enabling the applicable +license agreements relating to the Installable Software to be presented to, and +accepted by, the users of the Provisioning Technology in accordance with the +Specification. By using Provisioning Technology in such a manner and making it +available in accordance with the Specification, you further acknowledge your +agreement to, and the acquisition of all necessary rights to permit the +following: + +1. A series of actions may occur ("Provisioning Process") in which a user may + execute the Provisioning Technology on a machine ("Target Machine") with the + intent of installing, extending or updating the functionality of an + Eclipse-based product. +2. During the Provisioning Process, the Provisioning Technology may cause third + party Installable Software or a portion thereof to be accessed and copied to + the Target Machine. +3. Pursuant to the Specification, you will provide to the user the terms and + conditions that govern the use of the Installable Software ("Installable + Software Agreement") and such Installable Software Agreement shall be + accessed from the Target Machine in accordance with the Specification. Such + Installable Software Agreement must inform the user of the terms and + conditions that govern the Installable Software and must solicit acceptance + by the end user in the manner prescribed in such Installable + Software Agreement. Upon such indication of agreement by the user, the + provisioning Technology will complete installation of the + Installable Software. + +Cryptography + +Content may contain encryption software. The country in which you are currently +may have restrictions on the import, possession, and use, and/or re-export to +another country, of encryption software. BEFORE using any encryption software, +please check the country's laws, regulations and policies concerning the import, +possession, or use, and re-export of encryption software, to see if this is +permitted. + +Java and all Java-based trademarks are trademarks of Oracle Corporation in the +United States, other countries, or both. diff --git a/org.eclipse.osbp.themes.feature/build.properties b/org.eclipse.osbp.themes.feature/build.properties index b8920ff..d6b1b0a 100644 --- a/org.eclipse.osbp.themes.feature/build.properties +++ b/org.eclipse.osbp.themes.feature/build.properties @@ -1,2 +1,2 @@ -bin.includes = license.html, epl-v10.html, feature.xml,\ +bin.includes = license.html, epl-2.0.html, feature.xml,\ feature.properties diff --git a/org.eclipse.osbp.themes.feature/epl-2.0.html b/org.eclipse.osbp.themes.feature/epl-2.0.html new file mode 100644 index 0000000..637a181 --- /dev/null +++ b/org.eclipse.osbp.themes.feature/epl-2.0.html @@ -0,0 +1,300 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>Eclipse Public License - Version 2.0</title> + <style type="text/css"> + body { + margin: 1.5em 3em; + } + h1{ + font-size:1.5em; + } + h2{ + font-size:1em; + margin-bottom:0.5em; + margin-top:1em; + } + p { + margin-top: 0.5em; + margin-bottom: 0.5em; + } + ul, ol{ + list-style-type:none; + } + </style> + </head> + <body> + <h1>Eclipse Public License - v 2.0</h1> + <p>THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE + PUBLIC LICENSE (“AGREEMENT”). ANY USE, REPRODUCTION OR DISTRIBUTION + OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT. + </p> + <h2 id="definitions">1. DEFINITIONS</h2> + <p>“Contribution” means:</p> + <ul> + <li>a) in the case of the initial Contributor, the initial content + Distributed under this Agreement, and + </li> + <li> + b) in the case of each subsequent Contributor: + <ul> + <li>i) changes to the Program, and</li> + <li>ii) additions to the Program;</li> + </ul> + where such changes and/or additions to the Program originate from + and are Distributed by that particular Contributor. A Contribution + “originates” from a Contributor if it was added to the Program by such + Contributor itself or anyone acting on such Contributor's behalf. + Contributions do not include changes or additions to the Program that + are not Modified Works. + </li> + </ul> + <p>“Contributor” means any person or entity that Distributes the Program.</p> + <p>“Licensed Patents” mean patent claims licensable by a Contributor which + are necessarily infringed by the use or sale of its Contribution alone + or when combined with the Program. + </p> + <p>“Program” means the Contributions Distributed in accordance with this + Agreement. + </p> + <p>“Recipient” means anyone who receives the Program under this Agreement + or any Secondary License (as applicable), including Contributors. + </p> + <p>“Derivative Works” shall mean any work, whether in Source Code or other + form, that is based on (or derived from) the Program and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. + </p> + <p>“Modified Works” shall mean any work in Source Code or other form that + results from an addition to, deletion from, or modification of the + contents of the Program, including, for purposes of clarity any new file + in Source Code form that contains any contents of the Program. Modified + Works shall not include works that contain only declarations, interfaces, + types, classes, structures, or files of the Program solely in each case + in order to link to, bind by name, or subclass the Program or Modified + Works thereof. + </p> + <p>“Distribute” means the acts of a) distributing or b) making available + in any manner that enables the transfer of a copy. + </p> + <p>“Source Code” means the form of a Program preferred for making + modifications, including but not limited to software source code, + documentation source, and configuration files. + </p> + <p>“Secondary License” means either the GNU General Public License, + Version 2.0, or any later versions of that license, including any + exceptions or additional permissions as identified by the initial + Contributor. + </p> + <h2 id="grant-of-rights">2. GRANT OF RIGHTS</h2> + <ul> + <li>a) Subject to the terms of this Agreement, each Contributor hereby + grants Recipient a non-exclusive, worldwide, royalty-free copyright + license to reproduce, prepare Derivative Works of, publicly display, + publicly perform, Distribute and sublicense the Contribution of such + Contributor, if any, and such Derivative Works. + </li> + <li>b) Subject to the terms of this Agreement, each Contributor hereby + grants Recipient a non-exclusive, worldwide, royalty-free patent + license under Licensed Patents to make, use, sell, offer to sell, + import and otherwise transfer the Contribution of such Contributor, + if any, in Source Code or other form. This patent license shall + apply to the combination of the Contribution and the Program if, + at the time the Contribution is added by the Contributor, such + addition of the Contribution causes such combination to be covered + by the Licensed Patents. The patent license shall not apply to any + other combinations which include the Contribution. No hardware per + se is licensed hereunder. + </li> + <li>c) Recipient understands that although each Contributor grants the + licenses to its Contributions set forth herein, no assurances are + provided by any Contributor that the Program does not infringe the + patent or other intellectual property rights of any other entity. + Each Contributor disclaims any liability to Recipient for claims + brought by any other entity based on infringement of intellectual + property rights or otherwise. As a condition to exercising the rights + and licenses granted hereunder, each Recipient hereby assumes sole + responsibility to secure any other intellectual property rights needed, + if any. For example, if a third party patent license is required to + allow Recipient to Distribute the Program, it is Recipient's + responsibility to acquire that license before distributing the Program. + </li> + <li>d) Each Contributor represents that to its knowledge it has sufficient + copyright rights in its Contribution, if any, to grant the copyright + license set forth in this Agreement. + </li> + <li>e) Notwithstanding the terms of any Secondary License, no Contributor + makes additional grants to any Recipient (other than those set forth + in this Agreement) as a result of such Recipient's receipt of the + Program under the terms of a Secondary License (if permitted under + the terms of Section 3). + </li> + </ul> + <h2 id="requirements">3. REQUIREMENTS</h2> + <p>3.1 If a Contributor Distributes the Program in any form, then:</p> + <ul> + <li>a) the Program must also be made available as Source Code, in + accordance with section 3.2, and the Contributor must accompany + the Program with a statement that the Source Code for the Program + is available under this Agreement, and informs Recipients how to + obtain it in a reasonable manner on or through a medium customarily + used for software exchange; and + </li> + <li> + b) the Contributor may Distribute the Program under a license + different than this Agreement, provided that such license: + <ul> + <li>i) effectively disclaims on behalf of all other Contributors all + warranties and conditions, express and implied, including warranties + or conditions of title and non-infringement, and implied warranties + or conditions of merchantability and fitness for a particular purpose; + </li> + <li>ii) effectively excludes on behalf of all other Contributors all + liability for damages, including direct, indirect, special, incidental + and consequential damages, such as lost profits; + </li> + <li>iii) does not attempt to limit or alter the recipients' rights in the + Source Code under section 3.2; and + </li> + <li>iv) requires any subsequent distribution of the Program by any party + to be under a license that satisfies the requirements of this section 3. + </li> + </ul> + </li> + </ul> + <p>3.2 When the Program is Distributed as Source Code:</p> + <ul> + <li>a) it must be made available under this Agreement, or if the Program (i) + is combined with other material in a separate file or files made available + under a Secondary License, and (ii) the initial Contributor attached to + the Source Code the notice described in Exhibit A of this Agreement, + then the Program may be made available under the terms of such + Secondary Licenses, and + </li> + <li>b) a copy of this Agreement must be included with each copy of the Program.</li> + </ul> + <p>3.3 Contributors may not remove or alter any copyright, patent, trademark, + attribution notices, disclaimers of warranty, or limitations of liability + (‘notices’) contained within the Program from any copy of the Program which + they Distribute, provided that Contributors may add their own appropriate + notices. + </p> + <h2 id="commercial-distribution">4. COMMERCIAL DISTRIBUTION</h2> + <p>Commercial distributors of software may accept certain responsibilities + with respect to end users, business partners and the like. While this + license is intended to facilitate the commercial use of the Program, the + Contributor who includes the Program in a commercial product offering should + do so in a manner which does not create potential liability for other + Contributors. Therefore, if a Contributor includes the Program in a + commercial product offering, such Contributor (“Commercial Contributor”) + hereby agrees to defend and indemnify every other Contributor + (“Indemnified Contributor”) against any losses, damages and costs + (collectively “Losses”) arising from claims, lawsuits and other legal actions + brought by a third party against the Indemnified Contributor to the extent + caused by the acts or omissions of such Commercial Contributor in connection + with its distribution of the Program in a commercial product offering. + The obligations in this section do not apply to any claims or Losses relating + to any actual or alleged intellectual property infringement. In order to + qualify, an Indemnified Contributor must: a) promptly notify the + Commercial Contributor in writing of such claim, and b) allow the Commercial + Contributor to control, and cooperate with the Commercial Contributor in, + the defense and any related settlement negotiations. The Indemnified + Contributor may participate in any such claim at its own expense. + </p> + <p>For example, a Contributor might include the Program + in a commercial product offering, Product X. That Contributor is then a + Commercial Contributor. If that Commercial Contributor then makes performance + claims, or offers warranties related to Product X, those performance claims + and warranties are such Commercial Contributor's responsibility alone. + Under this section, the Commercial Contributor would have to defend claims + against the other Contributors related to those performance claims and + warranties, and if a court requires any other Contributor to pay any damages + as a result, the Commercial Contributor must pay those damages. + </p> + <h2 id="warranty">5. NO WARRANTY</h2> + <p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, AND TO THE EXTENT PERMITTED + BY APPLICABLE LAW, THE PROGRAM IS PROVIDED ON AN “AS IS” BASIS, WITHOUT + WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, + WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT, + MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is + solely responsible for determining the appropriateness of using and + distributing the Program and assumes all risks associated with its + exercise of rights under this Agreement, including but not limited to the + risks and costs of program errors, compliance with applicable laws, damage + to or loss of data, programs or equipment, and unavailability or + interruption of operations. + </p> + <h2 id="disclaimer">6. DISCLAIMER OF LIABILITY</h2> + <p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, AND TO THE EXTENT PERMITTED + BY APPLICABLE LAW, NEITHER RECIPIENT NOR ANY CONTRIBUTORS SHALL HAVE ANY + LIABILITY FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, + OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST PROFITS), + HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT + LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY + OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS + GRANTED HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + </p> + <h2 id="general">7. GENERAL</h2> + <p>If any provision of this Agreement is invalid or unenforceable under + applicable law, it shall not affect the validity or enforceability of the + remainder of the terms of this Agreement, and without further action by the + parties hereto, such provision shall be reformed to the minimum extent + necessary to make such provision valid and enforceable. + </p> + <p>If Recipient institutes patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Program itself + (excluding combinations of the Program with other software or hardware) + infringes such Recipient's patent(s), then such Recipient's rights granted + under Section 2(b) shall terminate as of the date such litigation is filed. + </p> + <p>All Recipient's rights under this Agreement shall terminate if it fails to + comply with any of the material terms or conditions of this Agreement and + does not cure such failure in a reasonable period of time after becoming + aware of such noncompliance. If all Recipient's rights under this Agreement + terminate, Recipient agrees to cease use and distribution of the Program + as soon as reasonably practicable. However, Recipient's obligations under + this Agreement and any licenses granted by Recipient relating to the + Program shall continue and survive. + </p> + <p>Everyone is permitted to copy and distribute copies of this Agreement, + but in order to avoid inconsistency the Agreement is copyrighted and may + only be modified in the following manner. The Agreement Steward reserves + the right to publish new versions (including revisions) of this Agreement + from time to time. No one other than the Agreement Steward has the right + to modify this Agreement. The Eclipse Foundation is the initial Agreement + Steward. The Eclipse Foundation may assign the responsibility to serve as + the Agreement Steward to a suitable separate entity. Each new version of + the Agreement will be given a distinguishing version number. The Program + (including Contributions) may always be Distributed subject to the version + of the Agreement under which it was received. In addition, after a new + version of the Agreement is published, Contributor may elect to Distribute + the Program (including its Contributions) under the new version. + </p> + <p>Except as expressly stated in Sections 2(a) and 2(b) above, Recipient + receives no rights or licenses to the intellectual property of any + Contributor under this Agreement, whether expressly, by implication, + estoppel or otherwise. All rights in the Program not expressly granted + under this Agreement are reserved. Nothing in this Agreement is intended + to be enforceable by any entity that is not a Contributor or Recipient. + No third-party beneficiary rights are created under this Agreement. + </p> + <h2 id="exhibit-a">Exhibit A – Form of Secondary Licenses Notice</h2> + <p>“This Source Code may also be made available under the following + Secondary Licenses when the conditions for such availability set forth + in the Eclipse Public License, v. 2.0 are satisfied: {name license(s), + version(s), and exceptions or additional permissions here}.” + </p> + <blockquote> + <p>Simply including a copy of this Agreement, including this Exhibit A + is not sufficient to license the Source Code under Secondary Licenses. + </p> + <p>If it is not possible or desirable to put the notice in a particular file, + then You may include the notice in a location (such as a LICENSE file in a + relevant directory) where a recipient would be likely to look for + such a notice. + </p> + <p>You may add additional accurate notices of copyright ownership.</p> + </blockquote> + </body> +</html>
\ No newline at end of file diff --git a/org.eclipse.osbp.themes.feature/epl-v10.html b/org.eclipse.osbp.themes.feature/epl-v10.html deleted file mode 100644 index b398acc..0000000 --- a/org.eclipse.osbp.themes.feature/epl-v10.html +++ /dev/null @@ -1,259 +0,0 @@ -<!--?xml version="1.0" encoding="ISO-8859-1" ?--> -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> -<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> -<title>Eclipse Public License - Version 1.0</title> -<style type="text/css"> - body { - size: 8.5in 11.0in; - margin: 0.25in 0.5in 0.25in 0.5in; - tab-interval: 0.5in; - } - p { - margin-left: auto; - margin-top: 0.5em; - margin-bottom: 0.5em; - } - p.list { - margin-left: 0.5in; - margin-top: 0.05em; - margin-bottom: 0.05em; - } - </style> - -</head> - -<body lang="EN-US"> - -<h2>Eclipse Public License - v 1.0</h2> - -<p>THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE -PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION OR -DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS -AGREEMENT.</p> - -<p><b>1. DEFINITIONS</b></p> - -<p>"Contribution" means:</p> - -<p class="list">a) in the case of the initial Contributor, the initial -code and documentation distributed under this Agreement, and</p> -<p class="list">b) in the case of each subsequent Contributor:</p> -<p class="list">i) changes to the Program, and</p> -<p class="list">ii) additions to the Program;</p> -<p class="list">where such changes and/or additions to the Program -originate from and are distributed by that particular Contributor. A -Contribution 'originates' from a Contributor if it was added to the -Program by such Contributor itself or anyone acting on such -Contributor's behalf. Contributions do not include additions to the -Program which: (i) are separate modules of software distributed in -conjunction with the Program under their own license agreement, and (ii) -are not derivative works of the Program.</p> - -<p>"Contributor" means any person or entity that distributes -the Program.</p> - -<p>"Licensed Patents" mean patent claims licensable by a -Contributor which are necessarily infringed by the use or sale of its -Contribution alone or when combined with the Program.</p> - -<p>"Program" means the Contributions distributed in accordance -with this Agreement.</p> - -<p>"Recipient" means anyone who receives the Program under -this Agreement, including all Contributors.</p> - -<p><b>2. GRANT OF RIGHTS</b></p> - -<p class="list">a) Subject to the terms of this Agreement, each -Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free copyright license to reproduce, prepare derivative works -of, publicly display, publicly perform, distribute and sublicense the -Contribution of such Contributor, if any, and such derivative works, in -source code and object code form.</p> - -<p class="list">b) Subject to the terms of this Agreement, each -Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free patent license under Licensed Patents to make, use, sell, -offer to sell, import and otherwise transfer the Contribution of such -Contributor, if any, in source code and object code form. This patent -license shall apply to the combination of the Contribution and the -Program if, at the time the Contribution is added by the Contributor, -such addition of the Contribution causes such combination to be covered -by the Licensed Patents. The patent license shall not apply to any other -combinations which include the Contribution. No hardware per se is -licensed hereunder.</p> - -<p class="list">c) Recipient understands that although each Contributor -grants the licenses to its Contributions set forth herein, no assurances -are provided by any Contributor that the Program does not infringe the -patent or other intellectual property rights of any other entity. Each -Contributor disclaims any liability to Recipient for claims brought by -any other entity based on infringement of intellectual property rights -or otherwise. As a condition to exercising the rights and licenses -granted hereunder, each Recipient hereby assumes sole responsibility to -secure any other intellectual property rights needed, if any. For -example, if a third party patent license is required to allow Recipient -to distribute the Program, it is Recipient's responsibility to acquire -that license before distributing the Program.</p> - -<p class="list">d) Each Contributor represents that to its knowledge it -has sufficient copyright rights in its Contribution, if any, to grant -the copyright license set forth in this Agreement.</p> - -<p><b>3. REQUIREMENTS</b></p> - -<p>A Contributor may choose to distribute the Program in object code -form under its own license agreement, provided that:</p> - -<p class="list">a) it complies with the terms and conditions of this -Agreement; and</p> - -<p class="list">b) its license agreement:</p> - -<p class="list">i) effectively disclaims on behalf of all Contributors -all warranties and conditions, express and implied, including warranties -or conditions of title and non-infringement, and implied warranties or -conditions of merchantability and fitness for a particular purpose;</p> - -<p class="list">ii) effectively excludes on behalf of all Contributors -all liability for damages, including direct, indirect, special, -incidental and consequential damages, such as lost profits;</p> - -<p class="list">iii) states that any provisions which differ from this -Agreement are offered by that Contributor alone and not by any other -party; and</p> - -<p class="list">iv) states that source code for the Program is available -from such Contributor, and informs licensees how to obtain it in a -reasonable manner on or through a medium customarily used for software -exchange.</p> - -<p>When the Program is made available in source code form:</p> - -<p class="list">a) it must be made available under this Agreement; and</p> - -<p class="list">b) a copy of this Agreement must be included with each -copy of the Program.</p> - -<p>Contributors may not remove or alter any copyright notices contained -within the Program.</p> - -<p>Each Contributor must identify itself as the originator of its -Contribution, if any, in a manner that reasonably allows subsequent -Recipients to identify the originator of the Contribution.</p> - -<p><b>4. COMMERCIAL DISTRIBUTION</b></p> - -<p>Commercial distributors of software may accept certain -responsibilities with respect to end users, business partners and the -like. While this license is intended to facilitate the commercial use of -the Program, the Contributor who includes the Program in a commercial -product offering should do so in a manner which does not create -potential liability for other Contributors. Therefore, if a Contributor -includes the Program in a commercial product offering, such Contributor -("Commercial Contributor") hereby agrees to defend and -indemnify every other Contributor ("Indemnified Contributor") -against any losses, damages and costs (collectively "Losses") -arising from claims, lawsuits and other legal actions brought by a third -party against the Indemnified Contributor to the extent caused by the -acts or omissions of such Commercial Contributor in connection with its -distribution of the Program in a commercial product offering. The -obligations in this section do not apply to any claims or Losses -relating to any actual or alleged intellectual property infringement. In -order to qualify, an Indemnified Contributor must: a) promptly notify -the Commercial Contributor in writing of such claim, and b) allow the -Commercial Contributor to control, and cooperate with the Commercial -Contributor in, the defense and any related settlement negotiations. The -Indemnified Contributor may participate in any such claim at its own -expense.</p> - -<p>For example, a Contributor might include the Program in a commercial -product offering, Product X. That Contributor is then a Commercial -Contributor. If that Commercial Contributor then makes performance -claims, or offers warranties related to Product X, those performance -claims and warranties are such Commercial Contributor's responsibility -alone. Under this section, the Commercial Contributor would have to -defend claims against the other Contributors related to those -performance claims and warranties, and if a court requires any other -Contributor to pay any damages as a result, the Commercial Contributor -must pay those damages.</p> - -<p><b>5. NO WARRANTY</b></p> - -<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS -PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS -OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, -ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY -OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely -responsible for determining the appropriateness of using and -distributing the Program and assumes all risks associated with its -exercise of rights under this Agreement , including but not limited to -the risks and costs of program errors, compliance with applicable laws, -damage to or loss of data, programs or equipment, and unavailability or -interruption of operations.</p> - -<p><b>6. DISCLAIMER OF LIABILITY</b></p> - -<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT -NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY DIRECT, INDIRECT, -INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING -WITHOUT LIMITATION LOST PROFITS), HOWEVER CAUSED AND ON ANY THEORY OF -LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING -NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR -DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED -HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</p> - -<p><b>7. GENERAL</b></p> - -<p>If any provision of this Agreement is invalid or unenforceable under -applicable law, it shall not affect the validity or enforceability of -the remainder of the terms of this Agreement, and without further action -by the parties hereto, such provision shall be reformed to the minimum -extent necessary to make such provision valid and enforceable.</p> - -<p>If Recipient institutes patent litigation against any entity -(including a cross-claim or counterclaim in a lawsuit) alleging that the -Program itself (excluding combinations of the Program with other -software or hardware) infringes such Recipient's patent(s), then such -Recipient's rights granted under Section 2(b) shall terminate as of the -date such litigation is filed.</p> - -<p>All Recipient's rights under this Agreement shall terminate if it -fails to comply with any of the material terms or conditions of this -Agreement and does not cure such failure in a reasonable period of time -after becoming aware of such noncompliance. If all Recipient's rights -under this Agreement terminate, Recipient agrees to cease use and -distribution of the Program as soon as reasonably practicable. However, -Recipient's obligations under this Agreement and any licenses granted by -Recipient relating to the Program shall continue and survive.</p> - -<p>Everyone is permitted to copy and distribute copies of this -Agreement, but in order to avoid inconsistency the Agreement is -copyrighted and may only be modified in the following manner. The -Agreement Steward reserves the right to publish new versions (including -revisions) of this Agreement from time to time. No one other than the -Agreement Steward has the right to modify this Agreement. The Eclipse -Foundation is the initial Agreement Steward. The Eclipse Foundation may -assign the responsibility to serve as the Agreement Steward to a -suitable separate entity. Each new version of the Agreement will be -given a distinguishing version number. The Program (including -Contributions) may always be distributed subject to the version of the -Agreement under which it was received. In addition, after a new version -of the Agreement is published, Contributor may elect to distribute the -Program (including its Contributions) under the new version. Except as -expressly stated in Sections 2(a) and 2(b) above, Recipient receives no -rights or licenses to the intellectual property of any Contributor under -this Agreement, whether expressly, by implication, estoppel or -otherwise. All rights in the Program not expressly granted under this -Agreement are reserved.</p> - -<p>This Agreement is governed by the laws of the State of New York and -the intellectual property laws of the United States of America. No party -to this Agreement will bring a legal action under this Agreement more -than one year after the cause of action arose. Each party waives its -rights to a jury trial in any resulting litigation.</p> - - - -</body></html>
\ No newline at end of file diff --git a/org.eclipse.osbp.themes.feature/feature.properties b/org.eclipse.osbp.themes.feature/feature.properties index f301c46..8f3fc3a 100644 --- a/org.eclipse.osbp.themes.feature/feature.properties +++ b/org.eclipse.osbp.themes.feature/feature.properties @@ -1,9 +1,11 @@ ############################################################################### # Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany). # All rights reserved. This program and the accompanying materials -# are made available under the terms of the Eclipse Public License v1.0 +# are made available under the terms of the Eclipse Public License 2.0 # which accompanies this distribution, and is available at -# http://www.eclipse.org/legal/epl-v10.html +# https://www.eclipse.org/legal/epl-2.0/ +# +# SPDX-License-Identifier: EPL-2.0 # # Contributors: # Cristiano Gavião - initial API and implementation @@ -30,9 +32,11 @@ updateSiteName= copyright=\ Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany) \n\ All rights reserved. This program and the accompanying materials\n\ -are made available under the terms of the Eclipse Public License v1.0\n\ +are made available under the terms of the Eclipse Public License 2.0 \n\ which accompanies this distribution, and is available at\n\ -http://www.eclipse.org/legal/epl-v10.html\n\ +https://www.eclipse.org/legal/epl-2.0/\n\ +\n\ +SPDX-License-Identifier: EPL-2.0\n\ \n\ ################ end of copyright property #################################### @@ -44,126 +48,143 @@ licenseURL=license.html # should be plain text version of license agreement pointed to be "licenseURL" license=\ Eclipse Foundation Software User Agreement\n\ -February 1, 2011\n\ +\n\ +November 22, 2017\n\ \n\ Usage Of Content\n\ \n\ -THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION AND/OR\n\ -OTHER MATERIALS FOR OPEN SOURCE PROJECTS (COLLECTIVELY "CONTENT").\n\ -USE OF THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS\n\ -AGREEMENT AND/OR THE TERMS AND CONDITIONS OF LICENSE AGREEMENTS OR\n\ -NOTICES INDICATED OR REFERENCED BELOW. BY USING THE CONTENT, YOU\n\ -AGREE THAT YOUR USE OF THE CONTENT IS GOVERNED BY THIS AGREEMENT\n\ -AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS\n\ -OR NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE\n\ -TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND CONDITIONS\n\ -OF ANY APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED\n\ -BELOW, THEN YOU MAY NOT USE THE CONTENT.\n\ +THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION\n\ +AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS (COLLECTIVELY "CONTENT"). USE OF\n\ +THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE\n\ +TERMS AND CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED\n\ +BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS GOVERNED\n\ +BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE\n\ +AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE\n\ +TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND CONDITIONS OF ANY\n\ +APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU\n\ +MAY NOT USE THE CONTENT.\n\ \n\ Applicable Licenses\n\ \n\ -Unless otherwise indicated, all Content made available by the\n\ -Eclipse Foundation is provided to you under the terms and conditions of\n\ -the Eclipse Public License Version 1.0 ("EPL"). A copy of the EPL is\n\ -provided with this Content and is also available at http://www.eclipse.org/legal/epl-v10.html.\n\ -For purposes of the EPL, "Program" will mean the Content.\n\ -\n\ -Content includes, but is not limited to, source code, object code,\n\ -documentation and other files maintained in the Eclipse Foundation source code\n\ -repository ("Repository") in software modules ("Modules") and made available\n\ -as downloadable archives ("Downloads").\n\ -\n\ - - Content may be structured and packaged into modules to facilitate delivering,\n\ - extending, and upgrading the Content. Typical modules may include plug-ins ("Plug-ins"),\n\ - plug-in fragments ("Fragments"), and features ("Features").\n\ - - Each Plug-in or Fragment may be packaged as a sub-directory or JAR (Java(TM) ARchive)\n\ - in a directory named "plugins".\n\ - - A Feature is a bundle of one or more Plug-ins and/or Fragments and associated material.\n\ - Each Feature may be packaged as a sub-directory in a directory named "features".\n\ - Within a Feature, files named "feature.xml" may contain a list of the names and version\n\ - numbers of the Plug-ins and/or Fragments associated with that Feature.\n\ - - Features may also include other Features ("Included Features"). Within a Feature, files\n\ - named "feature.xml" may contain a list of the names and version numbers of Included Features.\n\ -\n\ -The terms and conditions governing Plug-ins and Fragments should be\n\ -contained in files named "about.html" ("Abouts"). The terms and\n\ -conditions governing Features and Included Features should be contained\n\ -in files named "license.html" ("Feature Licenses"). Abouts and Feature\n\ -Licenses may be located in any directory of a Download or Module\n\ -including, but not limited to the following locations:\n\ -\n\ - - The top-level (root) directory\n\ - - Plug-in and Fragment directories\n\ - - Inside Plug-ins and Fragments packaged as JARs\n\ - - Sub-directories of the directory named "src" of certain Plug-ins\n\ - - Feature directories\n\ -\n\ -Note: if a Feature made available by the Eclipse Foundation is installed using the\n\ -Provisioning Technology (as defined below), you must agree to a license ("Feature \n\ -Update License") during the installation process. If the Feature contains\n\ -Included Features, the Feature Update License should either provide you\n\ -with the terms and conditions governing the Included Features or inform\n\ -you where you can locate them. Feature Update Licenses may be found in\n\ -the "license" property of files named "feature.properties" found within a Feature.\n\ -Such Abouts, Feature Licenses, and Feature Update Licenses contain the\n\ -terms and conditions (or references to such terms and conditions) that\n\ -govern your use of the associated Content in that directory.\n\ -\n\ -THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER\n\ -TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS.\n\ -SOME OF THESE OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):\n\ -\n\ - - Eclipse Distribution License Version 1.0 (available at http://www.eclipse.org/licenses/edl-v1.0.html)\n\ - - Common Public License Version 1.0 (available at http://www.eclipse.org/legal/cpl-v10.html)\n\ - - Apache Software License 1.1 (available at http://www.apache.org/licenses/LICENSE)\n\ - - Apache Software License 2.0 (available at http://www.apache.org/licenses/LICENSE-2.0)\n\ - - Metro Link Public License 1.00 (available at http://www.opengroup.org/openmotif/supporters/metrolink/license.html)\n\ - - Mozilla Public License Version 1.1 (available at http://www.mozilla.org/MPL/MPL-1.1.html)\n\ -\n\ -IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND CONDITIONS PRIOR\n\ -TO USE OF THE CONTENT. If no About, Feature License, or Feature Update License\n\ -is provided, please contact the Eclipse Foundation to determine what terms and conditions\n\ -govern that particular Content.\n\ -\n\ -\n\Use of Provisioning Technology\n\ -\n\ -The Eclipse Foundation makes available provisioning software, examples of which include,\n\ -but are not limited to, p2 and the Eclipse Update Manager ("Provisioning Technology") for\n\ -the purpose of allowing users to install software, documentation, information and/or\n\ -other materials (collectively "Installable Software"). This capability is provided with\n\ -the intent of allowing such users to install, extend and update Eclipse-based products.\n\ -Information about packaging Installable Software is available at\n\ +Unless otherwise indicated, all Content made available by the Eclipse Foundation\n\ +is provided to you under the terms and conditions of the Eclipse Public License\n\ +Version 2.0 ("EPL"). A copy of the EPL is provided with this Content and is also\n\ +available at http://www.eclipse.org/legal/epl-2.0. For purposes of the EPL,\n\ +"Program" will mean the Content.\n\ +\n\ +Content includes, but is not limited to, source code, object code, documentation\n\ +and other files maintained in the Eclipse Foundation source code repository\n\ +("Repository") in software modules ("Modules") and made available as\n\ +downloadable archives ("Downloads").\n\ +\n\ +- Content may be structured and packaged into modules to facilitate\n\ + delivering, extending, and upgrading the Content. Typical modules may\n\ + include plug-ins ("Plug-ins"), plug-in fragments ("Fragments"), and\n\ + features ("Features").\n\ +- Each Plug-in or Fragment may be packaged as a sub-directory or JAR\n\ + (Javaâ„¢ ARchive) in a directory named "plugins".\n\ +- A Feature is a bundle of one or more Plug-ins and/or Fragments and\n\ + associated material. Each Feature may be packaged as a sub-directory in a\n\ + directory named "features". Within a Feature, files named "feature.xml" may\n\ + contain a list of the names and version numbers of the Plug-ins and/or\n\ + Fragments associated with that Feature.\n\ +- Features may also include other Features ("Included Features"). Within a\n\ + Feature, files named "feature.xml" may contain a list of the names and\n\ + version numbers of Included Features.\n\ +\n\ +The terms and conditions governing Plug-ins and Fragments should be contained in\n\ +files named "about.html" ("Abouts"). The terms and conditions governing Features\n\ +and Included Features should be contained in files named "license.html"\n\ +("Feature Licenses"). Abouts and Feature Licenses may be located in any\n\ +directory of a Download or Module including, but not limited to the following\n\ +locations:\n\ +\n\ +- The top-level (root) directory\n\ +- Plug-in and Fragment directories\n\ +- Inside Plug-ins and Fragments packaged as JARs\n\ +- Sub-directories of the directory named "src" of certain Plug-ins\n\ +- Feature directories\n\ +\n\ +Note: if a Feature made available by the Eclipse Foundation is installed using\n\ +the Provisioning Technology (as defined below), you must agree to a license\n\ +("Feature Update License") during the installation process. If the Feature\n\ +contains Included Features, the Feature Update License should either provide you\n\ +with the terms and conditions governing the Included Features or inform you\n\ +where you can locate them. Feature Update Licenses may be found in the "license"\n\ +property of files named "feature.properties" found within a Feature. Such\n\ +Abouts, Feature Licenses, and Feature Update Licenses contain the terms and\n\ +conditions (or references to such terms and conditions) that govern your use of\n\ +the associated Content in that directory.\n\ +\n\ +THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER TO THE EPL\n\ +OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. SOME OF THESE\n\ +OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):\n\ +\n\ +- Eclipse Public License Version 1.0 (available at\n\ + http://www.eclipse.org/legal/epl-v10.html)\n\ +- Eclipse Distribution License Version 1.0 (available at\n\ + http://www.eclipse.org/licenses/edl-v1.0.html)\n\ +- Common Public License Version 1.0 (available at\n\ + http://www.eclipse.org/legal/cpl-v10.html)\n\ +- Apache Software License 1.1 (available at\n\ + http://www.apache.org/licenses/LICENSE)\n\ +- Apache Software License 2.0 (available at\n\ + http://www.apache.org/licenses/LICENSE-2.0)\n\ +- Mozilla Public License Version 1.1 (available at\n\ + http://www.mozilla.org/MPL/MPL-1.1.html)\n\ +\n\ +IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND CONDITIONS PRIOR TO\n\ +USE OF THE CONTENT. If no About, Feature License, or Feature Update License is\n\ +provided, please contact the Eclipse Foundation to determine what terms and\n\ +conditions govern that particular Content.\n\ +\n\ +Use of Provisioning Technology\n\ +\n\ +The Eclipse Foundation makes available provisioning software, examples of which\n\ +include, but are not limited to, p2 and the Eclipse Update Manager\n\ +("Provisioning Technology") for the purpose of allowing users to install\n\ +software, documentation, information and/or other materials (collectively\n\ +"Installable Software"). This capability is provided with the intent of allowing\n\ +such users to install, extend and update Eclipse-based products. Information\n\ +about packaging Installable Software is available at\n\ http://eclipse.org/equinox/p2/repository_packaging.html ("Specification").\n\ \n\ -You may use Provisioning Technology to allow other parties to install Installable Software.\n\ -You shall be responsible for enabling the applicable license agreements relating to the\n\ -Installable Software to be presented to, and accepted by, the users of the Provisioning Technology\n\ -in accordance with the Specification. By using Provisioning Technology in such a manner and\n\ -making it available in accordance with the Specification, you further acknowledge your\n\ -agreement to, and the acquisition of all necessary rights to permit the following:\n\ -\n\ - 1. A series of actions may occur ("Provisioning Process") in which a user may execute\n\ - the Provisioning Technology on a machine ("Target Machine") with the intent of installing,\n\ - extending or updating the functionality of an Eclipse-based product.\n\ - 2. During the Provisioning Process, the Provisioning Technology may cause third party\n\ - Installable Software or a portion thereof to be accessed and copied to the Target Machine.\n\ - 3. Pursuant to the Specification, you will provide to the user the terms and conditions that\n\ - govern the use of the Installable Software ("Installable Software Agreement") and such\n\ - Installable Software Agreement shall be accessed from the Target Machine in accordance\n\ - with the Specification. Such Installable Software Agreement must inform the user of the\n\ - terms and conditions that govern the Installable Software and must solicit acceptance by\n\ - the end user in the manner prescribed in such Installable Software Agreement. Upon such\n\ - indication of agreement by the user, the provisioning Technology will complete installation\n\ - of the Installable Software.\n\ +You may use Provisioning Technology to allow other parties to install\n\ +Installable Software. You shall be responsible for enabling the applicable\n\ +license agreements relating to the Installable Software to be presented to, and\n\ +accepted by, the users of the Provisioning Technology in accordance with the\n\ +Specification. By using Provisioning Technology in such a manner and making it\n\ +available in accordance with the Specification, you further acknowledge your\n\ +agreement to, and the acquisition of all necessary rights to permit the\n\ +following:\n\ +\n\ +1. A series of actions may occur ("Provisioning Process") in which a user may\n\ + execute the Provisioning Technology on a machine ("Target Machine") with the\n\ + intent of installing, extending or updating the functionality of an\n\ + Eclipse-based product.\n\ +2. During the Provisioning Process, the Provisioning Technology may cause third\n\ + party Installable Software or a portion thereof to be accessed and copied to\n\ + the Target Machine.\n\ +3. Pursuant to the Specification, you will provide to the user the terms and\n\ + conditions that govern the use of the Installable Software ("Installable\n\ + Software Agreement") and such Installable Software Agreement shall be\n\ + accessed from the Target Machine in accordance with the Specification. Such\n\ + Installable Software Agreement must inform the user of the terms and\n\ + conditions that govern the Installable Software and must solicit acceptance\n\ + by the end user in the manner prescribed in such Installable\n\ + Software Agreement. Upon such indication of agreement by the user, the\n\ + provisioning Technology will complete installation of the\n\ + Installable Software.\n\ \n\ Cryptography\n\ \n\ -Content may contain encryption software. The country in which you are\n\ -currently may have restrictions on the import, possession, and use,\n\ -and/or re-export to another country, of encryption software. BEFORE\n\ -using any encryption software, please check the country's laws,\n\ -regulations and policies concerning the import, possession, or use, and\n\ -re-export of encryption software, to see if this is permitted.\n\ +Content may contain encryption software. The country in which you are currently\n\ +may have restrictions on the import, possession, and use, and/or re-export to\n\ +another country, of encryption software. BEFORE using any encryption software,\n\ +please check the country's laws, regulations and policies concerning the import,\n\ +possession, or use, and re-export of encryption software, to see if this is\n\ +permitted.\n\ \n\ -Java and all Java-based trademarks are trademarks of Oracle Corporation in the United States, other countries, or both.\n +Java and all Java-based trademarks are trademarks of Oracle Corporation in the\n\ +United States, other countries, or both.\n ########### end of license property ########################################## diff --git a/org.eclipse.osbp.themes.feature/feature.xml b/org.eclipse.osbp.themes.feature/feature.xml index e0d7a5d..0ee6f0f 100644 --- a/org.eclipse.osbp.themes.feature/feature.xml +++ b/org.eclipse.osbp.themes.feature/feature.xml @@ -2,9 +2,11 @@ <!--#======================================================================= --> <!--# Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany) --> <!--# All rights reserved. This program and the accompanying materials --> -<!--# are made available under the terms of the Eclipse Public License v1.0 --> +<!--# are made available under the terms of the Eclipse Public License 2.0 --> <!--# which accompanies this distribution, and is available at --> -<!--# http://www.eclipse.org/legal/epl-v10.html --> +<!--# https://www.eclipse.org/legal/epl-2.0/ --> +<!--# --> +<!--# SPDX-License-Identifier: EPL-2.0 --> <!--# --> <!--# Contributors: --> <!--# Christophe Loetz (Loetz GmbH&Co.KG) - initial API and implementation --> diff --git a/org.eclipse.osbp.themes.feature/license.html b/org.eclipse.osbp.themes.feature/license.html index 6e579a5..008b801 100644 --- a/org.eclipse.osbp.themes.feature/license.html +++ b/org.eclipse.osbp.themes.feature/license.html @@ -1,164 +1,189 @@ -<!--?xml version="1.0" encoding="ISO-8859-1" ?--> +<?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> -<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Eclipse Foundation Software User Agreement</title> </head> <body lang="EN-US"> -<h2>Eclipse Foundation Software User Agreement</h2> -<p>February 1, 2011</p> - -<h3>Usage Of Content</h3> - -<p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS - (COLLECTIVELY "CONTENT"). USE OF THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND - CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE - OF THE CONTENT IS GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR - NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND - CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT USE THE CONTENT.</p> - -<h3>Applicable Licenses</h3> - -<p>Unless otherwise indicated, all Content made available by the Eclipse - Foundation is provided to you under the terms and conditions of the -Eclipse Public License Version 1.0 - ("EPL"). A copy of the EPL is provided with this Content and is also - available at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>. - For purposes of the EPL, "Program" will mean the Content.</p> - -<p>Content includes, but is not limited to, source code, object code, -documentation and other files maintained in the Eclipse Foundation -source code - repository ("Repository") in software modules ("Modules") and made -available as downloadable archives ("Downloads").</p> - -<ul> - <li>Content may be structured and packaged into modules to -facilitate delivering, extending, and upgrading the Content. Typical -modules may include plug-ins ("Plug-ins"), plug-in fragments -("Fragments"), and features ("Features").</li> - <li>Each Plug-in or Fragment may be packaged as a sub-directory or JAR (Java™ ARchive) in a directory named "plugins".</li> - <li>A Feature is a bundle of one or more Plug-ins and/or -Fragments and associated material. Each Feature may be packaged as a -sub-directory in a directory named "features". Within a Feature, files -named "feature.xml" may contain a list of the names and version numbers -of the Plug-ins - and/or Fragments associated with that Feature.</li> - <li>Features may also include other Features ("Included -Features"). Within a Feature, files named "feature.xml" may contain a -list of the names and version numbers of Included Features.</li> -</ul> - -<p>The terms and conditions governing Plug-ins and Fragments should be -contained in files named "about.html" ("Abouts"). The terms and -conditions governing Features and -Included Features should be contained in files named "license.html" -("Feature Licenses"). Abouts and Feature Licenses may be located in any - directory of a Download or Module -including, but not limited to the following locations:</p> - -<ul> - <li>The top-level (root) directory</li> - <li>Plug-in and Fragment directories</li> - <li>Inside Plug-ins and Fragments packaged as JARs</li> - <li>Sub-directories of the directory named "src" of certain Plug-ins</li> - <li>Feature directories</li> -</ul> - -<p>Note: if a Feature made available by the Eclipse Foundation is -installed using the Provisioning Technology (as defined below), you must - agree to a license ("Feature Update License") during the -installation process. If the Feature contains Included Features, the -Feature Update License should either provide you with the terms and -conditions governing the Included Features or -inform you where you can locate them. Feature Update Licenses may be -found in the "license" property of files named "feature.properties" -found within a Feature. -Such Abouts, Feature Licenses, and Feature Update Licenses contain the -terms and conditions (or references to such terms and conditions) that -govern your use of the associated Content in -that directory.</p> - -<p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER -TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. - SOME OF THESE -OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):</p> - -<ul> - <li>Eclipse Distribution License Version 1.0 (available at <a href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>)</li> - <li>Common Public License Version 1.0 (available at <a href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>)</li> - <li>Apache Software License 1.1 (available at <a href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>)</li> - <li>Apache Software License 2.0 (available at <a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>)</li> - <li>Metro Link Public License 1.00 (available at <a href="http://www.opengroup.org/openmotif/supporters/metrolink/license.html">http://www.opengroup.org/openmotif/supporters/metrolink/license.html</a>)</li> - <li>Mozilla Public License Version 1.1 (available at <a href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>)</li> -</ul> - -<p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND -CONDITIONS PRIOR TO USE OF THE CONTENT. If no About, Feature License, -or Feature Update License is provided, please -contact the Eclipse Foundation to determine what terms and conditions -govern that particular Content.</p> - - -<h3>Use of Provisioning Technology</h3> - -<p>The Eclipse Foundation makes available provisioning software, -examples of which include, but are not limited to, p2 and the Eclipse - Update Manager ("Provisioning Technology") for the purpose of -allowing users to install software, documentation, information and/or - other materials (collectively "Installable Software"). This -capability is provided with the intent of allowing such users to - install, extend and update Eclipse-based products. Information about -packaging Installable Software is available at <a href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a> - ("Specification").</p> - -<p>You may use Provisioning Technology to allow other parties to install - Installable Software. You shall be responsible for enabling the - applicable license agreements relating to the Installable Software to - be presented to, and accepted by, the users of the Provisioning -Technology - in accordance with the Specification. By using Provisioning -Technology in such a manner and making it available in accordance with -the - Specification, you further acknowledge your agreement to, and the -acquisition of all necessary rights to permit the following:</p> - -<ol> - <li>A series of actions may occur ("Provisioning Process") in -which a user may execute the Provisioning Technology - on a machine ("Target Machine") with the intent of installing, -extending or updating the functionality of an Eclipse-based - product.</li> - <li>During the Provisioning Process, the Provisioning Technology -may cause third party Installable Software or a portion thereof to be - accessed and copied to the Target Machine.</li> - <li>Pursuant to the Specification, you will provide to the user -the terms and conditions that govern the use of the Installable - Software ("Installable Software Agreement") and such Installable -Software Agreement shall be accessed from the Target - Machine in accordance with the Specification. Such Installable -Software Agreement must inform the user of the terms and conditions that - govern - the Installable Software and must solicit acceptance by the end -user in the manner prescribed in such Installable Software Agreement. -Upon such - indication of agreement by the user, the provisioning Technology -will complete installation of the Installable Software.</li> -</ol> - -<h3>Cryptography</h3> - -<p>Content may contain encryption software. The country in which you are - currently may have restrictions on the import, possession, and use, -and/or re-export to - another country, of encryption software. BEFORE using any encryption -software, please check the country's laws, regulations and policies -concerning the import, - possession, or use, and re-export of encryption software, to see if -this is permitted.</p> - -<p><small>Java and all Java-based trademarks are trademarks of Oracle Corporation in the United States, other countries, or both.</small></p> - - -</body></html>
\ No newline at end of file + <h2>Eclipse Foundation Software User Agreement</h2> + <p>November 22, 2017</p> + + <h3>Usage Of Content</h3> + + <p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, + INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS + (COLLECTIVELY "CONTENT"). USE OF THE CONTENT IS GOVERNED BY + THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND + CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED + BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS + GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY + APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED + BELOW. IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS + AGREEMENT AND THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE + AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT + USE THE CONTENT.</p> + + <h3>Applicable Licenses</h3> + + <p> + Unless otherwise indicated, all Content made available by the Eclipse + Foundation is provided to you under the terms and conditions of the + Eclipse Public License Version 2.0 ("EPL"). A copy of the + EPL is provided with this Content and is also available at <a + href="http://www.eclipse.org/legal/epl-2.0">http://www.eclipse.org/legal/epl-2.0</a>. + For purposes of the EPL, "Program" will mean the Content. + </p> + + <p>Content includes, but is not limited to, source code, object + code, documentation and other files maintained in the Eclipse + Foundation source code repository ("Repository") in software + modules ("Modules") and made available as downloadable + archives ("Downloads").</p> + + <ul> + <li>Content may be structured and packaged into modules to + facilitate delivering, extending, and upgrading the Content. Typical + modules may include plug-ins ("Plug-ins"), plug-in + fragments ("Fragments"), and features + ("Features").</li> + <li>Each Plug-in or Fragment may be packaged as a sub-directory + or JAR (Java™ ARchive) in a directory named + "plugins".</li> + <li>A Feature is a bundle of one or more Plug-ins and/or + Fragments and associated material. Each Feature may be packaged as a + sub-directory in a directory named "features". Within a + Feature, files named "feature.xml" may contain a list of + the names and version numbers of the Plug-ins and/or Fragments + associated with that Feature.</li> + <li>Features may also include other Features ("Included + Features"). Within a Feature, files named + "feature.xml" may contain a list of the names and version + numbers of Included Features.</li> + </ul> + + <p>The terms and conditions governing Plug-ins and Fragments should + be contained in files named "about.html" + ("Abouts"). The terms and conditions governing Features and + Included Features should be contained in files named + "license.html" ("Feature Licenses"). Abouts and + Feature Licenses may be located in any directory of a Download or + Module including, but not limited to the following locations:</p> + + <ul> + <li>The top-level (root) directory</li> + <li>Plug-in and Fragment directories</li> + <li>Inside Plug-ins and Fragments packaged as JARs</li> + <li>Sub-directories of the directory named "src" of + certain Plug-ins</li> + <li>Feature directories</li> + </ul> + + <p>Note: if a Feature made available by the Eclipse Foundation is + installed using the Provisioning Technology (as defined below), you + must agree to a license ("Feature Update License") during + the installation process. If the Feature contains Included Features, + the Feature Update License should either provide you with the terms + and conditions governing the Included Features or inform you where you + can locate them. Feature Update Licenses may be found in the + "license" property of files named + "feature.properties" found within a Feature. Such Abouts, + Feature Licenses, and Feature Update Licenses contain the terms and + conditions (or references to such terms and conditions) that govern + your use of the associated Content in that directory.</p> + + <p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY + REFER TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND + CONDITIONS. SOME OF THESE OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT + ARE NOT LIMITED TO):</p> + + <ul> + <li>Eclipse Public License Version 1.0 (available at <a + href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>) + </li> + <li>Eclipse Distribution License Version 1.0 (available at <a + href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>) + </li> + <li>Common Public License Version 1.0 (available at <a + href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>) + </li> + <li>Apache Software License 1.1 (available at <a + href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>) + </li> + <li>Apache Software License 2.0 (available at <a + href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>) + </li> + <li>Mozilla Public License Version 1.1 (available at <a + href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>) + </li> + </ul> + + <p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND + CONDITIONS PRIOR TO USE OF THE CONTENT. If no About, Feature License, + or Feature Update License is provided, please contact the Eclipse + Foundation to determine what terms and conditions govern that + particular Content.</p> + + + <h3>Use of Provisioning Technology</h3> + + <p> + The Eclipse Foundation makes available provisioning software, examples + of which include, but are not limited to, p2 and the Eclipse Update + Manager ("Provisioning Technology") for the purpose of + allowing users to install software, documentation, information and/or + other materials (collectively "Installable Software"). This + capability is provided with the intent of allowing such users to + install, extend and update Eclipse-based products. Information about + packaging Installable Software is available at <a + href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a> + ("Specification"). + </p> + + <p>You may use Provisioning Technology to allow other parties to + install Installable Software. You shall be responsible for enabling + the applicable license agreements relating to the Installable Software + to be presented to, and accepted by, the users of the Provisioning + Technology in accordance with the Specification. By using Provisioning + Technology in such a manner and making it available in accordance with + the Specification, you further acknowledge your agreement to, and the + acquisition of all necessary rights to permit the following:</p> + + <ol> + <li>A series of actions may occur ("Provisioning + Process") in which a user may execute the Provisioning + Technology on a machine ("Target Machine") with the intent + of installing, extending or updating the functionality of an + Eclipse-based product.</li> + <li>During the Provisioning Process, the Provisioning Technology + may cause third party Installable Software or a portion thereof to be + accessed and copied to the Target Machine.</li> + <li>Pursuant to the Specification, you will provide to the user + the terms and conditions that govern the use of the Installable + Software ("Installable Software Agreement") and such + Installable Software Agreement shall be accessed from the Target + Machine in accordance with the Specification. Such Installable + Software Agreement must inform the user of the terms and conditions + that govern the Installable Software and must solicit acceptance by + the end user in the manner prescribed in such Installable Software + Agreement. Upon such indication of agreement by the user, the + provisioning Technology will complete installation of the Installable + Software.</li> + </ol> + + <h3>Cryptography</h3> + + <p>Content may contain encryption software. The country in which + you are currently may have restrictions on the import, possession, and + use, and/or re-export to another country, of encryption software. + BEFORE using any encryption software, please check the country's laws, + regulations and policies concerning the import, possession, or use, + and re-export of encryption software, to see if this is permitted.</p> + + <p> + <small>Java and all Java-based trademarks are trademarks of + Oracle Corporation in the United States, other countries, or both.</small> + </p> +</body> +</html> diff --git a/org.eclipse.osbp.themes.feature/pom.xml b/org.eclipse.osbp.themes.feature/pom.xml index e649872..036928a 100644 --- a/org.eclipse.osbp.themes.feature/pom.xml +++ b/org.eclipse.osbp.themes.feature/pom.xml @@ -2,9 +2,11 @@ <!--#======================================================================= --> <!--# Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany). --> <!--# All rights reserved. This program and the accompanying materials --> -<!--# are made available under the terms of the Eclipse Public License v1.0 --> +<!--# are made available under the terms of the Eclipse Public License 2.0 --> <!--# which accompanies this distribution, and is available at --> -<!--# http://www.eclipse.org/legal/epl-v10.html --> +<!--# https://www.eclipse.org/legal/epl-2.0/ --> +<!--# --> +<!--# SPDX-License-Identifier: EPL-2.0 --> <!--# --> <!--# Contributors: --> <!--# Christophe Loetz (Loetz GmbH&Co.KG) - Initial implementation API and implementation --> diff --git a/org.eclipse.osbp.themes/LICENSE.txt b/org.eclipse.osbp.themes/LICENSE.txt index ff42ad4..fc5938d 100644 --- a/org.eclipse.osbp.themes/LICENSE.txt +++ b/org.eclipse.osbp.themes/LICENSE.txt @@ -1,161 +1,140 @@ -Eclipse Public License -v 1.0 - -THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION -OR DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT. - -1. DEFINITIONS - -"Contribution" means: - -a) in the case of the initial Contributor, the initial code and documentation distributed under this Agreement, and - -b) in the case of each subsequent Contributor: - -i) changes to the Program, and - -ii) additions to the Program; - -where such changes and/or additions to the Program originate from and are distributed by that particular Contributor. -A Contribution 'originates' from a Contributor if it was added to the Program by such Contributor itself or anyone -acting on such Contributor's behalf. Contributions do not include additions to the Program which: (i) are separate -modules of software distributed in conjunction with the Program under their own license agreement, and (ii) are not -derivative works of the Program. - -"Contributor" means any person or entity that distributes the Program. - -"Licensed Patents " mean patent claims licensable by a Contributor which are necessarily infringed by the use or sale of -its Contribution alone or when combined with the Program. - -"Program" means the Contributions distributed in accordance with this Agreement. - -"Recipient" means anyone who receives the Program under this Agreement, including all Contributors. - -2. GRANT OF RIGHTS - -a) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free copyright license to reproduce, prepare derivative works of, publicly display, publicly perform, distribute -and sublicense the Contribution of such Contributor, if any, and such derivative works, in source code and object code -form. - -b) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free patent license under Licensed Patents to make, use, sell, offer to sell, import and otherwise transfer the -Contribution of such Contributor, if any, in source code and object code form. This patent license shall apply to the -combination of the Contribution and the Program if, at the time the Contribution is added by the Contributor, such -addition of the Contribution causes such combination to be covered by the Licensed Patents. The patent license shall not -apply to any other combinations which include the Contribution. No hardware per se is licensed hereunder. - -c) Recipient understands that although each Contributor grants the licenses to its Contributions set forth herein, no -assurances are provided by any Contributor that the Program does not infringe the patent or other intellectual property -rights of any other entity. Each Contributor disclaims any liability to Recipient for claims brought by any other entity -based on infringement of intellectual property rights or otherwise. As a condition to exercising the rights and -licenses granted hereunder, each Recipient hereby assumes sole responsibility to secure any other intellectual property -rights needed, if any. For example, if a third party patent license is required to allow Recipient to distribute the -Program, it is Recipient's responsibility to acquire that license before distributing the Program. - -d) Each Contributor represents that to its knowledge it has sufficient copyright rights in its Contribution, if any, to -grant the copyright license set forth in this Agreement. - -3. REQUIREMENTS - -A Contributor may choose to distribute the Program in object code form under its own license agreement, provided that: - -a) it complies with the terms and conditions of this Agreement; and - -b) its license agreement: - -i) effectively disclaims on behalf of all Contributors all warranties and conditions, express and implied, including -warranties or conditions of title and non-infringement, and implied warranties or conditions of merchantability and -fitness for a particular purpose; - -ii) effectively excludes on behalf of all Contributors all liability for damages, including direct, indirect, special, -incidental and consequential damages, such as lost profits; - -iii) states that any provisions which differ from this Agreement are offered by that Contributor alone and not by any -other party; and - -iv) states that source code for the Program is available from such Contributor, and informs licensees how to obtain it -in a reasonable manner on or through a medium customarily used for software exchange. - -When the Program is made available in source code form: - -a) it must be made available under this Agreement; and - -b) a copy of this Agreement must be included with each copy of the Program. - -Contributors may not remove or alter any copyright notices contained within the Program. - -Each Contributor must identify itself as the originator of its Contribution, if any, in a manner that reasonably allows -subsequent Recipients to identify the originator of the Contribution. - -4. COMMERCIAL DISTRIBUTION - -Commercial distributors of software may accept certain responsibilities with respect to end users, business partners and -the like. While this license is intended to facilitate the commercial use of the Program, the Contributor who includes -the Program in a commercial product offering should do so in a manner which does not create potential liability for -other Contributors. Therefore, if a Contributor includes the Program in a commercial product offering, such Contributor -("Commercial Contributor") hereby agrees to defend and indemnify every other Contributor ("Indemnified Contributor") -against any losses, damages and costs (collectively "Losses") arising from claims, lawsuits and other legal actions -brought by a third party against the Indemnified Contributor to the extent caused by the acts or omissions of such -Commercial Contributor in connection with its distribution of the Program in a commercial product offering. The -obligations in this section do not apply to any claims or Losses relating to any actual or alleged intellectual -property infringement. In order to qualify, an Indemnified Contributor must: a) promptly notify the Commercial -Contributor in writing of such claim, and b) allow the Commercial Contributor to control, and cooperate with the -Commercial Contributor in, the defense and any related settlement negotiations. The Indemnified Contributor may - participate in any such claim at its own expense. - -For example, a Contributor might include the Program in a commercial product offering, Product X. That Contributor is -then a Commercial Contributor. If that Commercial Contributor then makes performance claims, or offers warranties -related to Product X, those performance claims and warranties are such Commercial Contributor's responsibility alone. -Under this section, the Commercial Contributor would have to defend claims against the other Contributors related to -those performance claims and warranties, and if a court requires any other Contributor to pay any damages as a result, -the Commercial Contributor must pay those damages. - -5. NO WARRANTY - -EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR -CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, -NON-INFRINGEMENT, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely responsible for -determining the appropriateness of using and distributing the Program and assumes all risks associated with its -exercise of rights under this Agreement , including but not limited to the risks and costs of program errors, compliance -with applicable laws, damage to or loss of data, programs or equipment, and unavailability or interruption of operations. - -6. DISCLAIMER OF LIABILITY - -EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY -DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST PROFITS), -HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR -OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED -HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. - -7. GENERAL - -If any provision of this Agreement is invalid or unenforceable under applicable law, it shall not affect the validity or -enforceability of the remainder of the terms of this Agreement, and without further action by the parties hereto, such -provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable. - -If Recipient institutes patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) -alleging that the Program itself (excluding combinations of the Program with other software or hardware) infringes such -Recipient's patent(s), then such Recipient's rights granted under Section 2(b) shall terminate as of the date such -litigation is filed. - -All Recipient's rights under this Agreement shall terminate if it fails to comply with any of the material terms or -conditions of this Agreement and does not cure such failure in a reasonable period of time after becoming aware of such -noncompliance. If all Recipient's rights under this Agreement terminate, Recipient agrees to cease use and distribution -of the Program as soon as reasonably practicable. However, Recipient's obligations under this Agreement and any licenses - granted by Recipient relating to the Program shall continue and survive. - -Everyone is permitted to copy and distribute copies of this Agreement, but in order to avoid inconsistency the Agreement -is copyrighted and may only be modified in the following manner. The Agreement Steward reserves the right to publish -new versions (including revisions) of this Agreement from time to time. No one other than the Agreement Steward has the -right to modify this Agreement. The Eclipse Foundation is the initial Agreement Steward. The Eclipse Foundation may -assign the responsibility to serve as the Agreement Steward to a suitable separate entity. Each new version of the -Agreement will be given a distinguishing version number. The Program (including Contributions) may always be -distributed subject to the version of the Agreement under which it was received. In addition, after a new version of -the Agreement is published, Contributor may elect to distribute the Program (including its Contributions) under the -new version. Except as expressly stated in Sections 2(a) and 2(b) above, Recipient receives no rights or licenses to -the intellectual property of any Contributor under this Agreement, whether expressly, by implication, estoppel or -otherwise. All rights in the Program not expressly granted under this Agreement are reserved. - -This Agreement is governed by the laws of the State of New York and the intellectual property laws of the United States -of America. No party to this Agreement will bring a legal action under this Agreement more than one year after the cause -of action arose. Each party waives its rights to a jury trial in any resulting litigation.
\ No newline at end of file +Eclipse Foundation Software User Agreement + +November 22, 2017 + +Usage Of Content + +THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION +AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS (COLLECTIVELY "CONTENT"). USE OF +THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE +TERMS AND CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED +BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS GOVERNED +BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE +AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE +TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND CONDITIONS OF ANY +APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU +MAY NOT USE THE CONTENT. + +Applicable Licenses + +Unless otherwise indicated, all Content made available by the Eclipse Foundation +is provided to you under the terms and conditions of the Eclipse Public License +Version 2.0 ("EPL"). A copy of the EPL is provided with this Content and is also +available at http://www.eclipse.org/legal/epl-2.0. For purposes of the EPL, +"Program" will mean the Content. + +Content includes, but is not limited to, source code, object code, documentation +and other files maintained in the Eclipse Foundation source code repository +("Repository") in software modules ("Modules") and made available as +downloadable archives ("Downloads"). + +- Content may be structured and packaged into modules to facilitate + delivering, extending, and upgrading the Content. Typical modules may + include plug-ins ("Plug-ins"), plug-in fragments ("Fragments"), and + features ("Features"). +- Each Plug-in or Fragment may be packaged as a sub-directory or JAR + (Javaâ„¢ ARchive) in a directory named "plugins". +- A Feature is a bundle of one or more Plug-ins and/or Fragments and + associated material. Each Feature may be packaged as a sub-directory in a + directory named "features". Within a Feature, files named "feature.xml" may + contain a list of the names and version numbers of the Plug-ins and/or + Fragments associated with that Feature. +- Features may also include other Features ("Included Features"). Within a + Feature, files named "feature.xml" may contain a list of the names and + version numbers of Included Features. + +The terms and conditions governing Plug-ins and Fragments should be contained in +files named "about.html" ("Abouts"). The terms and conditions governing Features +and Included Features should be contained in files named "license.html" +("Feature Licenses"). Abouts and Feature Licenses may be located in any +directory of a Download or Module including, but not limited to the following +locations: + +- The top-level (root) directory +- Plug-in and Fragment directories +- Inside Plug-ins and Fragments packaged as JARs +- Sub-directories of the directory named "src" of certain Plug-ins +- Feature directories + +Note: if a Feature made available by the Eclipse Foundation is installed using +the Provisioning Technology (as defined below), you must agree to a license +("Feature Update License") during the installation process. If the Feature +contains Included Features, the Feature Update License should either provide you +with the terms and conditions governing the Included Features or inform you +where you can locate them. Feature Update Licenses may be found in the "license" +property of files named "feature.properties" found within a Feature. Such +Abouts, Feature Licenses, and Feature Update Licenses contain the terms and +conditions (or references to such terms and conditions) that govern your use of +the associated Content in that directory. + +THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER TO THE EPL +OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. SOME OF THESE +OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO): + +- Eclipse Public License Version 1.0 (available at + http://www.eclipse.org/legal/epl-v10.html) +- Eclipse Distribution License Version 1.0 (available at + http://www.eclipse.org/licenses/edl-v1.0.html) +- Common Public License Version 1.0 (available at + http://www.eclipse.org/legal/cpl-v10.html) +- Apache Software License 1.1 (available at + http://www.apache.org/licenses/LICENSE) +- Apache Software License 2.0 (available at + http://www.apache.org/licenses/LICENSE-2.0) +- Mozilla Public License Version 1.1 (available at + http://www.mozilla.org/MPL/MPL-1.1.html) + +IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND CONDITIONS PRIOR TO +USE OF THE CONTENT. If no About, Feature License, or Feature Update License is +provided, please contact the Eclipse Foundation to determine what terms and +conditions govern that particular Content. + +Use of Provisioning Technology + +The Eclipse Foundation makes available provisioning software, examples of which +include, but are not limited to, p2 and the Eclipse Update Manager +("Provisioning Technology") for the purpose of allowing users to install +software, documentation, information and/or other materials (collectively +"Installable Software"). This capability is provided with the intent of allowing +such users to install, extend and update Eclipse-based products. Information +about packaging Installable Software is available at +http://eclipse.org/equinox/p2/repository_packaging.html ("Specification"). + +You may use Provisioning Technology to allow other parties to install +Installable Software. You shall be responsible for enabling the applicable +license agreements relating to the Installable Software to be presented to, and +accepted by, the users of the Provisioning Technology in accordance with the +Specification. By using Provisioning Technology in such a manner and making it +available in accordance with the Specification, you further acknowledge your +agreement to, and the acquisition of all necessary rights to permit the +following: + +1. A series of actions may occur ("Provisioning Process") in which a user may + execute the Provisioning Technology on a machine ("Target Machine") with the + intent of installing, extending or updating the functionality of an + Eclipse-based product. +2. During the Provisioning Process, the Provisioning Technology may cause third + party Installable Software or a portion thereof to be accessed and copied to + the Target Machine. +3. Pursuant to the Specification, you will provide to the user the terms and + conditions that govern the use of the Installable Software ("Installable + Software Agreement") and such Installable Software Agreement shall be + accessed from the Target Machine in accordance with the Specification. Such + Installable Software Agreement must inform the user of the terms and + conditions that govern the Installable Software and must solicit acceptance + by the end user in the manner prescribed in such Installable + Software Agreement. Upon such indication of agreement by the user, the + provisioning Technology will complete installation of the + Installable Software. + +Cryptography + +Content may contain encryption software. The country in which you are currently +may have restrictions on the import, possession, and use, and/or re-export to +another country, of encryption software. BEFORE using any encryption software, +please check the country's laws, regulations and policies concerning the import, +possession, or use, and re-export of encryption software, to see if this is +permitted. + +Java and all Java-based trademarks are trademarks of Oracle Corporation in the +United States, other countries, or both. diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/Welcome.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/Welcome.html deleted file mode 100644 index 84798b4..0000000 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/Welcome.html +++ /dev/null @@ -1,65 +0,0 @@ -<!DOCTYPE html> -<head> - -<meta charset="utf-8"> - -<meta name="viewport" content="width=device-width, initial-scale=1"> - - -<link rel="stylesheet" type="text/css" href="screen.css" media="all"> -<link rel="stylesheet" type="text/css" href="typo-welcome-validated.css" media="all"> - - -<title>Compex - Welcomepage</title> - -</head> -<body class="osbp typo-welcome"> - - -<header class="header" style="background:#0067b1; padding-top: 10px;"> - <div style="background:#0067b1"> - <div class="inner small"> - <h2 class="headlineH2withoutUnderline versal">Welcome</h2> - <h3 class="align-center" style="color: rgb(255, 255, 255);">Here are some resources that will help you to get started</h3> - </div> - </div> -</header> - -<div class="welcome-image" align="center" style="padding-top: 10px; padding-bottom: 10px;"> -</div> - -<main> - <div class="ce-twoCol-Box " id="c309"> - <div class="inner small"> - - <div class="boxen withFontAwesome"> - - <div class=""> - <div><h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2> - <p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p></div> - </div> - - <div class=""> - <div><h2 class="smallHeadlineWithUnderline">Read documentation</h2> - <p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p></div> - </div> - - <div class=""> - <div><h2 class="smallHeadlineWithUnderline">Visit our forum</h2> - <p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p></div> - </div> - - <div class=""> - <div><h2 class="smallHeadlineWithUnderline">Register to join the community</h2> - <p class="bodytext">Register and benefit from special resources for community members.</p></div> - </div> - - </div> - - </div> - </div> - -</main> - -</body> -</html>
\ No newline at end of file diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/WelcomeTRANSLATABLE.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/WelcomeTRANSLATABLE.html new file mode 100644 index 0000000..fc11bcb --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/WelcomeTRANSLATABLE.html @@ -0,0 +1,68 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8" /> + <meta content="width=device-width, initial-scale=1" name="viewport" /> + <link href="screen.css" media="all" rel="stylesheet" type="text/css" /> + <link href="typo-welcome-validated.css" media="all" rel="stylesheet" type="text/css" /> + <title>Compex - Welcomepage</title> +</head> +<body class="osbp typo-welcome"> +<header class="header" style="background: rgb(0, 103, 177); padding-top: 10px;"> +<div style="background: rgb(0, 103, 177);"> +<div class="inner small"> +<h2 class="headlineH2withoutUnderline versal">$Welcome$</h2> + +<h3 class="align-center" style="color: rgb(255, 255, 255);">$Here are some resources that will help you to get started$</h3> +</div> +</div> +</header> + +<div align="center" class="welcome-image" style="padding-top: 10px; padding-bottom: 10px;"> </div> +<main> +<div class="ce-twoCol-Box " id="c309"> +<div class="inner small"> +<div class="boxen withFontAwesome"> +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2> + +<p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p> +</div> +</div> + +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Read documentation</h2> + +<p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p> +</div> +</div> + +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Visit our forum</h2> + +<p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p> +</div> +</div> + +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Register to join the community</h2> + +<p class="bodytext">Register and benefit from special resources for community members.</p> +</div> +</div> +</div> +</div> +</div> +</main> + +<p> </p> + +<p> </p> + +<p> </p> +</body> +</html> diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/dashboardtitleTRANSLATABLE.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/dashboardtitleTRANSLATABLE.html new file mode 100644 index 0000000..7dd311c --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/html/dashboardtitleTRANSLATABLE.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8" /> + <meta content="width=device-width, initial-scale=1" name="viewport" /> + <link href="screen.css" media="all" rel="stylesheet" type="text/css" /> + <link href="typo-welcome-validated.css" media="all" rel="stylesheet" type="text/css" /> + <title>Dashboard</title> +</head> +<body class="osbp typo-welcome"> +<header class="header" style="background: rgb(0, 103, 177); padding-top: 10px;"> +<div style="background: rgb(0, 103, 177);"> +<div class="inner small"> +<h2 class="headlineH2withoutUnderline versal">$dashboard_title$</h2> +<h3 class="align-center" style="color: rgb(255, 255, 255);">$dashboard_subtitle$</h3> +</div> +</div> +</header> +</body> +</html> diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dashboard-big.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dashboard-big.png Binary files differnew file mode 100644 index 0000000..ccbd744 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dashboard-big.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/db.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/db.png Binary files differnew file mode 100644 index 0000000..7644677 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/db.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dbinfo.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dbinfo.png Binary files differnew file mode 100644 index 0000000..9c2cfff --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dbinfo.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsnew.png Binary files differindex 32f4adc..d9db6b4 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsnew.png +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dsnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dssaveandnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dssaveandnew.png Binary files differnew file mode 100644 index 0000000..fd8c709 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dssaveandnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dssaveasnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dssaveasnew.png Binary files differnew file mode 100644 index 0000000..fb72a81 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/dssaveasnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/info.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/info.png Binary files differnew file mode 100644 index 0000000..e9f354c --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/info.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/license.txt index d1e91c0..c68c4c1 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/license.txt +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/license.txt @@ -91,8 +91,8 @@ flag_usa.png -(C) 2014 Loetz GmbH&Co.KG, -License: EPL 1.0: +(C) 2014,2018 Loetz GmbH&Co.KG, +License: EPL 1.0 ------------------------------------ about.png badrising.png @@ -115,10 +115,16 @@ crm.png css.png csv_import.png currency_euro.png +dashboard.png +dashboard-big.png database.png database_go.png database_table.png date.gif +db.png +dbinfo.png +dbsaveandnew.png +dbsaveasnew.png delete.png dir.txt dropdown.png @@ -126,6 +132,7 @@ dropdown_2.png dropedit2.png dscancel.png dsdelete.png +dsnew.png dssave.png edi.png editor_area.png @@ -146,6 +153,7 @@ gender_male.png goodsloping.png help.png html.png +info.png img.png import.png information.png @@ -219,6 +227,9 @@ task_status_ready.png task_status_reserved.png task_status_suspended.png tasks.png +tasks_many.png +tasks_none.png +tasks_some.png text.png toolbar_button_background_active_23x20.png toolbar_button_background_hover_23x20.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks_many.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks_many.png Binary files differnew file mode 100644 index 0000000..ef0dc97 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks_many.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks_none.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks_none.png Binary files differnew file mode 100644 index 0000000..271a811 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks_none.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks_some.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks_some.png Binary files differnew file mode 100644 index 0000000..3efaba4 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/icon/tasks_some.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css index a01bde6..f1bb67e 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-cxo/styles.css @@ -18853,6 +18853,10 @@ div.v-layout.v-horizontal.v-widget { margin: 0 auto; } +.osbp-cxo div.v-slider-base { + width: 320px; +} + .osbp-cxo .v-verticallayout-os-welcome { padding: 0px !important; } @@ -18861,6 +18865,53 @@ div.v-layout.v-horizontal.v-widget { border-width: 0px; } +.osbp-cxo .v-label-os-dashboardtile { + color: #c2d4e6; + font-size: 9px; + line-height: 1.2; +} + +.osbp-cxo .v-label-os-dashboardtile-number { + font-size: 25px; +} + +.osbp-cxo .v-slot-os-dashboardtile { + vertical-align: middle; +} + +.osbp-cxo .v-verticallayout-os-dashboardtile { + font-weight: 600; + + background-color: #2364aa; + border: 0px; + border-radius: 4px; + + bevel: false; + shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); + states: normal disabled; + margin-left: 6px; +} + +.osbp-cxo .v-verticallayout-os-dashboardtile.v-pressed { + background-color: #ffdf57 !important; + border-color: #ffdf57 !important; +} + +.osbp-cxo .v-verticallayout-os-dashboardtile:after { + transition: none; +} + +.osbp-cxo .v-verticallayout-os-dashboardtile:hover, .osbp-cxo .v-verticallayout-os-dashboardtile:focus, .osbp-cxo .v-verticallayout-os-dashboardtile:active { + background-color: #ffd210; + border-color: #ffd210; + color: #3e350e; +} + +.osbp-cxo .v-verticallayout-os-dashboardtile:focus:after { + border-color: transparent; + transition: none; +} + :root .osbp-cxo .v-checkbox { line-height: 32px; padding-top: inherit; @@ -18882,7 +18933,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp-cxo .v-checkbox > input ~ label:before { height: 32px; border: 0px; - border-bottom: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4 !important; background: #f8f5f0; -webkit-box-shadow: none; box-shadow: none; @@ -18934,6 +18985,14 @@ div.v-layout.v-horizontal.v-widget { padding-right: 9.6px; } +.osbp-cxo .popupContent .v-window-outerheader:after { + border-top-width: 0px; +} + +.osbp-cxo .popupContent .v-window-contents { + padding-top: 22.17px !important; +} + .osbp-cxo .popupContent .v-window-closebox { background: transparent; border: 0px; @@ -19145,6 +19204,13 @@ div.v-layout.v-horizontal.v-widget { background: #ffe887; } +.osbp-cxo .os-mparttoolbararea .v-button.v-spliter, .osbp-cxo .os-embedded-toolbar .v-button.v-spliter { + background: inherit; + width: 0; + padding: 0; + border-right: 1px solid #d4d4d4; +} + .osbp-cxo .os-mparttoolbararea span.v-button-caption, .osbp-cxo .os-embedded-toolbar span.v-button-caption { vertical-align: middle; } @@ -19661,6 +19727,8 @@ div.v-layout.v-horizontal.v-widget { border-left-color: #fff; border-bottom: 1px solid #d4d4d4; margin-left: 0px; + -webkit-box-shadow: none; + box-shadow: none; font-weight: normal; text-transform: none; } @@ -19887,10 +19955,27 @@ div.v-layout.v-horizontal.v-widget { font-size: 22.4px; } -.osbp-cxo .v-caption-on-top > .v-caption-l-control > .v-captiontext { +.osbp-cxo .v-caption-on-top > .v-caption-l-control > .v-captiontext, .osbp-cxo .v-slot-os-single-selection > .v-caption-on-top > .v-caption > .v-captiontext, .osbp-cxo .v-slot-os-multi-selection > .v-caption-on-top > .v-caption > .v-captiontext { font-size: 16px; } +.osbp-cxo .v-slot-os-single-selection, .osbp-cxo .v-slot-os-multi-selection { + background-color: #ededed; +} + +.osbp-cxo .v-slot-os-single-selection > .v-caption-on-top > .v-caption, .osbp-cxo .v-slot-os-multi-selection > .v-caption-on-top > .v-caption { + padding-bottom: 0px; +} + +.osbp-cxo .v-slot-os-single-selection > .v-caption-on-top > .v-caption > .v-captiontext, .osbp-cxo .v-slot-os-multi-selection > .v-caption-on-top > .v-caption > .v-captiontext { + margin: 10px; + margin-bottom: 0px; +} + +.osbp-cxo .v-slot-os-single-selection > .v-caption-on-top > .v-filterselect, .osbp-cxo .v-slot-os-multi-selection > .v-caption-on-top > .v-filterselect { + margin-top: 0px; +} + :root .osbp-cxo .v-formlayout-row .v-checkbox { line-height: 32px; padding-top: inherit; @@ -19912,7 +19997,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:before { height: 32px; border: 0px; - border-bottom: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4 !important; background: #f8f5f0; -webkit-box-shadow: none; box-shadow: none; @@ -19929,6 +20014,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp-cxo .v-formlayout-row .v-checkbox > input ~ label:before { margin-top: inherit; + border-width: 0px; } .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box { @@ -19952,7 +20038,7 @@ div.v-layout.v-horizontal.v-widget { .osbp-cxo .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before { height: 32px; border: 0px; - border-bottom: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4 !important; background: #f8f5f0; -webkit-box-shadow: none; box-shadow: none; @@ -20011,6 +20097,30 @@ div.v-layout.v-horizontal.v-widget { border-width: 1px; } +.osbp-cxo .l-control .v-widget.os-group-panel, .osbp-cxo .toptrimbar .v-widget.os-group-panel, .osbp-cxo .os-selection-area .v-widget.os-group-panel { + width: 100%; + border-top-width: 2px; +} + +.osbp-cxo .l-control .v-widget.os-group-panel.os-caption-large .v-caption, .osbp-cxo .l-control .v-widget .os-caption-large .v-caption, .osbp-cxo .toptrimbar .v-widget.os-group-panel.os-caption-large .v-caption, .osbp-cxo .toptrimbar .v-widget .os-caption-large .v-caption, .osbp-cxo .os-selection-area .v-widget.os-group-panel.os-caption-large .v-caption, .osbp-cxo .os-selection-area .v-widget .os-caption-large .v-caption { + width: 192px; + white-space: nowrap; + overflow: -moz-hidden-unscrollable; + text-overflow: ellipsis; +} + +.osbp-cxo .l-control .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp-cxo .l-control .v-widget .os-caption-large .v-caption .v-caption:hover, .osbp-cxo .toptrimbar .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp-cxo .toptrimbar .v-widget .os-caption-large .v-caption .v-caption:hover, .osbp-cxo .os-selection-area .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp-cxo .os-selection-area .v-widget .os-caption-large .v-caption .v-caption:hover { + overflow: visible; +} + +.osbp-cxo .l-control .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp-cxo .l-control .v-widget .os-caption-large .v-formlayout-contentcell, .osbp-cxo .toptrimbar .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp-cxo .toptrimbar .v-widget .os-caption-large .v-formlayout-contentcell, .osbp-cxo .os-selection-area .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp-cxo .os-selection-area .v-widget .os-caption-large .v-formlayout-contentcell { + padding: 0px; +} + +.osbp-cxo .l-control .os-no-padding, .osbp-cxo .toptrimbar .os-no-padding, .osbp-cxo .os-selection-area .os-no-padding { + padding: 0px !important; +} + .osbp-cxo .l-control .v-caption, .osbp-cxo .toptrimbar .v-caption, .osbp-cxo .os-selection-area .v-caption { font-size: 16px; } @@ -20025,6 +20135,23 @@ div.v-layout.v-horizontal.v-widget { border-bottom-color: #ffd210; } +.osbp-cxo .l-control .v-component-group, .osbp-cxo .l-control .l-beansearchfield, .osbp-cxo .toptrimbar .v-component-group, .osbp-cxo .toptrimbar .l-beansearchfield, .osbp-cxo .os-selection-area .v-component-group, .osbp-cxo .os-selection-area .l-beansearchfield { + display: flex; + width: 364px; +} + +.osbp-cxo .l-control .v-component-group > .v-slot:first-of-type, .osbp-cxo .l-control .l-beansearchfield > .v-slot:first-of-type, .osbp-cxo .toptrimbar .v-component-group > .v-slot:first-of-type, .osbp-cxo .toptrimbar .l-beansearchfield > .v-slot:first-of-type, .osbp-cxo .os-selection-area .v-component-group > .v-slot:first-of-type, .osbp-cxo .os-selection-area .l-beansearchfield > .v-slot:first-of-type { + width: 100%; +} + +.osbp-cxo .l-control .v-component-group .v-datefield, .osbp-cxo .l-control .v-component-group .v-filterselect, .osbp-cxo .l-control .l-beansearchfield .v-datefield, .osbp-cxo .l-control .l-beansearchfield .v-filterselect, .osbp-cxo .toptrimbar .v-component-group .v-datefield, .osbp-cxo .toptrimbar .v-component-group .v-filterselect, .osbp-cxo .toptrimbar .l-beansearchfield .v-datefield, .osbp-cxo .toptrimbar .l-beansearchfield .v-filterselect, .osbp-cxo .os-selection-area .v-component-group .v-datefield, .osbp-cxo .os-selection-area .v-component-group .v-filterselect, .osbp-cxo .os-selection-area .l-beansearchfield .v-datefield, .osbp-cxo .os-selection-area .l-beansearchfield .v-filterselect { + width: 100% !important; +} + +.osbp-cxo .l-control .v-component-group .v-datefield > .v-textfield, .osbp-cxo .l-control .v-component-group .v-filterselect > .v-textfield, .osbp-cxo .l-control .l-beansearchfield .v-datefield > .v-textfield, .osbp-cxo .l-control .l-beansearchfield .v-filterselect > .v-textfield, .osbp-cxo .toptrimbar .v-component-group .v-datefield > .v-textfield, .osbp-cxo .toptrimbar .v-component-group .v-filterselect > .v-textfield, .osbp-cxo .toptrimbar .l-beansearchfield .v-datefield > .v-textfield, .osbp-cxo .toptrimbar .l-beansearchfield .v-filterselect > .v-textfield, .osbp-cxo .os-selection-area .v-component-group .v-datefield > .v-textfield, .osbp-cxo .os-selection-area .v-component-group .v-filterselect > .v-textfield, .osbp-cxo .os-selection-area .l-beansearchfield .v-datefield > .v-textfield, .osbp-cxo .os-selection-area .l-beansearchfield .v-filterselect > .v-textfield { + width: 100% !important; +} + .osbp-cxo .l-control .v-formlayout-captioncell, .osbp-cxo .l-control .v-formlayout-errorcell, .osbp-cxo .toptrimbar .v-formlayout-captioncell, .osbp-cxo .toptrimbar .v-formlayout-errorcell, .osbp-cxo .os-selection-area .v-formlayout-captioncell, .osbp-cxo .os-selection-area .v-formlayout-errorcell { border-bottom: 1px solid #d4d4d4; vertical-align: bottom; @@ -20036,11 +20163,10 @@ div.v-layout.v-horizontal.v-widget { .osbp-cxo .l-control .v-formlayout-contentcell > .v-customcomponent, .osbp-cxo .toptrimbar .v-formlayout-contentcell > .v-customcomponent, .osbp-cxo .os-selection-area .v-formlayout-contentcell > .v-customcomponent { width: 100%; - border-bottom: 1px solid #d4d4d4; } -.osbp-cxo .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-cxo .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-cxo .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-cxo .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-cxo .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-cxo .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"] { - border-bottom-width: 0px; +.osbp-cxo .l-control .v-formlayout-contentcell > .v-customcomponent .v-label, .osbp-cxo .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-label, .osbp-cxo .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-label { + border-bottom: 1px solid #d4d4d4; } .osbp-cxo .l-control .v-textfield, .osbp-cxo .toptrimbar .v-textfield, .osbp-cxo .os-selection-area .v-textfield { @@ -20065,7 +20191,6 @@ div.v-layout.v-horizontal.v-widget { border-top: transparent; border-left: transparent; border-right: transparent; - border-bottom: 1px solid #d4d4d4; -webkit-box-shadow: none; box-shadow: none; } @@ -20087,11 +20212,13 @@ div.v-layout.v-horizontal.v-widget { background-color: transparent; } -.osbp-cxo .l-control .l-beansearchfield button, .osbp-cxo .toptrimbar .l-beansearchfield button, .osbp-cxo .os-selection-area .l-beansearchfield button { +.osbp-cxo .l-control .l-beansearchfield button, .osbp-cxo .l-control .l-beansearchfield .v-nativebutton, .osbp-cxo .toptrimbar .l-beansearchfield button, .osbp-cxo .toptrimbar .l-beansearchfield .v-nativebutton, .osbp-cxo .os-selection-area .l-beansearchfield button, .osbp-cxo .os-selection-area .l-beansearchfield .v-nativebutton { background: transparent; border: 0px; float: none; margin-left: 0px; + padding: 0px; + padding-left: 8px; font-weight: normal; color: #424242; border-width: 0px; @@ -20100,11 +20227,12 @@ div.v-layout.v-horizontal.v-widget { border-bottom: 1px solid #d4d4d4; outline: 0; height: 32px; - width: 32px !important; cursor: pointer; + -webkit-box-shadow: none; + box-shadow: none; } -.osbp-cxo .l-control .l-beansearchfield button:before, .osbp-cxo .toptrimbar .l-beansearchfield button:before, .osbp-cxo .os-selection-area .l-beansearchfield button:before { +.osbp-cxo .l-control .l-beansearchfield button:before, .osbp-cxo .l-control .l-beansearchfield .v-nativebutton:before, .osbp-cxo .toptrimbar .l-beansearchfield button:before, .osbp-cxo .toptrimbar .l-beansearchfield .v-nativebutton:before, .osbp-cxo .os-selection-area .l-beansearchfield button:before, .osbp-cxo .os-selection-area .l-beansearchfield .v-nativebutton:before { font-family: FontAwesome; font-size: 21px; line-height: 28px; @@ -20113,7 +20241,7 @@ div.v-layout.v-horizontal.v-widget { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } -.osbp-cxo .l-control .l-beansearchfield button img, .osbp-cxo .toptrimbar .l-beansearchfield button img, .osbp-cxo .os-selection-area .l-beansearchfield button img { +.osbp-cxo .l-control .l-beansearchfield button img, .osbp-cxo .l-control .l-beansearchfield .v-nativebutton img, .osbp-cxo .toptrimbar .l-beansearchfield button img, .osbp-cxo .toptrimbar .l-beansearchfield .v-nativebutton img, .osbp-cxo .os-selection-area .l-beansearchfield button img, .osbp-cxo .os-selection-area .l-beansearchfield .v-nativebutton img { display: none; } @@ -20155,7 +20283,6 @@ div.v-layout.v-horizontal.v-widget { .osbp-cxo .v-filterselect-os-single-selection, .osbp-cxo .os-single-selection { color: #424242; margin: 10px; - width: 224px; } .osbp-cxo .os-multi-selection select.v-select-select { @@ -20684,6 +20811,32 @@ div.v-layout.v-horizontal.v-widget { font-weight: bold; } +.osbp-cxo .v-grid .v-grid-body > .v-grid-row > .v-grid-cell { + margin-bottom: -32px; +} + +.osbp-cxo .v-grid .v-grid-row { + display: flex; + position: relative; +} + +.osbp-cxo .v-grid .v-grid-row > td > img.gwt-Image { + height: 30px; +} + +.osbp-cxo .v-grid .v-grid-row > td:hover { + height: auto !important; + position: relative; +} + +.osbp-cxo .v-grid .v-grid-row > td:hover > img.gwt-Image { + height: auto; +} + +.osbp-cxo .v-grid .v-grid-row > td { + height: auto !important; +} + .osbp-cxo .v-grid .v-grid-cell.filter-header { height: 32px !important; padding: 0px; @@ -22132,16 +22285,45 @@ div.v-layout.v-horizontal.v-widget { color: #3e350e; } -.osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox { +.osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox, .osbp-cxo .os-cash-register .v-filterselect, .osbp-cxo .os-cash-register .v-filterselect-input, .osbp-cxo .os-cash-register .v-filterselect [class*="input"] { font-size: 32px; height: 64px; } -.osbp-cxo .os-cash-register .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .v-datefield.v-disabled, .osbp-cxo .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .o-XSuggestBox.v-disabled, .osbp-cxo .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield { +.osbp-cxo .os-cash-register .v-textfield.v-disabled, .osbp-cxo .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .v-datefield.v-disabled, .osbp-cxo .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .o-XSuggestBox.v-disabled, .osbp-cxo .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .v-filterselect.v-disabled, .osbp-cxo .os-cash-register .v-filterselect.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .v-filterselect-input.v-disabled, .osbp-cxo .os-cash-register .v-filterselect-input.v-disabled > .v-textfield, .osbp-cxo .os-cash-register .v-filterselect [class*="input"].v-disabled, .osbp-cxo .os-cash-register .v-filterselect [class*="input"].v-disabled > .v-textfield { background-color: transparent; opacity: 0.75; } +.osbp-cxo .os-cash-register .v-datefield [class*="textfield"] { + padding-left: 76.8px; +} + +.osbp-cxo .os-cash-register .v-filterselect-button, .osbp-cxo .os-cash-register .v-datefield button { + width: 64px; +} + +.osbp-cxo .os-cash-register .v-filterselect-button:before, .osbp-cxo .os-cash-register .v-datefield button:before { + width: 64px; +} + +.osbp-cxo .os-cash-register .os-alt-button > .v-component-group, .osbp-cxo .os-cash-register .os-alt-button > .l-beansearchfield { + display: block; +} + +.osbp-cxo .os-cash-register .os-alt-button > .v-component-group > .v-slot > .v-button, .osbp-cxo .os-cash-register .os-alt-button > .l-beansearchfield > .v-slot > .v-button { + position: relative; + height: 59px; + width: 59px; + min-width: 59px; + top: -59px; + left: -59px; +} + +.osbp-cxo .os-cash-register .v-component-group > .v-slot > .v-button { + height: 64px; +} + .osbp-cxo .os-cash-register .v-textarea { font-size: 32px; } @@ -22189,7 +22371,7 @@ div.v-layout.v-horizontal.v-widget { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } -.osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox { +.osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox, .osbp-cxo .os-cash-register .v-filterselect, .osbp-cxo .os-cash-register .v-filterselect-input, .osbp-cxo .os-cash-register .v-filterselect [class*="input"], .osbp-cxo .os-cash-register .l-control > .v-component-group, .osbp-cxo .os-cash-register .l-control > .l-beansearchfield { width: 266px; } @@ -22197,7 +22379,7 @@ div.v-layout.v-horizontal.v-widget { width: 202px !important; } -.osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox { +.osbp-cxo .os-cash-register .v-textfield, .osbp-cxo .os-cash-register .v-datefield, .osbp-cxo .os-cash-register .o-XSuggestBox, .osbp-cxo .os-cash-register .v-filterselect, .osbp-cxo .os-cash-register .v-filterselect-input, .osbp-cxo .os-cash-register .v-filterselect [class*="input"], .osbp-cxo .os-cash-register .l-control > .v-component-group, .osbp-cxo .os-cash-register .l-control > .l-beansearchfield { width: 266px; } @@ -22205,7 +22387,7 @@ div.v-layout.v-horizontal.v-widget { width: 202px !important; } -.osbp-cxo .os-cash-register .os-span-h-half.v-textfield, .osbp-cxo .os-cash-register .os-span-h-half.v-datefield, .osbp-cxo .os-cash-register .os-span-h-half.o-XSuggestBox { +.osbp-cxo .os-cash-register .os-span-h-half.v-textfield, .osbp-cxo .os-cash-register .os-span-h-half.v-datefield, .osbp-cxo .os-cash-register .os-span-h-half.o-XSuggestBox, .osbp-cxo .os-cash-register .os-span-h-half.v-textarea, .osbp-cxo .os-cash-register .os-span-h-half.v-filterselect, .osbp-cxo .os-cash-register .os-span-h-half.v-filterselect-input, .osbp-cxo .os-cash-register .os-span-h-half.v-filterselect [class*="input"], .osbp-cxo .os-cash-register .l-control.os-span-h-half .v-component-group, .osbp-cxo .os-cash-register .l-control.os-span-h-half .l-beansearchfield { width: 128px; } @@ -22213,7 +22395,7 @@ div.v-layout.v-horizontal.v-widget { width: 64px !important; } -.osbp-cxo .os-cash-register .os-span-h-single.v-textfield, .osbp-cxo .os-cash-register .os-span-h-single.v-datefield, .osbp-cxo .os-cash-register .os-span-h-single.o-XSuggestBox { +.osbp-cxo .os-cash-register .os-span-h-single.v-textfield, .osbp-cxo .os-cash-register .os-span-h-single.v-datefield, .osbp-cxo .os-cash-register .os-span-h-single.o-XSuggestBox, .osbp-cxo .os-cash-register .os-span-h-single.v-textarea, .osbp-cxo .os-cash-register .os-span-h-single.v-filterselect, .osbp-cxo .os-cash-register .os-span-h-single.v-filterselect-input, .osbp-cxo .os-cash-register .os-span-h-single.v-filterselect [class*="input"], .osbp-cxo .os-cash-register .l-control.os-span-h-single .v-component-group, .osbp-cxo .os-cash-register .l-control.os-span-h-single .l-beansearchfield { width: 266px; } @@ -22221,7 +22403,7 @@ div.v-layout.v-horizontal.v-widget { width: 202px !important; } -.osbp-cxo .os-cash-register .os-span-h-double.v-textfield, .osbp-cxo .os-cash-register .os-span-h-double.v-datefield, .osbp-cxo .os-cash-register .os-span-h-double.o-XSuggestBox { +.osbp-cxo .os-cash-register .os-span-h-double.v-textfield, .osbp-cxo .os-cash-register .os-span-h-double.v-datefield, .osbp-cxo .os-cash-register .os-span-h-double.o-XSuggestBox, .osbp-cxo .os-cash-register .os-span-h-double.v-textarea, .osbp-cxo .os-cash-register .os-span-h-double.v-filterselect, .osbp-cxo .os-cash-register .os-span-h-double.v-filterselect-input, .osbp-cxo .os-cash-register .os-span-h-double.v-filterselect [class*="input"], .osbp-cxo .os-cash-register .l-control.os-span-h-double .v-component-group, .osbp-cxo .os-cash-register .l-control.os-span-h-double .l-beansearchfield { width: 542px; } @@ -22229,7 +22411,7 @@ div.v-layout.v-horizontal.v-widget { width: 478px !important; } -.osbp-cxo .os-cash-register .os-span-h-triple.v-textfield, .osbp-cxo .os-cash-register .os-span-h-triple.v-datefield, .osbp-cxo .os-cash-register .os-span-h-triple.o-XSuggestBox { +.osbp-cxo .os-cash-register .os-span-h-triple.v-textfield, .osbp-cxo .os-cash-register .os-span-h-triple.v-datefield, .osbp-cxo .os-cash-register .os-span-h-triple.o-XSuggestBox, .osbp-cxo .os-cash-register .os-span-h-triple.v-textarea, .osbp-cxo .os-cash-register .os-span-h-triple.v-filterselect, .osbp-cxo .os-cash-register .os-span-h-triple.v-filterselect-input, .osbp-cxo .os-cash-register .os-span-h-triple.v-filterselect [class*="input"], .osbp-cxo .os-cash-register .l-control.os-span-h-triple .v-component-group, .osbp-cxo .os-cash-register .l-control.os-span-h-triple .l-beansearchfield { width: 818px; } @@ -22237,7 +22419,7 @@ div.v-layout.v-horizontal.v-widget { width: 754px !important; } -.osbp-cxo .os-cash-register .os-span-h-quad.v-textfield, .osbp-cxo .os-cash-register .os-span-h-quad.v-datefield, .osbp-cxo .os-cash-register .os-span-h-quad.o-XSuggestBox { +.osbp-cxo .os-cash-register .os-span-h-quad.v-textfield, .osbp-cxo .os-cash-register .os-span-h-quad.v-datefield, .osbp-cxo .os-cash-register .os-span-h-quad.o-XSuggestBox, .osbp-cxo .os-cash-register .os-span-h-quad.v-textarea, .osbp-cxo .os-cash-register .os-span-h-quad.v-filterselect, .osbp-cxo .os-cash-register .os-span-h-quad.v-filterselect-input, .osbp-cxo .os-cash-register .os-span-h-quad.v-filterselect [class*="input"], .osbp-cxo .os-cash-register .l-control.os-span-h-quad .v-component-group, .osbp-cxo .os-cash-register .l-control.os-span-h-quad .l-beansearchfield { width: 1094px; } @@ -22317,7 +22499,7 @@ div.v-layout.v-horizontal.v-widget { max-height: 254px !important; } -.osbp-cxo .os-cash-register .os-field-h-half .v-textfield, .osbp-cxo .os-cash-register .os-field-h-half .v-datefield, .osbp-cxo .os-cash-register .os-field-h-half .o-XSuggestBox { +.osbp-cxo .os-cash-register .os-field-h-half .v-textfield, .osbp-cxo .os-cash-register .os-field-h-half .v-datefield, .osbp-cxo .os-cash-register .os-field-h-half .o-XSuggestBox, .osbp-cxo .os-cash-register .os-field-h-half .v-filterselect, .osbp-cxo .os-cash-register .os-field-h-half .v-filterselect-input, .osbp-cxo .os-cash-register .os-field-h-half .v-filterselect [class*="input"], .osbp-cxo .os-cash-register .os-field-h-half .l-control > .v-component-group, .osbp-cxo .os-cash-register .os-field-h-half .l-control > .l-beansearchfield { width: 128px; } @@ -22357,7 +22539,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 190px; } -.osbp-cxo .os-cash-register .os-field-h-double .v-textfield, .osbp-cxo .os-cash-register .os-field-h-double .v-datefield, .osbp-cxo .os-cash-register .os-field-h-double .o-XSuggestBox { +.osbp-cxo .os-cash-register .os-field-h-double .v-textfield, .osbp-cxo .os-cash-register .os-field-h-double .v-datefield, .osbp-cxo .os-cash-register .os-field-h-double .o-XSuggestBox, .osbp-cxo .os-cash-register .os-field-h-double .v-filterselect, .osbp-cxo .os-cash-register .os-field-h-double .v-filterselect-input, .osbp-cxo .os-cash-register .os-field-h-double .v-filterselect [class*="input"], .osbp-cxo .os-cash-register .os-field-h-double .l-control > .v-component-group, .osbp-cxo .os-cash-register .os-field-h-double .l-control > .l-beansearchfield { width: 542px; } @@ -22389,7 +22571,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 254px; } -.osbp-cxo .os-cash-register .os-field-h-triple .v-textfield, .osbp-cxo .os-cash-register .os-field-h-triple .v-datefield, .osbp-cxo .os-cash-register .os-field-h-triple .o-XSuggestBox { +.osbp-cxo .os-cash-register .os-field-h-triple .v-textfield, .osbp-cxo .os-cash-register .os-field-h-triple .v-datefield, .osbp-cxo .os-cash-register .os-field-h-triple .o-XSuggestBox, .osbp-cxo .os-cash-register .os-field-h-triple .v-filterselect, .osbp-cxo .os-cash-register .os-field-h-triple .v-filterselect-input, .osbp-cxo .os-cash-register .os-field-h-triple .v-filterselect [class*="input"], .osbp-cxo .os-cash-register .os-field-h-triple .l-control > .v-component-group, .osbp-cxo .os-cash-register .os-field-h-triple .l-control > .l-beansearchfield { width: 818px; } @@ -22421,7 +22603,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 382px; } -.osbp-cxo .os-cash-register .os-field-h-quad .v-textfield, .osbp-cxo .os-cash-register .os-field-h-quad .v-datefield, .osbp-cxo .os-cash-register .os-field-h-quad .o-XSuggestBox { +.osbp-cxo .os-cash-register .os-field-h-quad .v-textfield, .osbp-cxo .os-cash-register .os-field-h-quad .v-datefield, .osbp-cxo .os-cash-register .os-field-h-quad .o-XSuggestBox, .osbp-cxo .os-cash-register .os-field-h-quad .v-filterselect, .osbp-cxo .os-cash-register .os-field-h-quad .v-filterselect-input, .osbp-cxo .os-cash-register .os-field-h-quad .v-filterselect [class*="input"], .osbp-cxo .os-cash-register .os-field-h-quad .l-control > .v-component-group, .osbp-cxo .os-cash-register .os-field-h-quad .l-control > .l-beansearchfield { width: 1094px; } @@ -23435,4 +23617,12 @@ div.v-layout.v-horizontal.v-widget { content: "\e665" !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); +} + +.osbp-cxo .grid-renderers-collection-addon { + cursor: pointer; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; }
\ No newline at end of file diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/Welcome.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/Welcome.html deleted file mode 100644 index 25ce3c7..0000000 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/Welcome.html +++ /dev/null @@ -1,64 +0,0 @@ -<!DOCTYPE html> -<head> - -<meta charset="utf-8"> - -<meta name="viewport" content="width=device-width, initial-scale=1"> - - -<link rel="stylesheet" type="text/css" href="typo-welcome-validated.css" media="all"> - - -<title>Compex - Welcomepage</title> - -</head> -<body class="osbp typo-welcome"> - - -<header class="header" style="background:#0067b1; padding-top: 10px;"> - <div style="background:#0067b1"> - <div class="inner small"> - <h2 class="headlineH2withoutUnderline versal">Welcome</h2> - <h3 class="align-center" style="color: rgb(255, 255, 255);">Here are some resources that will help you to get started</h3> - </div> - </div> -</header> - -<div class="welcome-image" align="center" style="padding-top: 10px; padding-bottom: 10px;"> -</div> - -<main> - <div class="ce-twoCol-Box " id="c309"> - <div class="inner small"> - - <div class="boxen withFontAwesome"> - - <div class=""> - <div><h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2> - <p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p></div> - </div> - - <div class=""> - <div><h2 class="smallHeadlineWithUnderline">Read documentation</h2> - <p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p></div> - </div> - - <div class=""> - <div><h2 class="smallHeadlineWithUnderline">Visit our forum</h2> - <p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p></div> - </div> - - <div class=""> - <div><h2 class="smallHeadlineWithUnderline">Register to join the community</h2> - <p class="bodytext">Register and benefit from special resources for community members.</p></div> - </div> - - </div> - - </div> - </div> - -</main> - -</body> -</html>
\ No newline at end of file diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/WelcomeTRANSLATABLE.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/WelcomeTRANSLATABLE.html new file mode 100644 index 0000000..fc11bcb --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/WelcomeTRANSLATABLE.html @@ -0,0 +1,68 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8" /> + <meta content="width=device-width, initial-scale=1" name="viewport" /> + <link href="screen.css" media="all" rel="stylesheet" type="text/css" /> + <link href="typo-welcome-validated.css" media="all" rel="stylesheet" type="text/css" /> + <title>Compex - Welcomepage</title> +</head> +<body class="osbp typo-welcome"> +<header class="header" style="background: rgb(0, 103, 177); padding-top: 10px;"> +<div style="background: rgb(0, 103, 177);"> +<div class="inner small"> +<h2 class="headlineH2withoutUnderline versal">$Welcome$</h2> + +<h3 class="align-center" style="color: rgb(255, 255, 255);">$Here are some resources that will help you to get started$</h3> +</div> +</div> +</header> + +<div align="center" class="welcome-image" style="padding-top: 10px; padding-bottom: 10px;"> </div> +<main> +<div class="ce-twoCol-Box " id="c309"> +<div class="inner small"> +<div class="boxen withFontAwesome"> +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2> + +<p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p> +</div> +</div> + +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Read documentation</h2> + +<p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p> +</div> +</div> + +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Visit our forum</h2> + +<p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p> +</div> +</div> + +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Register to join the community</h2> + +<p class="bodytext">Register and benefit from special resources for community members.</p> +</div> +</div> +</div> +</div> +</div> +</main> + +<p> </p> + +<p> </p> + +<p> </p> +</body> +</html> diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/dashboardtitleTRANSLATABLE.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/dashboardtitleTRANSLATABLE.html new file mode 100644 index 0000000..7dd311c --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/dashboardtitleTRANSLATABLE.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8" /> + <meta content="width=device-width, initial-scale=1" name="viewport" /> + <link href="screen.css" media="all" rel="stylesheet" type="text/css" /> + <link href="typo-welcome-validated.css" media="all" rel="stylesheet" type="text/css" /> + <title>Dashboard</title> +</head> +<body class="osbp typo-welcome"> +<header class="header" style="background: rgb(0, 103, 177); padding-top: 10px;"> +<div style="background: rgb(0, 103, 177);"> +<div class="inner small"> +<h2 class="headlineH2withoutUnderline versal">$dashboard_title$</h2> +<h3 class="align-center" style="color: rgb(255, 255, 255);">$dashboard_subtitle$</h3> +</div> +</div> +</header> +</body> +</html> diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/screen.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/screen.css new file mode 100644 index 0000000..7fc1b95 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/html/screen.css @@ -0,0 +1,27 @@ +i.fa{padding-left:5px;font-size:0.9rem}.bg-blue{background-color:#0067b1}.bg-darkblue{background-color:#002f58}.bg-red{background-color:#be1622}.bg-white{background-color:#fff}.button{display:inline-block;background:inherit;color:inherit;padding:15px;text-transform:uppercase;font-weight:700;font-size:15px;line-height:normal;text-decoration:none;cursor:pointer}.button i{padding-right:5px;transition:0.5s all;font-size:18px;line-height:normal}.button span+i{padding-left:5px;transition:0.5s all}.button:hover{text-decoration:none !important}.button:hover i{padding-right:10px;transition:0.5s all}.button:hover span+i{padding-left:10px;transition:0.5s all}span span{background:inherit;color:inherit}.redbutton,.bluebutton,.thirdSection .right a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.darkbluebutton,.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton,.whitebutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a,.marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a{display:inline-block;background:#be1622 none repeat scroll 0% 0%;color:#FFF;padding:15px;text-transform:uppercase;font-weight:700;font-size:15px;line-height:normal;text-decoration:none;cursor:pointer;border:none}.redbutton:hover,.bluebutton:hover,.thirdSection .right a:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover,.darkbluebutton:hover,.greybutton:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover,.whitebutton:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover{text-decoration:none !important}.bluebutton,.thirdSection .right a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a{background-color:#0067b1}.darkbluebutton{background-color:#002f58;text-align:left}.darkbluebutton.arrowlink:after,.thirdSection .right a.darkbluebutton:after{float:right}.darkbluebutton.arrowlink:hover:after,.thirdSection .right a.darkbluebutton:hover:after{padding-left:30px}.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton{background-color:#f5f5f5;color:#333}.greybutton:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover{background-color:#0067b1;color:#fff}.whitebutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a{background-color:#ffffff;color:#333}.arrowlink,.thirdSection .right a{font-weight:700;text-decoration:none;transition:0.5s all}.arrowlink:after,.thirdSection .right a:after{font-family:'FontAwesome';content:"\f178";padding-left:5px;font-size:15px;transition:0.7s all;display:inline-block}.arrowlink:hover,.thirdSection .right a:hover{text-decoration:none}.arrowlink:hover:after,.thirdSection .right a:hover:after{padding-left:15px;transition:0.5s all}.arrowlink.down:after,.thirdSection .right a.down:after{content:"\f078";vertical-align:bottom}.arrowlink.down.active:after,.thirdSection .right a.down.active:after{content:"\f077"}.keylink{text-align:center;color:#fff;font-weight:700;font-size:15px;line-height:normal}.keylink:before{content:"\f084";font-family:'FontAwesome';padding-right:5px;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.downloadlink{text-align:center;font-weight:700;text-decoration:none;transition:0.5s all;min-height:54px}.downloadlink:after{font-family:'FontAwesome';content:"\f019";padding-left:5px;font-size:15px;transition:0.5s all}.downloadlink:hover{font-size:18px}.downloadlink:hover:after{font-size:17px;transition:0.5s all}.buttonContainer{text-align:center}.versal{text-transform:uppercase}.cf:before,.inner:before,body.contact .contactMain:before,.ce-twoCol-Box .boxen:before,.ce-twoCol-Box .boxen.withFontAwesome:before,.ce-twoCol-Box .boxen.withoutFontAwesome:before,.ce-twoCol-Box .boxen.withOtherFontAwesome:before,.ce-twoCol-Box .boxen.withOtherFontAwesome div:before,.text-slide:before,.toggleContainer h3:before,.ce-threeBoxesWithOption:before,.ce-threeBoxesWithOption .inner div:before,.fontAwesome-list.twocol ul:before,.ce-os-bee:before,.ce-table:before,.service-formular:before,.service-formular .powermail_check_outer:before,.secondSection div.inner:before,.thirdSection:before,.thirdSection .inner:before,.newsletter:before,.newsletter .firstrow:before,.newsletter .secondrow:before,.newsletter .secondrow .inner:before,.ce-youtube-text:before,.ce-youtube-slider:before,.marketplace-wrapper:before,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:before,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:before,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:before,.marketplace-wrapper .mp-contentContainer .mp-filter ul:before,.marketplace-wrapper .mp-contentContainer .mp-content:before,.marketplace-wrapper .mp-contentContainer .mp-content article header:before,.marketplace-wrapper .mp-contentContainer .mp-content article footer:before,.mpdetail-content .mp-productInfo:before,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:before,.mpdetail-content .mp-productWrapper>ul:before,.tx-typo3forum-pi1 .forum_menu ul:before,.tx-typo3forum-pi1 .topic_list_menu ul:before,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #topic fieldset div:before,.tx-typo3forum-pi1 #post fieldset div:before,.tx-typo3forum-pi1 #report fieldset div:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before,.ce-osbee-forum-singlepost:before,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before,.blogSidebar .blog-subscribe .terms:before,.news-list-view .article:before,.news-list-view .news-content-wrap:before,.latest-news-container:before,.latest-news-container .startpage-latesnews:before,.latest-news-container .startpage-latesnews .news-img-wrap a:before,.shariff .orientation-horizontal:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before,.tx-sy-osbeeproducts .os_cartSupport:before,.tx-sy-osbeeproducts .os_cartSupport>div .container:before,.tx-sy-osbeeproducts .os_carAppSupport:before,.tx-sy-osbeeproducts .os_carAppSupport>div .container:before,.tx-sy-osbeeproducts .checkoutOption:before,.tx-contentpackage-checkoutFormular div:before,.checkoutSteps:before,.tx-indexedsearch-browsebox:before,.tx-srfeuserregister-pi1 fieldset:before,.tx-srfeuserregister-pi1 fieldset .formwrap:before,.community-forum-news:before,.community-forum-news>.inner>div.news .latest-news-container:before,.zweispaltig-unterseiten-layout:before,header.header:before,header.header .topMeta:before,header.header .topMeta+div:before,header.header nav>ul:before,footer.footer div.inner.small:before,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before,.ce-video:before,.ce-forum-latest-post:before,.ce-forum-latest-post>div:before,.ce-forum-latest-post>div div:before,.cf:after,.inner:after,body.contact .contactMain:after,.ce-twoCol-Box .boxen:after,.ce-twoCol-Box .boxen.withFontAwesome:after,.ce-twoCol-Box .boxen.withoutFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome div:after,.text-slide:after,.toggleContainer h3:after,.ce-threeBoxesWithOption:after,.ce-threeBoxesWithOption .inner div:after,.fontAwesome-list.twocol ul:after,.ce-os-bee:after,.ce-table:after,.service-formular:after,.service-formular .powermail_check_outer:after,.secondSection div.inner:after,.thirdSection:after,.thirdSection .inner:after,.newsletter:after,.newsletter .firstrow:after,.newsletter .secondrow:after,.newsletter .secondrow .inner:after,.ce-youtube-text:after,.ce-youtube-slider:after,.marketplace-wrapper:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:after,.marketplace-wrapper .mp-contentContainer .mp-filter ul:after,.marketplace-wrapper .mp-contentContainer .mp-content:after,.marketplace-wrapper .mp-contentContainer .mp-content article header:after,.marketplace-wrapper .mp-contentContainer .mp-content article footer:after,.mpdetail-content .mp-productInfo:after,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:after,.mpdetail-content .mp-productWrapper>ul:after,.tx-typo3forum-pi1 .forum_menu ul:after,.tx-typo3forum-pi1 .topic_list_menu ul:after,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #topic fieldset div:after,.tx-typo3forum-pi1 #post fieldset div:after,.tx-typo3forum-pi1 #report fieldset div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after,.ce-osbee-forum-singlepost:after,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after,.blogSidebar .blog-subscribe .terms:after,.news-list-view .article:after,.news-list-view .news-content-wrap:after,.latest-news-container:after,.latest-news-container .startpage-latesnews:after,.latest-news-container .startpage-latesnews .news-img-wrap a:after,.shariff .orientation-horizontal:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after,.tx-sy-osbeeproducts .os_cartSupport:after,.tx-sy-osbeeproducts .os_cartSupport>div .container:after,.tx-sy-osbeeproducts .os_carAppSupport:after,.tx-sy-osbeeproducts .os_carAppSupport>div .container:after,.tx-sy-osbeeproducts .checkoutOption:after,.tx-contentpackage-checkoutFormular div:after,.checkoutSteps:after,.tx-indexedsearch-browsebox:after,.tx-srfeuserregister-pi1 fieldset:after,.tx-srfeuserregister-pi1 fieldset .formwrap:after,.community-forum-news:after,.community-forum-news>.inner>div.news .latest-news-container:after,.zweispaltig-unterseiten-layout:after,header.header:after,header.header .topMeta:after,header.header .topMeta+div:after,header.header nav>ul:after,footer.footer div.inner.small:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after,.ce-video:after,.ce-forum-latest-post:after,.ce-forum-latest-post>div:after,.ce-forum-latest-post>div div:after{content:" ";display:table}.cf:after,.inner:after,body.contact .contactMain:after,.ce-twoCol-Box .boxen:after,.ce-twoCol-Box .boxen.withFontAwesome:after,.ce-twoCol-Box .boxen.withoutFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome div:after,.text-slide:after,.toggleContainer h3:after,.ce-threeBoxesWithOption:after,.ce-threeBoxesWithOption .inner div:after,.fontAwesome-list.twocol ul:after,.ce-os-bee:after,.ce-table:after,.service-formular:after,.service-formular .powermail_check_outer:after,.secondSection div.inner:after,.thirdSection:after,.thirdSection .inner:after,.newsletter:after,.newsletter .firstrow:after,.newsletter .secondrow:after,.newsletter .secondrow .inner:after,.ce-youtube-text:after,.ce-youtube-slider:after,.marketplace-wrapper:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:after,.marketplace-wrapper .mp-contentContainer .mp-filter ul:after,.marketplace-wrapper .mp-contentContainer .mp-content:after,.marketplace-wrapper .mp-contentContainer .mp-content article header:after,.marketplace-wrapper .mp-contentContainer .mp-content article footer:after,.mpdetail-content .mp-productInfo:after,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:after,.mpdetail-content .mp-productWrapper>ul:after,.tx-typo3forum-pi1 .forum_menu ul:after,.tx-typo3forum-pi1 .topic_list_menu ul:after,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #topic fieldset div:after,.tx-typo3forum-pi1 #post fieldset div:after,.tx-typo3forum-pi1 #report fieldset div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after,.ce-osbee-forum-singlepost:after,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after,.blogSidebar .blog-subscribe .terms:after,.news-list-view .article:after,.news-list-view .news-content-wrap:after,.latest-news-container:after,.latest-news-container .startpage-latesnews:after,.latest-news-container .startpage-latesnews .news-img-wrap a:after,.shariff .orientation-horizontal:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after,.tx-sy-osbeeproducts .os_cartSupport:after,.tx-sy-osbeeproducts .os_cartSupport>div .container:after,.tx-sy-osbeeproducts .os_carAppSupport:after,.tx-sy-osbeeproducts .os_carAppSupport>div .container:after,.tx-sy-osbeeproducts .checkoutOption:after,.tx-contentpackage-checkoutFormular div:after,.checkoutSteps:after,.tx-indexedsearch-browsebox:after,.tx-srfeuserregister-pi1 fieldset:after,.tx-srfeuserregister-pi1 fieldset .formwrap:after,.community-forum-news:after,.community-forum-news>.inner>div.news .latest-news-container:after,.zweispaltig-unterseiten-layout:after,header.header:after,header.header .topMeta:after,header.header .topMeta+div:after,header.header nav>ul:after,footer.footer div.inner.small:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after,.ce-video:after,.ce-forum-latest-post:after,.ce-forum-latest-post>div:after,.ce-forum-latest-post>div div:after{clear:both}html{margin:0;padding:0;font-size:15px;line-height:normal}html *{box-sizing:border-box;font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;counter-reset:olliste}section,main,footer,nav,aside,article{display:block}img{height:auto;max-width:100%}figure{margin:0;padding:0}input[type="submit"]{-webkit-appearance:none}ul{margin:0;padding:0;list-style:none}::-webkit-input-placeholder{color:#333333;opacity:1 !important}:-moz-placeholder{color:#333333}::-moz-placeholder{color:#333333}:-ms-input-placeholder{color:#333333}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#333333;opacity:1 !important}input:-moz-placeholder,textarea:-moz-placeholder{color:#333333}input::-moz-placeholder,textarea::-moz-placeholder{color:#333333}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#333333}.unorderedList li,.clients ul li,.ce-twoCol-Box .boxen.withFontAwesome>div ul li,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li,.text-slide .left ul li,.ce-Image-Text-Element .einspaltig ul li,.toggleContainer ul li,.ce-threeBoxesWithOption .inner div article ul li,.fontAwesome-list ul li ul li,.fontAwesome-list.twocol ul li ul li,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li,.ce-leftright>div figure+div ul li,.news ul li{position:relative;padding-left:15px}.unorderedList li:before,.clients ul li:before,.ce-twoCol-Box .boxen.withFontAwesome>div ul li:before,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li:before,.text-slide .left ul li:before,.ce-Image-Text-Element .einspaltig ul li:before,.toggleContainer ul li:before,.ce-threeBoxesWithOption .inner div article ul li:before,.fontAwesome-list ul li ul li:before,.fontAwesome-list.twocol ul li ul li:before,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before,.ce-leftright>div figure+div ul li:before,.news ul li:before{content:"\f054";content:"\f111";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:7px;left:0;color:#be1622;font-size:6px}.unorderedList li+li,.clients ul li+li,.ce-twoCol-Box .boxen.withFontAwesome>div ul li+li,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li+li,.text-slide .left ul li+li,.ce-Image-Text-Element .einspaltig ul li+li,.toggleContainer ul li+li,.ce-threeBoxesWithOption .inner div article ul li+li,.fontAwesome-list ul li ul li+li,.fontAwesome-list.twocol ul li ul li+li,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li+li,.ce-leftright>div figure+div ul li+li,.news ul li+li{margin-top:4px}.unorderedList li ul,.clients ul li ul,.ce-twoCol-Box .boxen.withFontAwesome>div ul li ul,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li ul,.text-slide .left ul li ul,.ce-Image-Text-Element .einspaltig ul li ul,.toggleContainer ul li ul,.ce-threeBoxesWithOption .inner div article ul li ul,.fontAwesome-list ul li ul li ul,.fontAwesome-list.twocol ul li ul li ul,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul,.ce-leftright>div figure+div ul li ul,.news ul li ul{margin-top:5px}.unorderedList+p,.clients ul+p,.ce-twoCol-Box .boxen.withFontAwesome>div ul+p,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul+p,.text-slide .left ul+p,.ce-Image-Text-Element .einspaltig ul+p,.toggleContainer ul+p,.ce-threeBoxesWithOption .inner div article ul+p,.fontAwesome-list ul li ul+p,.fontAwesome-list.twocol ul li ul+p,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul+p,.ce-leftright>div figure+div ul+p,.news ul+p,.unorderedList+ul,.clients ul+ul,.ce-twoCol-Box .boxen.withFontAwesome>div ul+ul,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul+ul,.text-slide .left ul+ul,.ce-Image-Text-Element .einspaltig ul+ul,.toggleContainer ul+ul,.ce-threeBoxesWithOption .inner div article ul+ul,.fontAwesome-list ul li ul+ul,.fontAwesome-list.twocol ul li ul+ul,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul+ul,.ce-leftright>div figure+div ul+ul,.news ul+ul{margin-top:15px}.inner{max-width:1325px;margin:0 auto}.inner.small,.tx-felogin-pi1 .tx-felogin-pi1-inner{max-width:1030px;margin:0 auto}@media screen and (max-width: 1100px){.inner.small,.tx-felogin-pi1 .tx-felogin-pi1-inner{padding:0 25px}}main{overflow:hidden}body.contact .contactMain{max-width:1030px;margin:0 auto 0 auto}h1,h2,.ce-table table caption,h3{margin:0;font-size:inherit;line-height:normal}.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-family:"Quicksand",sans-serif;font-size:60px;line-height:normal;color:#333;margin:0 0 40px 0;text-transform:uppercase;font-weight:300;display:block}@media screen and (max-width: 1024px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:45px;margin-bottom:30px}}@media screen and (max-width: 768px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:35px;margin-bottom:25px}}@media screen and (max-width: 640px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:28px;margin-bottom:20px}}.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-family:"Quicksand",sans-serif;font-size:60px;line-height:normal;color:#333;margin:0 0 40px 0;text-transform:uppercase;text-align:center;font-weight:300;display:block}@media screen and (max-width: 1024px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:45px}}@media screen and (max-width: 768px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:35px}}@media screen and (max-width: 640px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:28px}}.headlineH2Center,p.headlineH2Center,.service-formular fieldset .powermail_legend,.sliderContainer p.headlineH2Center,.latest-news-container h2,.latest-news-container .ce-table table caption,.ce-table table .latest-news-container caption,.mp-contentContainer.checkout h1{font-family:"Quicksand", sans-serif;font-weight:400;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;text-align:center;display:block;margin:0 0 15px 0}.headlineH2Center:after,.service-formular fieldset .powermail_legend:after,.sliderContainer p.headlineH2Center:after,.latest-news-container h2:after,.latest-news-container .ce-table table caption:after,.ce-table table .latest-news-container caption:after,.mp-contentContainer.checkout h1:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px auto 0 auto}.headlineH2,p.headlineH2,.sliderContainer p.headlineH2,.tx-typo3forum-pi1 #topic fieldset legend,.tx-typo3forum-pi1 #post fieldset legend,.tx-typo3forum-pi1 #report fieldset legend,.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption{font-family:"Quicksand", sans-serif;font-weight:400;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;display:block;margin:0 0 15px 0}.headlineH2:after,.sliderContainer p.headlineH2:after,.tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #report fieldset legend:after,.mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.headlineH2withoutUnderline,.headlineH2withoutUnderlineLeft,p.headlineH2withoutUnderline,.sliderContainer p.headlineH2withoutUnderline{font-size:36px;line-height:normal;font-family:"Quicksand",sans-serif;font-weight:400;color:#fff;display:block;margin:0 0 15px 0;text-align:center}.headlineH2withoutUnderlineLeft{text-align:left}.headlineH3,p.headlineH3,.sliderContainer p.headlineH3{font-weight:700;font-size:16px;line-height:normal;color:#333;margin:0 0 20px 0;display:block}.smallHeadlineWithUnderline,p.smallHeadlineWithUnderline,.sliderContainer p.smallHeadlineWithUnderline{font-size:18px;line-height:normal;font-weight:700;color:#333;margin-bottom:20px}.smallHeadlineWithUnderline:after,.sliderContainer p.smallHeadlineWithUnderline:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:5px 0 0 0}a{color:#0067b1;text-decoration:none;font-weight:700}a span{color:inherit}a:hover{text-decoration:underline}a.arrowlink:hover,.thirdSection .right a:hover{text-decoration:underline !important}a.arrowlink:hover:after,.thirdSection .right a:hover:after{text-decoration:none !important}a.button:hover{text-decoration:none !important}a.button:hover span{text-decoration:none !important}span a{color:inherit}.textlinkarrow:after,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:after,.ce-table table tr td a:after,.ce-leftright>div figure+div a:after,.ce-youtube-text .right a:after,.news-list-view .more:after{content:"\f178";transition:0.7s all;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-family:'FontAwesome';padding-left:5px;transition:0.7s all}.textlinkarrow:hover,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:hover,.ce-table table tr td a:hover,.ce-leftright>div figure+div a:hover,.ce-youtube-text .right a:hover,.news-list-view .more:hover{text-decoration:none}.textlinkarrow:hover:after,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:hover:after,.ce-table table tr td a:hover:after,.ce-leftright>div figure+div a:hover:after,.ce-youtube-text .right a:hover:after,.news-list-view .more:hover:after{padding-left:10px}.textlinkarrow.whitetextlinkarrow,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a.whitetextlinkarrow,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow .ce-leftright>div figure+div a,.ce-leftright>div figure+div .ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a,.ce-table table tr td a.whitetextlinkarrow,.ce-leftright>div figure+div a,.ce-youtube-text .right a.whitetextlinkarrow,.ce-youtube-text .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .ce-youtube-text .right a,.news-list-view .whitetextlinkarrow.more,.news-list-view .ce-leftright>div figure+div a.more,.ce-leftright>div figure+div .news-list-view a.more{color:#fff}h1,h2,.ce-table table caption,h3,h4,h5,h6{font-size:15px;line-height:normal;margin:0;font-weight:400}p{font-size:15px;line-height:normal;margin:0}p+p,p+ul,p+ol{margin-top:15px}p+h1,p+h2,.ce-table table p+caption,p+h3,p+.headlineH3,.sliderContainer p+p.headlineH3,p+.headlineH2withoutUnderline,p+.headlineH2withoutUnderlineLeft,.sliderContainer p+p.headlineH2withoutUnderline,p+.smallHeadlineWithUnderline,.sliderContainer p+p.smallHeadlineWithUnderline,p+.headlineH2,.sliderContainer p+p.headlineH2,.tx-typo3forum-pi1 #topic fieldset p+legend,.tx-typo3forum-pi1 #post fieldset p+legend,.tx-typo3forum-pi1 #report fieldset p+legend,.mp-contentContainer.checkout .checkout_paymentOption p+h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table p+caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption p+caption,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>p+h2,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>p+caption,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>p+caption,p+.headlineH2Center,.service-formular fieldset p+.powermail_legend,.sliderContainer p+p.headlineH2Center,.latest-news-container p+h2,.latest-news-container .ce-table table p+caption,.ce-table table .latest-news-container p+caption,.mp-contentContainer.checkout p+h1,p+.headlineH1Center,.sliderContainer p+p.headlineH1Center,p+.headlineH1,.sliderContainer p+p.headlineH1,p+.headlineH2withoutUnderline,p+.headlineH2withoutUnderlineLeft,.sliderContainer p+p.headlineH2withoutUnderline{margin-top:25px}p i{font-style:italic}p.bigText{font-size:18px;line-height:normal}p.bigText a{font-size:18px;line-height:normal}p.centeralign,p.align-center{text-align:center}p.leftalign,p.align-left{text-align:left}p.rightalign,p.align-right{text-align:right}ul li{font-size:15px;line-height:normal}a{font-size:15px;line-height:normal}.bigText{font-size:18px;line-height:normal}.centeralign,.align-center{text-align:center}.leftalign{text-align:left}.rightalign{text-align:right}/*! + * Hover.css (http://ianlunn.github.io/Hover/) + * Version: 2.0.2 + * Author: Ian Lunn @IanLunn + * Author URL: http://ianlunn.co.uk/ + * Github: https://github.com/IanLunn/Hover + + * Made available under a MIT License: + * http://www.opensource.org/licenses/mit-license.php + + * Hover.css Copyright Ian Lunn 2014. Generated with Sass. + */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:hover,.hvr-shrink:focus,.hvr-shrink:active{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse:hover,.hvr-pulse:focus,.hvr-pulse:active{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-grow:hover,.hvr-pulse-grow:focus,.hvr-pulse-grow:active{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-shrink:hover,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:active{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-push:hover,.hvr-push:focus,.hvr-push:active{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-in:hover,.hvr-bounce-in:focus,.hvr-bounce-in:active{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-out:hover,.hvr-bounce-out:focus,.hvr-bounce-out:active{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:hover,.hvr-rotate:focus,.hvr-rotate:active{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:hover,.hvr-grow-rotate:focus,.hvr-grow-rotate:active{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:hover,.hvr-float:focus,.hvr-float:active{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:hover,.hvr-sink:focus,.hvr-sink:active{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-bob:hover,.hvr-bob:focus,.hvr-bob:active{-webkit-animation-name:hvr-bob-float, hvr-bob;animation-name:hvr-bob-float, hvr-bob;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-hang:hover,.hvr-hang:focus,.hvr-hang:active{-webkit-animation-name:hvr-hang-sink, hvr-hang;animation-name:hvr-hang-sink, hvr-hang;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:hover,.hvr-skew:focus,.hvr-skew:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:hover,.hvr-skew-forward:focus,.hvr-skew-forward:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:hover,.hvr-skew-backward:focus,.hvr-skew-backward:active{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-vertical:hover,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:active{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);transform:translate(8px, 8px)}33.3%{-webkit-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}49.95%{-webkit-transform:translate(4px, 4px);transform:translate(4px, 4px)}66.6%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px)}83.25%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);transform:translate(8px, 8px)}33.3%{-webkit-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}49.95%{-webkit-transform:translate(4px, 4px);transform:translate(4px, 4px)}66.6%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px)}83.25%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-to-bottom-right:hover,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:active{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);transform:translate(8px, -8px)}33.3%{-webkit-transform:translate(-6px, 6px);transform:translate(-6px, 6px)}49.95%{-webkit-transform:translate(4px, -4px);transform:translate(4px, -4px)}66.6%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px)}83.25%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);transform:translate(8px, -8px)}33.3%{-webkit-transform:translate(-6px, 6px);transform:translate(-6px, 6px)}49.95%{-webkit-transform:translate(4px, -4px);transform:translate(4px, -4px)}66.6%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px)}83.25%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-to-top-right:hover,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:active{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:hover,.hvr-wobble-top:focus,.hvr-wobble-top:active{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:hover,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:active{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-skew:hover,.hvr-wobble-skew:focus,.hvr-wobble-skew:active{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-buzz:hover,.hvr-buzz:focus,.hvr-buzz:active{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-buzz-out:hover,.hvr-buzz-out:focus,.hvr-buzz-out:active{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color;transition-property:color, background-color}.hvr-fade:hover,.hvr-fade:focus,.hvr-fade:active{background-color:#2098d1;color:white}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,0.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,0.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:color, background-color;transition-property:color, background-color}.hvr-back-pulse:hover,.hvr-back-pulse:focus,.hvr-back-pulse:active{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098d1;background-color:#2098d1;color:white}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active{color:white}.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:hover,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:active{color:white}.hvr-sweep-to-left:hover:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:hover,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:active{color:white}.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:hover,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:active{color:white}.hvr-sweep-to-top:hover:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{color:white}.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:hover,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:active{color:white}.hvr-bounce-to-left:hover:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:hover,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:active{color:white}.hvr-bounce-to-bottom:hover:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:hover,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:active{color:white}.hvr-bounce-to-top:hover:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active{color:white}.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:hover,.hvr-radial-in:focus,.hvr-radial-in:active{color:white}.hvr-radial-in:hover:before,.hvr-radial-in:focus:before,.hvr-radial-in:active:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:hover,.hvr-rectangle-in:focus,.hvr-rectangle-in:active{color:white}.hvr-rectangle-in:hover:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:active:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active{color:white}.hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:hover,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:active{color:white}.hvr-shutter-in-horizontal:hover:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:active:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:hover,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:active{color:white}.hvr-shutter-out-horizontal:hover:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:hover,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:active{color:white}.hvr-shutter-in-vertical:hover:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:active:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:hover,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:active{color:white}.hvr-shutter-out-vertical:hover:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-border-fade:hover,.hvr-border-fade:focus,.hvr-border-fade:active{box-shadow:inset 0 0 0 4px #2098d1,0 0 1px transparent}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-hollow:hover,.hvr-hollow:focus,.hvr-hollow:active{background:none}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-trim:before{content:'';position:absolute;border:white solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:hover:before,.hvr-trim:focus:before,.hvr-trim:active:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:hover:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:active:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.hvr-outline-out:hover:before,.hvr-outline-out:focus:before,.hvr-outline-out:active:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.hvr-outline-in:hover:before,.hvr-outline-in:focus:before,.hvr-outline-in:active:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:hover,.hvr-round-corners:focus,.hvr-round-corners:active{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:hover:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:active:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:hover:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:active:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:hover:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:active:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;top:0;background:#2098d1;height:4px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:hover:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:active:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:hover:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:active:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098d1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:hover:before,.hvr-reveal:focus:before,.hvr-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:hover:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098d1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:hover:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:hover,.hvr-glow:focus,.hvr-glow:active{box-shadow:0 0 8px rgba(0,0,0,0.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:hover,.hvr-shadow:focus,.hvr-shadow:active{box-shadow:0 10px 10px -10px rgba(0,0,0,0.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow, transform;transition-property:box-shadow, transform}.hvr-grow-shadow:hover,.hvr-grow-shadow:focus,.hvr-grow-shadow:active{box-shadow:0 10px 10px -10px rgba(0,0,0,0.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:hover,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:active{box-shadow:2px 2px 2px rgba(0,0,0,0.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,0.6),0 0 1px transparent}.hvr-box-shadow-inset:hover,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:active{box-shadow:inset 2px 2px 2px rgba(0,0,0,0.6),0 0 1px transparent}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center, ellipse, rgba(0,0,0,0.35) 0%, transparent 80%);background:radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%, transparent 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform, opacity;transition-property:transform, opacity}.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-shadow-radial:before,.hvr-shadow-radial:after{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;background-repeat:no-repeat;height:5px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%, ellipse, rgba(0,0,0,0.6) 0%, transparent 80%);background:radial-gradient(ellipse at 50% 150%, rgba(0,0,0,0.6) 0%, transparent 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%, ellipse, rgba(0,0,0,0.6) 0%, transparent 80%);background:radial-gradient(ellipse at 50% -50%, rgba(0,0,0,0.6) 0%, transparent 80%)}.hvr-shadow-radial:hover:before,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:active:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:active:after{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px 10px;border-color:transparent transparent #e1e1e1 transparent}.hvr-bubble-top:hover:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:active:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:hover:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:active:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent}.hvr-bubble-bottom:hover:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:active:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:hover:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:active:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #e1e1e1 transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:hover,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:active{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:hover:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:active:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:hover,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:active{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:hover:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:active:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:hover,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:active{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:hover:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:active:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-left:2.2em;-webkit-transition-duration:0.1s;transition-duration:0.1s}.hvr-icon-back:before{content:"\f137";position:absolute;left:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:hover:before,.hvr-icon-back:focus:before,.hvr-icon-back:active:before{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.1s;transition-duration:0.1s}.hvr-icon-forward:before{content:"\f138";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:hover:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:active:before{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%, + 50%, + 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%, + 75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%, + 50%, + 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%, + 75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-down:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:hover:before,.hvr-icon-down:focus:before,.hvr-icon-down:active:before{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%, + 50%, + 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%, + 75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%, + 50%, + 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%, + 75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-up:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:hover:before,.hvr-icon-up:focus:before,.hvr-icon-up:active:before{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-spin:before{content:"\f021";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:hover:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:active:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%, + 100%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%, + 100%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-drop:before{content:"\f041";position:absolute;right:1em;opacity:1;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:hover:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:active:before{opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);animation-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-fade:before{content:"\f00c";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:hover:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:active:before{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-float-away:before,.hvr-icon-float-away:after{content:"\f055";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome}.hvr-icon-float-away:after{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:hover:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:active:after{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-sink-away:before,.hvr-icon-sink-away:after{content:"\f056";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-sink-away:after{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:hover:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:active:after{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-grow:before{content:"\f118";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:hover:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:active:before{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-shrink:before{content:"\f119";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:hover:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:active:before{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:hover:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:active:before{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse-grow:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:hover:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:active:before{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse-shrink:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:hover:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:active:before{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-push:before{content:"\f006";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:hover:before,.hvr-icon-push:focus:before,.hvr-icon-push:active:before{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-pop:before{content:"\f005";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:hover:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:active:before{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-bounce:before{content:"\f087";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:hover:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:active:before{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-rotate:before{content:"\f0c6";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:hover:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:active:before{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-grow-rotate:before{content:"\f095";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:hover:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:active:before{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-float:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:hover:before,.hvr-icon-float:focus:before,.hvr-icon-float:active:before{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-sink:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:hover:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:active:before{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-bob:before{content:"\f077";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:hover:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:active:before{-webkit-animation-name:hvr-icon-bob-float, hvr-icon-bob;animation-name:hvr-icon-bob-float, hvr-icon-bob;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-hang:before{content:"\f078";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:hover:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:active:before{-webkit-animation-name:hvr-icon-hang-sink, hvr-icon-hang;animation-name:hvr-icon-hang-sink, hvr-icon-hang;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-wobble-horizontal:before{content:"\f061";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:hover:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:active:before{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-wobble-vertical:before{content:"\f062";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:hover:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:active:before{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-buzz:before{content:"\f017";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:hover:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:active:before{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-buzz-out:before{content:"\f023";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:hover:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:active:before{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:white;background:linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-top-left:hover:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:active:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:white;background:linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-top-right:hover:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:active:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:white;background:linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-bottom-right:hover:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:active:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:white;background:linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-bottom-left:hover:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:active:before{width:25px;height:25px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate(0px, 0px);-ms-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-prev,.swiper-button-next,.swiper-button-prev-clients,.swiper-button-next-clients,.swiper-button-prev-small-youtube,.swiper-button-next-small-youtube{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-button-prev-clients,.swiper-button-prev-small-youtube,.swiper-container-rtl .swiper-button-next{background-image:url("../img/prev.png");left:30px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-button-next-clients,.swiper-button-next-small-youtube,.swiper-container-rtl .swiper-button-prev{background-image:url("../img/next.png");right:30px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);-moz-transform:translate3d(0px, -50%, 0);-o-transform:translate(0px, -50%);-ms-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to left, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to right, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to top, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), transparent)}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:99999;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:999999;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:9999999}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:999999}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:99999999;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slow{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slower{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slowest{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.delay-250{-webkit-animation-delay:0.25s;-moz-animation-delay:0.25s;-o-animation-delay:0.25s;animation-delay:0.25s}.delay-500{-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s}.delay-750{-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;-o-animation-delay:0.75s;animation-delay:0.75s}.delay-1000{-webkit-animation-delay:1.0s;-moz-animation-delay:1.0s;-o-animation-delay:1.0s;animation-delay:1.0s}.delay-1250{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s}.delay-1500{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay-1750{-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;-o-animation-delay:1.75s;animation-delay:1.75s}.delay-2000{-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-2000{-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-3000{-webkit-animation-delay:3.0s;-moz-animation-delay:3.0s;-o-animation-delay:3.0s;animation-delay:3.0s}.delay-3500{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s}.bounceInRight,.bounceInLeft,.bounceInUp,.bounceInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight,.fadeInLeft,.fadeInUp,.fadeInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.flipInX,.flipInY,.rotateIn,.rotateInUpLeft,.rotateInUpRight,.rotateInDownLeft,.rotateDownUpRight,.rollIn{opacity:0}.lightSpeedInRight,.lightSpeedInLeft{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.bounceIn.go{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(400px)}60%{-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(400px)}60%{transform:translateX(-30px)}80%{transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}.bounceInRight.go{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}60%{-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-400px)}60%{transform:translateX(30px)}80%{transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}.bounceInLeft.go{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(400px)}60%{-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(400px)}60%{transform:translateY(-30px)}80%{transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.bounceInUp.go{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}60%{-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-400px)}60%{transform:translateY(30px)}80%{transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}.bounceInDown.go{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}.fadeIn{opacity:0}.fadeIn.go{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes growIn{0%{-webkit-transform:scale(0.2);opacity:0}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1);opacity:1}}@keyframes growIn{0%{transform:scale(0.2);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.growIn{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:0}.growIn.go{-webkit-animation-name:growIn;animation-name:growIn}@-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px)}20%, 40%, 60%, 80%{-webkit-transform:translateX(10px)}}@keyframes shake{0%, 100%{transform:translateX(0)}10%, 30%, 50%, 70%, 90%{transform:translateX(-10px)}20%, 40%, 60%, 80%{transform:translateX(10px)}}.shake.go{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes shakeUp{0%, 100%{-webkit-transform:translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform:translateY(-10px)}20%, 40%, 60%, 80%{-webkit-transform:translateY(10px)}}@keyframes shakeUp{0%, 100%{transform:translateY(0)}10%, 30%, 50%, 70%, 90%{transform:translateY(-10px)}20%, 40%, 60%, 80%{transform:translateY(10px)}}.shakeUp.go{-webkit-animation-name:shakeUp;animation-name:shakeUp}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-400px)}50%{opacity:0.3}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}.fadeInLeft.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(400px)}50%{opacity:0.3}100%{opacity:1;transform:translateX(0)}}.fadeInRight{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(400px)}50%{opacity:0.3}100%{opacity:1;transform:translateY(0)}}.fadeInUp{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}.fadeInUp.go{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-400px)}50%{opacity:0.3}100%{opacity:1;transform:translateY(0)}}.fadeInDown{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}.fadeInDown.go{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn.go{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft.go{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft.go{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight.go{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight.go{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn.go{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle.go{-webkit-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes swing{20%, 40%, 60%, 80%, 100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing.go{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg)}40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%, 20%{transform:scale(0.9) rotate(-3deg)}30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg)}40%, 60%, 80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada.go{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble.go{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse.go{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInRight{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInRight.go{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}60%{-webkit-transform:translateX(20%) skewX(-30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInLeft{0%{transform:translateX(-100%) skewX(30deg);opacity:0}60%{transform:translateX(20%) skewX(-30deg);opacity:1}80%{transform:translateX(0%) skewX(15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInLeft.go{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(0.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;backface-visibility:visible !important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(0.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(0.3)}}.bounceOut.goAway{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp.goAway{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown.goAway{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft.goAway{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight.goAway{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut.goAway{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUp.goAway{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDown.goAway{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeft.goAway{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRight.goAway{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX.goAway{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible !important;animation-name:flipOutX;backface-visibility:visible !important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipOutY;backface-visibility:visible !important;animation-name:flipOutY}@-webkit-keyframes lightSpeedOutRight{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOutRight.goAway{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(-100%) skewX(30deg);opacity:0}}.lightSpeedOutLeft.goAway{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut.goAway{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft.goAway{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft.goAway{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight.goAway{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut.goAway{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes fadeInUpShort{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUpShort{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpShort{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.fadeInUpShort.go{-webkit-animation-name:fadeInUpShort;animation-name:fadeInUpShort}@-webkit-keyframes fadeInDownShort{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDownShort{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownShort{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.fadeInDownShort.go{-webkit-animation-name:fadeInDownShort;animation-name:fadeInDownShort}@-webkit-keyframes fadeInRightShort{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRightShort{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightShort{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.fadeInRightShort.go{-webkit-animation-name:fadeInRightShort;animation-name:fadeInRightShort}@-webkit-keyframes fadeInLeftShort{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeftShort{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftShort{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.fadeInLeftShort.go{-webkit-animation-name:fadeInLeftShort;animation-name:fadeInLeftShort}.logo-slider{margin-bottom:50px}.logo-slider p{margin:0 0 40px 0}@media screen and (max-width: 420px){.logo-slider p{margin:0 0 25px 0}.logo-slider .swiper-slide{text-align:center}}.clients{background:url(../dummy/clients.jpg);padding:40px 0;margin-bottom:50px;background-size:cover !important}.clients .inner.small,.clients .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .clients .tx-felogin-pi1-inner{padding:0 60px}.clients h2,.clients .ce-table table caption,.ce-table table .clients caption{margin-bottom:50px;color:#fff}.clients p{color:#fff;text-align:center}.clients p strong{display:block;margin-bottom:3px}.clients p+p{margin-top:20px}@media screen and (max-width: 600px){.clients .inner.small,.clients .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .clients .tx-felogin-pi1-inner{padding:0 40px}.clients .swiper-button-next-clients{right:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}.clients .swiper-button-prev-clients{left:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}}.unterseiten-banner{text-align:center;padding:50px 0 50px 0;background:#767679 url(../dummy/banner.jpg) no-repeat;background-position:center !important;margin-bottom:50px;min-height:200px;background-repeat:no-repeat !important;background-size:cover !important}.unterseiten-banner+.breadcrumbContainer{margin-top:-50px;margin-bottom:50px}.unterseiten-banner p{color:#fff}.unterseiten-banner a{margin-top:20px}.unterseiten-banner.arrow{position:relative}.unterseiten-banner.arrow:after,.unterseiten-banner.arrow:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.unterseiten-banner.arrow:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.unterseiten-banner.arrow:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.unterseiten-banner.arrowGrey{position:relative}.unterseiten-banner.arrowGrey:after,.unterseiten-banner.arrowGrey:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.unterseiten-banner.arrowGrey:after{border-color:rgba(255,255,255,0);border-top-color:#333;border-width:20px;margin-left:-20px}.unterseiten-banner.arrowGrey:before{border-color:rgba(255,255,255,0);border-top-color:#333;border-width:20px;margin-left:-20px}.ce-twoCol-Box{padding:0;margin-bottom:50px}.ce-twoCol-Box.addPadding{padding:40px 0}.ce-twoCol-Box .texttop{margin-bottom:40px}.ce-twoCol-Box .texttop h1,.ce-twoCol-Box .texttop h2,.ce-twoCol-Box .texttop .ce-table table caption,.ce-table table .ce-twoCol-Box .texttop caption,.ce-twoCol-Box .texttop h3,.ce-twoCol-Box .texttop h4{margin-bottom:0}.ce-twoCol-Box .boxen .arrowlink:hover:after,.ce-twoCol-Box .boxen .thirdSection .right a:hover:after,.thirdSection .right .ce-twoCol-Box .boxen a:hover:after{display:inline-block;text-decoration:none !important}.ce-twoCol-Box .boxen.withFontAwesome>div{float:left;width:calc(100% / 2);padding-right:95px;position:relative;text-align:right}.ce-twoCol-Box .boxen.withFontAwesome>div .headlineH2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #report fieldset legend:after,.tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .headlineH2Center:after,.ce-twoCol-Box .boxen.withFontAwesome>div .service-formular fieldset .powermail_legend:after,.service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome>div .powermail_legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .latest-news-container h2:after,.latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .latest-news-container .ce-table table caption:after,.latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .latest-news-container caption:after,.ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout h1:after,.mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome>div h1:after{margin:10px 0 0 auto}.ce-twoCol-Box .boxen.withFontAwesome>div .smallHeadlineWithUnderline:after{margin:5px 0 0 auto}.ce-twoCol-Box .boxen.withFontAwesome>div>i{position:absolute;top:0;right:15px;padding:10px;padding-top:18px;background:#c6c6c6;border-radius:50px;height:60px;width:60px;text-align:center}.ce-twoCol-Box .boxen.withFontAwesome>div>i:before{vertical-align:middle;font-size:24px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n)>i{right:auto;left:15px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .smallHeadlineWithUnderline:after{margin:5px auto 0 0}.ce-twoCol-Box .boxen.withFontAwesome>div p i{padding-left:0}.ce-twoCol-Box .boxen.withFontAwesome>div p+ul{margin-top:15px}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-left{text-align:left}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-right{text-align:right}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-center{text-align:center}.ce-twoCol-Box .boxen.withFontAwesome>div a{color:#0067b1;text-decoration:none}.ce-twoCol-Box .boxen.withFontAwesome>div a:hover{text-decoration:underline}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(n+3){margin-top:45px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n){padding-right:0;padding-left:95px;text-align:left}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .headlineH2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after,.tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .headlineH2Center:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after,.service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .powermail_legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .latest-news-container h2:after,.latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .latest-news-container .ce-table table caption:after,.latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .latest-news-container caption:after,.ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout h1:after,.mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h1:after{margin:10px auto 0 0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) span{right:auto;left:15px}@media screen and (max-width: 800px){.ce-twoCol-Box .boxen.withFontAwesome>div{float:none;width:100%;margin-right:0}.ce-twoCol-Box .boxen.withFontAwesome>div+div{margin-top:40px !important}}@media screen and (max-width: 600px){.ce-twoCol-Box .boxen.withFontAwesome>div{padding-left:0;padding-right:0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n){padding-left:0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n)>i.fa{display:none}.ce-twoCol-Box .boxen.withFontAwesome>div>i.fa{display:none}}.ce-twoCol-Box .boxen.withoutFontAwesome>div{float:left;width:calc((100% - 25px) / 2)}.ce-twoCol-Box .boxen.withoutFontAwesome>div+div{margin-left:25px}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(2n+3){margin-left:0}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(n+3){margin-top:50px}@media screen and (max-width: 767px){.ce-twoCol-Box .boxen.withoutFontAwesome>div{float:none;width:100%}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(n+3){margin-top:25px}.ce-twoCol-Box .boxen.withoutFontAwesome>div+div{margin-top:25px;margin-left:0 !important}}.ce-twoCol-Box .boxen.withOtherFontAwesome div{float:left;width:48%;position:relative;padding-left:120px;min-height:80px}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa{position:absolute;top:0;right:80%}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa:before{vertical-align:middle;font-size:80px;color:#0067b1}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n+3){margin-top:40px}@media screen and (max-width: 800px){.ce-twoCol-Box .boxen.withOtherFontAwesome div{float:none;width:100%;padding-left:0}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n+2){margin-top:40px}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa{position:relative;top:auto;left:auto;float:left;margin-right:15px;display:none}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa:before{font-size:50px}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n)>i.fa{left:auto}.ce-twoCol-Box .boxen.withOtherFontAwesome div+div{margin-top:30px}}.text-slide{margin-bottom:50px}.text-slide .openImgSubHeadline{font-size:15px;line-height:normal;color:#333;text-decoration:none;font-weight:400;margin:0 0 5px 0}.text-slide .left{float:left;width:40.77%;width:calc((100% - 25px) / 2)}.text-slide .left h3{font-family:"Open Sans",sans-serif;font-weight:700;color:#333;margin:0 0 20px 0}.text-slide .left p{color:#333}.text-slide .right{float:left;width:50%;width:calc((100% - 25px) / 2);margin-left:9.22%;margin-left:25px}.text-slide .right .openImage{position:relative;display:block}.text-slide .right .openImage i{font-size:1.5rem;color:#fff;position:absolute;left:0;right:0;z-index:20;top:50%;margin-top:-12px;text-align:center;color:#333}.text-slide .right .openImage i:before,.text-slide .right .openImage i:after{color:#333}.text-slide .right .openImage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:rgba(255,255,255,0.5);border:solid 1px rgba(0,0,0,0.2)}.text-slide .right .singleImage{display:block;max-height:250px;overflow:hidden}.text-slide .right .singleImage img{display:block}@media screen and (max-width: 768px){.text-slide .left{width:100%;float:none}.text-slide .right{float:none;width:100%;margin-left:0;margin-top:25px}}.ce-Image-Text-Element{margin-bottom:50px}.ce-Image-Text-Element .einspaltig .bigText{font-size:18px;line-height:normal}.ce-Image-Text-Element .einspaltig+figure{margin-top:25px}.ce-Image-Text-Element figure{margin:0}.ce-Image-Text-Element figure figcaption{font-size:12px;display:block;margin:0;padding:0;line-height:normal;text-align:right;color:#333}.ce-Image-Text-Element figure img{display:block;margin:0 auto}.ce-Image-Text-Element figure+.einspaltig{margin-top:25px}.toggleContainer{margin-bottom:50px !important}@media screen and (max-width: 1100px){.toggleContainer{padding:50px 25px 40px 25px !important}}.toggleContainer h2,.toggleContainer .ce-table table caption,.ce-table table .toggleContainer caption{margin:0 0 30px 0}.toggleContainer h3{padding:0 20px;background:#ececec;line-height:55px;margin:0 0 10px 0;font-weight:700;outline:none;cursor:pointer}.toggleContainer h3 i{color:#6c6c6c}.toggleContainer h3 i+strong{margin-left:25px}.toggleContainer h3 i+p{margin-left:5px}.toggleContainer h3 strong{font-family:"Quicksand",sans-serif;font-weight:700;font-size:24px;line-height:normal;display:inline-block;margin-right:10px;vertical-align:middle}.toggleContainer h3 p{display:inline-block;margin:0;font-family:"Quicksand",sans-serif;color:#333}.toggleContainer h3 span{float:right;display:inline-block;font-size:15px;line-height:normal;font-weight:700;font-family:"Quicksand",sans-serif;line-height:55px}.toggleContainer .ui-accordion-content{padding-bottom:20px}@media screen and (max-width: 600px){.toggleContainer h3 strong{font-size:16px;line-height:normal}.toggleContainer h3 span{font-size:14px;line-height:normal}}@media screen and (max-width: 480px){.toggleContainer h3 span{float:none;width:100%;line-height:16px;display:block;padding-bottom:15px;padding-left:44px;margin-top:-10px}}.ce-threeBoxesWithOption{margin-bottom:50px}.ce-threeBoxesWithOption.addPadding{padding:50px 0 50px 0}.ce-threeBoxesWithOption p{color:#fff}.ce-threeBoxesWithOption .inner>div{margin-top:40px}.ce-threeBoxesWithOption .inner div article{float:left;width:calc(100% / 3);text-align:center;padding:0 20px}.ce-threeBoxesWithOption .inner div article i.big{padding:25px;background:#fff;border-radius:50px;font-size:2rem;margin-bottom:15px}.ce-threeBoxesWithOption .inner div article i.small{border-radius:50px;padding:15px;text-align:center;vertical-align:middle;color:#0067b1;background:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:15px;min-height:42px;min-width:42px}.ce-threeBoxesWithOption .inner div article p{color:#fff;text-align:center}@media screen and (max-width: 760px){.ce-threeBoxesWithOption .inner div article{float:none;width:100%}.ce-threeBoxesWithOption .inner div article+article{margin-top:20px}.ce-threeBoxesWithOption+.ce-threeBoxesWithOption{margin-top:2px}}.fontAwesome-list{margin-bottom:50px}.fontAwesome-list ul{margin:0;padding:0;list-style:none}.fontAwesome-list ul li{display:block;color:#333;position:relative;padding-left:30px}.fontAwesome-list ul li i{font-size:22px;border-radius:50px;padding:0;vertical-align:sub;position:absolute;left:0;top:2px}.fontAwesome-list ul li i.border{border:solid 1px #333;text-align:center;vertical-align:middle;height:30px;width:30px;line-height:30px;font-size:18px}.fontAwesome-list ul li.border{min-height:30px;padding-left:40px}.fontAwesome-list ul li.border span{padding-top:6px}.fontAwesome-list ul li ul{margin-top:5px}.fontAwesome-list ul li span{margin:0;font-weight:700;display:inline-block;vertical-align:middle}.fontAwesome-list ul li+li{margin-top:10px}.fontAwesome-list.twocol ul li{position:relative;float:left;width:48%;padding-left:30px}.fontAwesome-list.twocol ul li.border{padding-left:40px}.fontAwesome-list.twocol ul li+li{margin-left:4%;margin-top:0}.fontAwesome-list.twocol ul li:nth-of-type(n+3){margin-top:15px}.fontAwesome-list.twocol ul li:nth-of-type(2n+3){margin-left:0}.fontAwesome-list.twocol ul li ul li{float:none;width:100%}.fontAwesome-list.twocol ul li ul li:nth-of-type(n+3){margin-top:4px}.fontAwesome-list.twocol ul li ul li+li{margin-left:0;margin-top:4px}@media screen and (max-width: 640px){.fontAwesome-list.twocol ul li{width:100%;float:none}.fontAwesome-list.twocol ul li+li{margin-left:0}.fontAwesome-list.twocol ul li:nth-of-type(n+2){margin-top:15px}.fontAwesome-list.twocol ul li ul li:nth-of-type(n+2){margin-top:0}}.tx-contentpackage-historieContainer{margin-bottom:50px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner{position:relative;border-left:3px solid #be1622;padding:44px 0 44px 22px}@media screen and (max-width: 1100px){.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner{padding:50px 25px 25px 25px}}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear{font-size:32px;line-height:normal;background:#be1622;color:#fff;padding:5px 10px;width:auto;display:inline-block;margin-left:-118px}@media screen and (max-width: 1260px){.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear{margin:0 0 15px -22px}}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p{color:#333}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent *{color:#333}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span{display:block;position:relative;border:solid 1px inherit;background:url(../img/chevron-down.png) no-repeat}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:before,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement+.tx-contentpackage-historieElement .inner{padding-top:50px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type>span{display:none}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground{background:#be1622}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner{border-left:3px solid #fff}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear{color:#be1622;background:#fff}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent *{color:#fff}.ce-os-bee{width:1030px;height:820px;margin-bottom:50px;position:relative}.ce-os-bee .base{width:314px;height:314px;border-radius:250px;margin:0 auto;display:block;background:#c6c6c6;padding:30px;position:relative;margin-top:261px;line-height:270px;text-align:center}.ce-os-bee .base img{position:relative;max-height:100px;width:auto;vertical-align:middle}.ce-os-bee .base span{font-size:24px;color:#be1622;font-weight:700;line-height:normal;display:inline-block}.ce-os-bee .child{display:block;width:100%;height:100%;vertical-align:middle;text-align:center;font-weight:400;font-size:18px;line-height:156px;color:#333;text-decoration:none;width:156px;height:156px;display:inline-block;border-radius:100px;background:#c6c6c6;position:relative;line-height:156px;padding:0 10px;position:absolute;top:0;left:0;transition:.5s all}.ce-os-bee .child:hover{background:#be1622;color:#fff;transition:.5s all;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.ce-os-bee .child span{display:inline-block;line-height:20px;font-size:18px;top:50%;position:absolute;left:15px;right:15px}.ce-os-bee .child:after{content:"";border:solid 3px #fff;border-radius:100px;position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:92%}@media screen and (max-width: 1000px){#sy_lines{display:none !important}.ce-os-bee{display:none}}.ce-table{margin-bottom:50px !important}.ce-table.alignleft table tr td{text-align:left}.ce-table.alignleft table tr td a{padding-left:10px}.ce-table.alignleft table tr td:first-of-type{width:auto}.ce-table.alignleft table tr td:first-of-type+td{width:auto}.ce-table.alignleft table tr td:last-of-type{padding-left:10px}.ce-table.alignleft table thead tr td:nth-of-type(2){padding-left:10px}.ce-table table{width:100%;border-collapse:collapse;border:none}.ce-table table caption{margin-bottom:40px}.ce-table table tr{height:40px}.ce-table table tr td{text-align:center;font-size:13px}.ce-table table tr td a{font-size:13px;text-decoration:none;line-height:40px;display:block;background:#0067b1;color:#fff;text-transform:uppercase;font-weight:400}.ce-table table tr td:first-of-type{width:290px;text-align:left;padding-left:10px}.ce-table table tr td:first-of-type+td{width:155px;font-weight:700}.ce-table table tr td:nth-of-type(4){width:155px}.ce-table table tr td:nth-of-type(2),.ce-table table tr td:nth-of-type(3),.ce-table table tr td:nth-of-type(4),.ce-table table tr td:nth-of-type(5),.ce-table table tr td:nth-of-type(6){border-left:solid 1px #cdcdcd;font-weight:700;font-size:13px;width:155px}.ce-table table tr td:nth-of-type(6){border-right:solid 1px #cdcdcd}.ce-table table tr th:nth-of-type(2),.ce-table table tr th:nth-of-type(3),.ce-table table tr th:nth-of-type(4),.ce-table table tr th:nth-of-type(5),.ce-table table tr th:nth-of-type(6){border-left:solid 1px #cdcdcd;border-top:solid 1px #cdcdcd;font-weight:400;font-size:13px;width:155px}.ce-table table tr th:nth-of-type(6){border-right:solid 1px #cdcdcd}.ce-table table tbody tr:nth-of-type(odd){background:#ededed}@media screen and (max-width: 1100px){.ce-table.inner.small,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner{padding:40px 25px}}@media screen and (max-width: 1000px){.ce-table.inner.small,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner{width:100%;overflow:scroll}.ce-table.inner.small table,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table{width:1000px}}.service-formular{background:#ededed;padding:40px 0}.service-formular h3{display:none}.service-formular .required{float:right;margin-top:-100px;margin:-160px 0 0 0;font-size:12px}@media screen and (max-width: 960px){.service-formular .required{float:none;margin:0}}.service-formular fieldset{margin:0;padding:0;border:none}.service-formular fieldset .powermail_legend{margin-bottom:20px;width:100%;display:block}.service-formular label{display:none}.service-formular input[type="text"],.service-formular input[type="password"],.service-formular input[type="email"],.service-formular input[type="date"],.service-formular select{width:100%;height:55px;border:solid 1px #bbb;padding:10px;color:#cdcdcd;margin-top:15px;font-size:18px;color:#333}.service-formular input[type="submit"]{background:#0067b1;font-size:15px;line-height:normal;text-transform:uppercase;color:#fff;padding:15px 60px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer}.service-formular textarea{width:100%;resize:none;height:150px;border:solid 1px #bbb;color:#cdcdcd;padding:10px;font-size:18px;color:#333}.service-formular .powermail_fieldwrap_input{float:left;width:calc((100% - 30px) / 3)}.service-formular .powermail_fieldwrap_input+.powermail_fieldwrap_input{margin-left:15px}.service-formular .powermail_fieldwrap_check legend{float:left;margin:25px 15px 15px 0}.service-formular .powermail_fieldwrap_check input{width:20px;height:20px;margin:1px 3px 0px}.service-formular .powermail_fieldwrap_34 legend,.service-formular .powermail_fieldwrap_45 legend{display:none}.service-formular .powermail_fieldwrap_34 .powermail_check_outer,.service-formular .powermail_fieldwrap_45 .powermail_check_outer{margin-left:0}.service-formular .powermail_fieldwrap_34 .powermail_check_outer input,.service-formular .powermail_fieldwrap_45 .powermail_check_outer input{float:left}.service-formular .powermail_fieldwrap_34 .powermail_check_outer label,.service-formular .powermail_fieldwrap_45 .powermail_check_outer label{max-width:80%;float:left;margin-left:15px;font-size:12px;line-height:normal}.service-formular .powermail_fieldwrap_34 .powermail_check_outer label a,.service-formular .powermail_fieldwrap_45 .powermail_check_outer label a{font-size:12px;line-height:normal}.service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner,.service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner{margin-left:0;width:100%}.service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner+.powermail_check_inner,.service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner+.powermail_check_inner{margin-top:20px}.service-formular .powermail_check_outer label{display:inline-block;vertical-align:middle;float:right}.service-formular .parsley-required,.service-formular .parsley-custom-error-message{font-size:12px;line-height:normal;color:#be1622}.service-formular .powermail_field_error_container_checkbox{position:absolute}.service-formular .powermail_check_outer{margin:25px 15px 15px 15px}.service-formular .powermail_check_outer div{float:left}.service-formular .powermail_check_outer div+div{margin-left:15px}@media screen and (max-width: 760px){.service-formular .powermail_fieldwrap_input{width:100%;float:none}.service-formular .powermail_fieldwrap_input+.powermail_fieldwrap_input{margin-left:0}.service-formular .powermail_check_outer div{display:block;width:100%}.service-formular .powermail_check_outer div.powermail_check_inner input,.service-formular .powermail_check_outer div.powermail_check_inner label{float:left}.service-formular .powermail_check_outer div+div{margin-left:0}}.textOverSendButton{font-size:12px;margin-top:25px;margin-bottom:-10px}.tsaccordion .accordion-header{background:#ececec url(../img/akkordeon_zu.png) 20px 20px no-repeat;font-size:1.5rem;line-height:1.9rem;font-weight:normal;padding:9px 0 9px 64px;margin:0 0 2px 0}.tsaccordion .accordion-switcher{cursor:pointer}.tsaccordion .accordion-switcher-active{background-image:url(../img/akkordeon_offen.png)}.tsaccordion .accordion-content{display:none;padding:19px 10px 28px 10px;font-size:0.9rem;line-height:1.3rem}.tsaccordion .accordion-content .accordion-left{display:inline-block;float:left}@media screen and (min-width: 769px){.tsaccordion .accordion-content .accordion-left{max-width:70%}}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left{max-width:auto;float:none;display:block}.tsaccordion .accordion-content .accordion-left>br{display:none}}.tsaccordion .accordion-content .accordion-left .accordion-name{display:inline-block;font-size:1.5rem;line-height:1.9rem}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left .accordion-name{display:block}}.tsaccordion .accordion-content .accordion-left .accordion-thema{display:inline-block;font-size:0.9rem;line-height:1.3rem}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left .accordion-thema{display:block}}.tsaccordion .accordion-content .accordion-logo{display:inline-block;float:right;margin:7px 0px 0 0}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-logo{float:none}}.tsaccordion .accordion-content .accordion-description{margin:20px 0 14px 0}.tsaccordion .accordion-content .accordion-more{color:#0067b1;font-weight:bold;text-decoration:none;display:inline-block}.tsaccordion .accordion-content .accordion-more img{margin-left:3px}.ce-leftright>div{padding:200px 0}.ce-leftright>div figure{float:left;max-width:600px;width:45.28%;margin:0;padding:0;margin-right:5.28%;padding-left:3.77%;position:relative}.ce-leftright>div figure img{display:block;position:relative;z-index:50}.ce-leftright>div figure img.small,.ce-leftright>div figure img.medium,.ce-leftright>div figure img.big{position:absolute;z-index:10}.ce-leftright>div figure img.small{top:20px;left:20px}.ce-leftright>div figure img.medium{top:0;right:20px}.ce-leftright>div figure img.big{left:25px;bottom:0}.ce-leftright>div figure+div{float:left;max-width:650px;width:49.05%}.ce-leftright>div figure+div p{margin:0;color:#fff}.ce-leftright>div figure+div p+*{margin-top:20px}.ce-leftright>div figure+div a.redbutton,.ce-leftright>div figure+div a.bluebutton,.ce-leftright>div figure+div .thirdSection .right a,.thirdSection .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div a.darkbluebutton,.ce-leftright>div figure+div a.greybutton,.ce-leftright>div figure+div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright>div figure+div a.greybutton,.ce-leftright>div figure+div a.whitebutton,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton,.marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright>div figure+div a.redbutton,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright>div figure+div a,.ce-leftright>div figure+div a.bluebutton,.ce-leftright>div figure+div .thirdSection .right a,.thirdSection .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a{min-width:0}.ce-leftright>div figure+div ul ul li{font-weight:400;padding-left:0}.ce-leftright>div figure+div ul ul li:before{display:none}.ce-leftright>div.right figure{float:right;margin-left:70px;padding-left:0;margin-right:0;padding-right:50px}@media screen and (max-width: 1180px){.ce-leftright>div figure img.small,.ce-leftright>div figure img.medium,.ce-leftright>div figure img.big{display:none}}@media screen and (max-width: 1024px){.ce-leftright .inner{padding:0 25px}.ce-leftright>div{padding:50px 0}.ce-leftright>div figure{float:none;max-width:none;width:100%;margin-right:0;padding-left:0;margin-bottom:25px}.ce-leftright>div figure img{margin:0 auto}.ce-leftright>div figure+div{float:none;max-width:none;width:100%;margin-top:40px;text-align:center}}.sliderContainer{margin-bottom:50px}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding-top:100px}.sliderContainer .swiper-container{height:600px}.sliderContainer .swiper-slide{background-size:cover !important;background-position:center center !important}.sliderContainer .slider-overlay{background:rgba(0,0,0,0.3);width:100%;height:100%}.sliderContainer p{font-size:24px;line-height:34px;color:#fff;margin:0;font-weight:600;text-align:center}.sliderContainer p+p{margin-top:30px}.sliderContainer .headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer .sliderContainer p.headlineH1Center{font-weight:600}@media screen and (max-width: 680px){.sliderContainer .headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer .sliderContainer p.headlineH1Center{font-weight:600 !important}}@media screen and (max-width: 1100px){.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:100px 60px}.sliderContainer p{font-size:22px;line-height:32px}}@media screen and (max-width: 800px){.sliderContainer{background-size:cover !important}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:60px 60px}.sliderContainer .swiper-container{height:500px}.sliderContainer p{font-size:20px;line-height:30px}}@media screen and (max-width: 600px){.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:60px 40px}.sliderContainer p{font-size:18px;line-height:28px}.sliderContainer a{font-size:15px;line-height:normal}.sliderContainer .swiper-button-next{right:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}.sliderContainer .swiper-button-prev{left:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}}@media screen and (max-width: 480px){.sliderContainer .swiper-container{height:400px}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:20px 35px}.sliderContainer a{font-size:15px;line-height:normal}}@media screen and (max-width: 420px){.sliderContainer .swiper-container{height:450px}}.mapsContainer{float:right;width:calc((100% - 40px) / 2)}@media screen and (max-width: 800px){.mapsContainer{float:none;width:100%;margin-top:25px}}.mapsContainer iframe{width:100% !important}.contactMain{margin-bottom:50px !important}@media screen and (max-width: 1100px){.contactMain{padding-left:25px;padding-right:25px}}.powermail_form_3,.powermail_form_4,.powermail_form_5,.powermail_form_6,.powermail_form_7{float:left;width:calc((100% - 40px) / 2)}@media screen and (max-width: 800px){.powermail_form_3,.powermail_form_4,.powermail_form_5,.powermail_form_6,.powermail_form_7{float:none;width:100%}}.powermail_form_3 fieldset,.powermail_form_4 fieldset,.powermail_form_5 fieldset,.powermail_form_6 fieldset,.powermail_form_7 fieldset{margin:0;padding:0;border:none}.powermail_form_3 fieldset legend,.powermail_form_4 fieldset legend,.powermail_form_5 fieldset legend,.powermail_form_6 fieldset legend,.powermail_form_7 fieldset legend{display:none}.powermail_form_3 fieldset>div+div,.powermail_form_4 fieldset>div+div,.powermail_form_5 fieldset>div+div,.powermail_form_6 fieldset>div+div,.powermail_form_7 fieldset>div+div{margin-top:15px}.powermail_form_3 h3,.powermail_form_4 h3,.powermail_form_5 h3,.powermail_form_6 h3,.powermail_form_7 h3{display:none}.powermail_form_3 div label,.powermail_form_4 div label,.powermail_form_5 div label,.powermail_form_6 div label,.powermail_form_7 div label{float:none;display:block;width:100%;margin-bottom:2px}.powermail_form_3 div input,.powermail_form_4 div input,.powermail_form_5 div input,.powermail_form_6 div input,.powermail_form_7 div input{display:block;border:solid 1px #c6c6c6;height:30px;width:400px;width:100%;padding:0 10px;color:#333}.powermail_form_3 div input[type=submit],.powermail_form_4 div input[type=submit],.powermail_form_5 div input[type=submit],.powermail_form_6 div input[type=submit],.powermail_form_7 div input[type=submit]{width:100px;cursor:pointer}.powermail_form_3 div textarea,.powermail_form_4 div textarea,.powermail_form_5 div textarea,.powermail_form_6 div textarea,.powermail_form_7 div textarea{display:block;margin-top:5px;resize:none;width:400px;width:100%;height:150px;border:solid 1px #c6c6c6;padding:5px 10px;color:#333}.powermail_form_3 div .parsley-required,.powermail_form_3 div .parsley-custom-error-message,.powermail_form_4 div .parsley-required,.powermail_form_4 div .parsley-custom-error-message,.powermail_form_5 div .parsley-required,.powermail_form_5 div .parsley-custom-error-message,.powermail_form_6 div .parsley-required,.powermail_form_6 div .parsley-custom-error-message,.powermail_form_7 div .parsley-required,.powermail_form_7 div .parsley-custom-error-message{font-size:12px;line-height:normal;color:#be1622}.powermail_form_3 div.powermail_fieldwrap_textarea label,.powermail_form_4 div.powermail_fieldwrap_textarea label,.powermail_form_5 div.powermail_fieldwrap_textarea label,.powermail_form_6 div.powermail_fieldwrap_textarea label,.powermail_form_7 div.powermail_fieldwrap_textarea label{width:auto}.powermail_form_3 div.powermail_fieldwrap_check,.powermail_form_4 div.powermail_fieldwrap_check,.powermail_form_5 div.powermail_fieldwrap_check,.powermail_form_6 div.powermail_fieldwrap_check,.powermail_form_7 div.powermail_fieldwrap_check{position:relative}.powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner{position:relative;padding-left:20px}.powermail_form_3 div.powermail_fieldwrap_check label,.powermail_form_4 div.powermail_fieldwrap_check label,.powermail_form_5 div.powermail_fieldwrap_check label,.powermail_form_6 div.powermail_fieldwrap_check label,.powermail_form_7 div.powermail_fieldwrap_check label{font-size:12px;line-height:normal;max-width:100%}.powermail_form_3 div.powermail_fieldwrap_check label a,.powermail_form_4 div.powermail_fieldwrap_check label a,.powermail_form_5 div.powermail_fieldwrap_check label a,.powermail_form_6 div.powermail_fieldwrap_check label a,.powermail_form_7 div.powermail_fieldwrap_check label a{font-size:12px;line-height:normal}.powermail_form_3 div.powermail_fieldwrap_check input,.powermail_form_4 div.powermail_fieldwrap_check input,.powermail_form_5 div.powermail_fieldwrap_check input,.powermail_form_6 div.powermail_fieldwrap_check input,.powermail_form_7 div.powermail_fieldwrap_check input{width:auto;height:auto;position:absolute;left:0;top:2px;margin:0}.powermail_form_3 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_4 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_5 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_6 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_7 div.powermail_fieldwrap_check+.powermail_fieldwrap_check{margin-top:0}.powermail_form_3 .textOverSendButton,.powermail_form_4 .textOverSendButton,.powermail_form_5 .textOverSendButton,.powermail_form_6 .textOverSendButton,.powermail_form_7 .textOverSendButton{font-size:12px;margin-top:25px;margin-bottom:0}.firstSection{max-height:870px;position:relative;overflow:hidden}.firstSection>a{display:block}.firstSection>a+div{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,0.4)}.firstSection>a+div img:first-of-type{position:absolute;z-index:150;top:50%;margin-top:-49px;text-align:center;left:50%;margin-left:-183px}@media screen and (max-width: 480px){.firstSection>a+div img:first-of-type{max-width:250px;margin-left:-125px;margin-top:-33px}}.firstSection>a+div img:first-of-type+img{position:absolute;left:50%;margin-left:-58px;bottom:40px}@media screen and (max-width: 600px){.firstSection>a+div img:first-of-type+img{display:none}}.firstSection video{width:100%;display:block}.firstSection figure{margin:0;padding:0;width:100%}.firstSection figure img{width:100%}.firstSection video+.linkLayout,.firstSection figure+.linkLayout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,0.4)}.firstSection video+.linkLayout img:first-of-type,.firstSection figure+.linkLayout img:first-of-type{position:absolute;z-index:150;top:50%;margin-top:-49px;text-align:center;left:50%;margin-left:-183px}@media screen and (max-width: 480px){.firstSection video+.linkLayout img:first-of-type,.firstSection figure+.linkLayout img:first-of-type{max-width:250px;margin-left:-125px;margin-top:-33px}}.firstSection video+.linkLayout img:first-of-type+img,.firstSection figure+.linkLayout img:first-of-type+img{position:absolute;left:50%;margin-left:-58px;bottom:40px}@media screen and (max-width: 600px){.firstSection video+.linkLayout img:first-of-type+img,.firstSection figure+.linkLayout img:first-of-type+img{display:none}}.secondSection{background:#0067b1}.secondSection h2,.secondSection .ce-table table caption,.ce-table table .secondSection caption{font-size:40px;font-weight:400;color:#fff;line-height:normal;text-align:left;margin:0 0 26px 0}.secondSection h2:after,.secondSection .ce-table table caption:after,.ce-table table .secondSection caption:after{display:none}.secondSection p{color:#fff;max-width:540px}.secondSection div.inner{padding:0 25px 50px 25px}.secondSection div.inner:first-of-type{padding-top:130px}.secondSection div.inner:first-of-type .big{position:absolute;top:-70px;right:95px;z-index:5}.secondSection div.inner:first-of-type .medium{position:absolute;bottom:-85px;left:-5px}.secondSection div.inner:first-of-type .small{position:absolute;left:40px;top:-25px}.secondSection div.inner:nth-of-type(2) .big{position:absolute;top:-48px;left:16px;z-index:5}.secondSection div.inner:nth-of-type(2) .medium{position:absolute;bottom:-75px;left:40px}.secondSection div.inner:nth-of-type(2) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:nth-of-type(3) h2,.secondSection div.inner:nth-of-type(3) .ce-table table caption,.ce-table table .secondSection div.inner:nth-of-type(3) caption{margin-top:0px}.secondSection div.inner:nth-of-type(3) .big{position:absolute;bottom:-75px;left:40px;z-index:5}.secondSection div.inner:nth-of-type(3) .medium{position:absolute;top:-48px;left:16px}.secondSection div.inner:nth-of-type(3) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:nth-of-type(4) .big{position:absolute;top:-48px;left:16px;z-index:5}.secondSection div.inner:nth-of-type(4) .medium{position:absolute;bottom:-75px;left:40px}.secondSection div.inner:nth-of-type(4) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:last-of-type{padding-bottom:130px;text-align:center}.secondSection div.inner .left{float:left;width:50%;position:relative}.secondSection div.inner .right{float:left;width:50%;position:relative}.secondSection div.inner .default{position:relative;z-index:15}@media screen and (max-width: 1180px){.secondSection div.inner .small,.secondSection div.inner .medium,.secondSection div.inner .big{display:none !important}.secondSection div.inner .right{padding-left:3%;padding-right:3%}.secondSection div.inner .left{padding-right:5%}}.secondSection div.inner+div{margin-top:130px}@media screen and (max-width: 1024px){.secondSection .animatedParent{display:none}.secondSection div.inner:first-of-type{padding-top:50px}.secondSection div.inner:last-of-type{padding-bottom:50px}.secondSection div.inner .right:not(.animatedParent){padding:0;margin:0 auto;float:none;width:100%}.secondSection div.inner .right:not(.animatedParent) h2,.secondSection div.inner .right:not(.animatedParent) .ce-table table caption,.ce-table table .secondSection div.inner .right:not(.animatedParent) caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.secondSection div.inner .right:not(.animatedParent) p{max-width:none}.secondSection div.inner .left:not(.animatedParent){padding:0;margin:0 auto;float:none;width:100%}.secondSection div.inner .left:not(.animatedParent) h2,.secondSection div.inner .left:not(.animatedParent) .ce-table table caption,.ce-table table .secondSection div.inner .left:not(.animatedParent) caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.secondSection div.inner .left:not(.animatedParent) p{max-width:none}.secondSection div.inner+div{margin-top:50px}}@media screen and (max-width: 768px){.secondSection div.inner .right:not(.animatedParent){width:100%}.secondSection div.inner .right:not(.animatedParent) p{max-width:none}.secondSection div.inner .left:not(.animatedParent){width:100%}.secondSection div.inner .left:not(.animatedParent) p{max-width:none}}@media screen and (max-width: 480px){.secondSection div.inner img{max-width:250px}}.thirdSection{text-align:center;background:#fc0;padding-top:100px}.thirdSection .inner{padding:100px 25px 170px 25px}.thirdSection .left{float:left;width:50%;position:relative}.thirdSection .right{float:left;width:50%;position:relative;padding-top:110px}.thirdSection .right a{margin-bottom:30px}.thirdSection h2,.thirdSection .ce-table table caption,.ce-table table .thirdSection caption{font-size:40px;text-align:center;margin:0 0 15px 0;color:#333}.thirdSection p{color:#333;text-align:center;margin:0 0 40px 0}.thirdSection .buttonContainer{text-align:center}.thirdSection .default{z-index:10;position:relative;left:55px;left:0}.thirdSection .big{position:absolute;bottom:50px;left:-40px;z-index:5}.thirdSection .medium{position:absolute;left:165px;top:-65px}.thirdSection .small{position:absolute;bottom:0;right:60px}@media screen and (max-width: 1250px){.thirdSection .default{left:25px}}@media screen and (max-width: 1180px){.thirdSection{padding-top:0}.thirdSection .default{left:0}.thirdSection .small,.thirdSection .medium,.thirdSection .big{display:none !important}.thirdSection .left{padding-right:5%}.thirdSection .right{padding-left:3%;padding-right:3%}}@media screen and (max-width: 1024px){.thirdSection{padding-top:0}.thirdSection .inner{padding-top:50px;padding-bottom:50px}.thirdSection .inner h2,.thirdSection .inner .ce-table table caption,.ce-table table .thirdSection .inner caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.thirdSection .inner a{font-size:22px;line-height:normal}.thirdSection .left{display:none}.thirdSection .right{float:none;width:100%;padding:0}}.wrapsvg,.wrapsvg1,.wrapsvg4,.wrapsvg2,.wrapsvg3{float:left;border:1px solid transparent;position:relative}@media screen and (max-width: 1024px){.wrapsvg,.wrapsvg1,.wrapsvg4,.wrapsvg2,.wrapsvg3{display:none !important}}.wrapsvg1{left:-705px;top:128px}.wrapsvg4{left:-705px;top:128px}.wrapsvg2{left:-15px;top:-140px}.wrapsvg3{left:-700px;top:60px}.svg1{position:absolute}.svg2{position:absolute}.svg3{position:absolute}.svg4{position:absolute}nav.section{position:fixed;top:50%;right:20px;z-index:9999}@media screen and (max-width: 1024px){nav.section{display:none}}nav.section ul li{width:20px;height:20px;border-radius:25px;background:#fff;display:block;cursor:pointer;transition:.3s all}nav.section ul li a{z-index:100;display:none;padding:14px 10px;margin-top:-3px;right:48px;font-size:12px;text-decoration:none}nav.section ul li+li{margin-top:5px}nav.section ul li:hover a{display:inline;position:fixed;color:#fff;height:10px;line-height:2px;text-align:center;background:#be1622}nav.section ul li.active{width:15px;height:15px;transition:.3s all;margin:5px auto 0 auto}.newsletter{width:100%;padding:50px 0 0 0;background:#ececec;position:relative}.newsletter:after,.newsletter:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.newsletter:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.newsletter:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.newsletter .right{float:right;width:100%;max-width:463px;max-width:420px}@media screen and (max-width: 900px){.newsletter .right{float:none;width:100%;max-width:none;padding:0 25px}}.newsletter .firstrow{width:100%;max-width:840px;margin:0 auto}.newsletter .firstrow h2,.newsletter .firstrow .ce-table table caption,.ce-table table .newsletter .firstrow caption{text-align:left}.newsletter .firstrow h2:after,.newsletter .firstrow .ce-table table caption:after,.ce-table table .newsletter .firstrow caption:after{margin:10px 0 0 0}.newsletter .firstrow p{font-weight:700;color:#333;margin:0 0 30px 0}.newsletter .firstrow ul{margin:0;padding:0;list-style:none}.newsletter .firstrow ul li{display:block;color:#333;font-weight:700}.newsletter .firstrow ul li span{font-size:22px;margin-right:10px;border-radius:50px;border:solid 2px #333;padding:10px;vertical-align:sub}.newsletter .firstrow ul li p{margin:0;display:inline-block;vertical-align:middle}@media screen and (max-width: 440px){.newsletter .firstrow ul li p{width:80%}}@media screen and (max-width: 360px){.newsletter .firstrow ul li p{width:70%}}.newsletter .firstrow ul li+li{margin-top:10px}.newsletter .secondrow{background:#333;padding:60px 0;margin-top:30px}.newsletter .secondrow .inner{max-width:836px;position:relative}.newsletter .secondrow img{position:absolute;left:0;left:50px;bottom:0;box-shadow:1px 1px 5px rgba(0,0,0,0.4)}@media screen and (max-width: 900px){.newsletter .secondrow img{display:none}}.newsletter .secondrow .button{text-align:center}.newsletter .secondrow .button.animation span,.newsletter .secondrow .button.animation i{display:inline-block;padding-left:0;transition:0.7s all}.newsletter .secondrow .button.animation span+i{padding-left:5px;transition:0.7s all}.newsletter .secondrow .button.animation i+span{padding-left:5px;transition:0.7s all}.newsletter .secondrow .button.animation:hover span+i{padding-left:10px;transition:0.7s all}.newsletter .secondrow .button.animation:hover i+span{padding-left:10px;transition:0.7s all}.ce-download{float:left;width:42%;margin-bottom:50px}.ce-download h2,.ce-download .ce-table table caption,.ce-table table .ce-download caption{text-align:left}.ce-download h2:after,.ce-download .ce-table table caption:after,.ce-table table .ce-download caption:after{margin:10px 0 0 0}.ce-download strong{font-weight:700;font-size:72px;line-height:3.3rem;color:#333;margin:0 0 15px 0;display:block}.ce-download .date{margin:0 0 30px 0;font-size:14px;line-height:normal;color:#333}.ce-download .agbContainer{margin-top:30px;margin-bottom:25px;padding-left:30px;position:relative;font-size:14px;line-height:normal}.ce-download .agbContainer a{color:#0067b1;text-decoration:none}.ce-download .agbContainer a:hover{text-decoration:underline}.ce-download .agbContainer input{position:absolute;left:0;top:1px;width:20px;height:20px}.ce-download .shortDescription{margin-top:0;font-size:14px;line-height:normal}.ce-download .Dbutton{color:#fff;background:#df8e96;text-decoration:none;width:100%;max-width:280px;display:block;padding:15px;border:none;outline:none;text-align:left;font-size:22px;line-height:normal}.ce-download .Dbutton span{font-size:15px;line-height:normal;display:block;margin-top:5px}.ce-download .Dbutton.active{background:#be1622;cursor:pointer}.ce-download .Dbutton+div+.Dbutton,.ce-download .Dbutton+.Dbutton{margin-top:20px}.ce-download .Dbutton.github{background:#ececec;color:#333;padding:20px 15px}.ce-download .Dbutton.github span{font-size:45px;vertical-align:sub;margin-right:8px;margin-left:15px;display:inline-block}.downloadOverlayContainer{background:#fff;padding:25px 50px;max-width:720px;margin:0 auto;position:relative}.downloadOverlayContainer h1,.downloadOverlayContainer h2,.downloadOverlayContainer .ce-table table caption,.ce-table table .downloadOverlayContainer caption,.downloadOverlayContainer h3{font-size:16px;line-height:normal;color:#333;font-weight:400;text-align:center;margin:0 0 15px 0}.downloadOverlayContainer h3{font-weight:700}.downloadOverlayContainer .input{background:#ececec;padding:8px 12px;border:dotted 1px #333;display:inline-block;width:65%;color:#0067b1;overflow-x:auto;height:40px}.downloadOverlayContainer .copyButton{background:#0067b1;color:#fff;font-size:15px;line-height:normal;padding:8px 5px;display:inline-block;width:32%;text-align:center;vertical-align:top;border:none;outline:none;cursor:pointer;height:40px}.downloadOverlayContainer .copyButton i{margin-right:5px}@media screen and (max-width: 720px){.downloadOverlayContainer{padding:25px 25px}.downloadOverlayContainer .input{display:block;width:100%;height:auto}.downloadOverlayContainer .copyButton{display:block;width:100%;height:auto}}.mfp-wrap{overflow-x:scroll !important}.ce-downloadhinweis{float:right;width:50%;margin-bottom:50px}.ce-downloadhinweis h2,.ce-downloadhinweis .ce-table table caption,.ce-table table .ce-downloadhinweis caption{text-align:left}.ce-downloadhinweis h2:after,.ce-downloadhinweis .ce-table table caption:after,.ce-table table .ce-downloadhinweis caption:after{margin:10px 0 0 0}.ce-downloadhinweis p+p{margin-top:30px}.ce-downloadhinweis p+ol,.ce-downloadhinweis p+ul{margin-top:25px}.ce-downloadhinweis ul{margin:0;padding:0;list-style:none}.ce-downloadhinweis ul li{color:#333}.ce-downloadhinweis ul li a{text-decoration:none;color:#333;font-size:15px;line-height:normal}.ce-downloadhinweis ul li a:hover{text-decoration:underline}.ce-downloadhinweis ul li+li{margin-top:3px}.ce-downloadhinweis ul li:before{content:"\f178";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:5px}.ce-downloadhinweis ol{margin:0;padding:0;list-style:none}.ce-downloadhinweis ol li{display:block;counter-increment:olliste}.ce-downloadhinweis ol li:before{content:counter(olliste) ".";font-weight:700;font-size:32px;line-height:normal;color:#bbbbbb;margin-right:5px}.ce-downloadhinweis ol li+li{margin-top:15px}.ce-downloadhinweis ol+p{margin-top:25px}@media screen and (max-width: 768px){.ce-download{float:none;width:100%}.ce-downloadhinweis{float:none;width:100%}}.ce-youtube-text{margin-bottom:50px}.ce-youtube-text h2,.ce-youtube-text .ce-table table caption,.ce-table table .ce-youtube-text caption{margin-top:0}.ce-youtube-text .left,.ce-youtube-text .right{float:left;width:calc((100% - 20px) / 2)}@media screen and (max-width: 767px){.ce-youtube-text .left,.ce-youtube-text .right{float:none;width:100%}}.ce-youtube-text .left iframe{width:100% !important;height:315px}.ce-youtube-text .right{margin-left:20px}.ce-youtube-text .right a{display:block;margin-top:15px}@media screen and (max-width: 767px){.ce-youtube-text .right{margin-left:0;margin-top:20px}}.ce-youtube-slider{margin-bottom:50px}.ce-youtube-slider .inner.small,.ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner{position:relative}.ce-youtube-slider a{text-decoration:none}.ce-youtube-slider p{margin:3px 0 0 0;color:#333}.ce-youtube-slider+div,.ce-youtube-slider+section{border-top:solid 1px #c6c6c6;padding-top:50px}.ce-youtube-slider .swiper-button-prev-small-youtube,.ce-youtube-slider .swiper-button-next-small-youtube{padding:12px 10px;background:#ececec;width:30px}.ce-youtube-slider .swiper-button-prev-small-youtube i.fa,.ce-youtube-slider .swiper-button-next-small-youtube i.fa{padding-left:0}.ce-youtube-slider .swiper-button-next-small-youtube{right:-30px}.ce-youtube-slider .swiper-button-prev-small-youtube{left:-30px}.ce-youtube-slider .swiper-slide a div{max-height:140px;height:auto;overflow:hidden}.ce-youtube-slider .swiper-slide a div img{width:100%}@media screen and (max-width: 640px){.ce-youtube-slider .swiper-slide a div{max-height:none}}.shopDetailsContainer{background:#ececec;padding:10px 0;margin-bottom:10px}.shopDetailsContainer .left{float:left;min-height:1px}.shopDetailsContainer .left a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .left a i{font-size:12px}.shopDetailsContainer .right{float:right;min-height:1px}.shopDetailsContainer .right ul li{display:inline-block}.shopDetailsContainer .right ul li a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .right ul li+li{margin-left:5px}.shopDetailsContainer .tx-sy-osbeeproducts{padding:0}.shopDetailsContainer .tx-sy-osbeeproducts ul{display:inline-block}.shopDetailsContainer .changeMoney span{position:relative;margin-right:5px;color:#333;font-weight:600;font-size:14px;line-height:normal}.shopDetailsContainer .changeMoney li{position:relative;margin-right:5px;color:#333;font-weight:600;font-size:14px;line-height:normal}.shopDetailsContainer .changeMoney li a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .changeMoney li ul{width:85px;display:none;position:absolute;background:#fff;padding:5px 10px;box-shadow:1px 1px 5px rgba(0,0,0,0.35);top:32px;left:0}.shopDetailsContainer .changeMoney li ul:before{content:"";height:15px;width:100%;position:absolute;top:-15px}.shopDetailsContainer .changeMoney li ul li a{padding-left:0}.shopDetailsContainer .changeMoney li:hover ul{display:block}.marketplace-wrapper{padding:50px 0}@media screen and (max-width: 1120px){.marketplace-wrapper.inner.small,.tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner{padding:50px 25px}}@media screen and (max-width: 767px){.marketplace-wrapper.inner.small,.tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner{padding:0px 25px}}.marketplace-wrapper .mp-mobile{display:none;margin-bottom:0;margin-top:25px;margin-bottom:25px}.marketplace-wrapper .mp-mobile button{width:100%;outline:none;border:none}@media screen and (max-width: 767px){.marketplace-wrapper .mp-mobile{display:block}}.marketplace-wrapper .mp-sidebar{float:left;width:24.27%;min-height:1px;margin-right:0.97%}.marketplace-wrapper .mp-sidebar.right{margin-right:0;margin-left:0.97%}.marketplace-wrapper .mp-sidebar.right>div{margin-bottom:0}.marketplace-wrapper .mp-sidebar.right>div+div{margin-top:30px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-sidebar{float:none;width:100%;margin-right:0;display:none;margin-bottom:25px}.marketplace-wrapper .mp-sidebar.active{display:block}.marketplace-wrapper .mp-sidebar.right{margin-left:0;display:block}}.marketplace-wrapper .mp-sidebar>div{margin-bottom:99px}.marketplace-wrapper .mp-sidebar>div+div{margin-top:40px;margin-bottom:0}.marketplace-wrapper .mp-sidebar h2,.marketplace-wrapper .mp-sidebar .ce-table table caption,.ce-table table .marketplace-wrapper .mp-sidebar caption{text-align:left;color:#333;text-transform:uppercase;font-size:16px;line-height:normal;font-weight:700;margin:0 0 10px 0;font-family:"Open Sans",sans-serif;padding-bottom:3px;border-bottom:solid 2px #fc0}.marketplace-wrapper .mp-sidebar h2:after,.marketplace-wrapper .mp-sidebar .ce-table table caption:after,.ce-table table .marketplace-wrapper .mp-sidebar caption:after{display:none}.marketplace-wrapper .mp-sidebar .mp-suche input[type="text"],.marketplace-wrapper .mp-sidebar .mp-suche select{height:40px;border:solid 1px #818181;padding:5px 10px;width:100%;font-size:14px}.marketplace-wrapper .mp-sidebar .mp-suche input[type="text"]{margin-bottom:10px}.marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"]{width:100%;height:40px;border:none;outline:none;font-size:16px;line-height:normal;font-weight:700;color:#fff;background:#0067b1;text-align:left;padding:10px;cursor:pointer;position:relative;margin-top:5px}.marketplace-wrapper .mp-sidebar .mp-suche form{position:relative}.marketplace-wrapper .mp-sidebar .mp-suche form:after{content:"\f105";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px;position:absolute;right:10px;bottom:9px;color:#fff}.marketplace-wrapper .mp-sidebar .mp-category nav ul li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li{display:block}.marketplace-wrapper .mp-sidebar .mp-category nav ul li a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a{text-decoration:none;color:#333;font-size:16px;line-height:normal;font-weight:700}.marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover{text-decoration:underline}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a{display:block}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a .mp-categoryteaser,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a .mp-categoryteaser{width:20px;height:20px;float:left;color:#fff;text-align:center;margin-right:10px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a .mp-categoryteaser i,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a .mp-categoryteaser i{text-align:center;vertical-align:middle;color:#fff;font-size:10px;padding:0 0 3px 0}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul{margin-top:8px;margin-left:20px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li{padding-left:10px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a{font-weight:400}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li+li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li+li{margin-top:5px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li+li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li+li{margin-top:12px}.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a{font-weight:400}.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li+li{margin-top:10px}.marketplace-wrapper .mp-sidebar .mp-info img{display:block}.marketplace-wrapper .mp-sidebar .mp-info img+p{font-size:13px;line-height:normal;margin:15px 0 0 0}.marketplace-wrapper .mp-sidebar .mp-info img+p+p{margin-top:15px}.marketplace-wrapper .mp-sidebar .mp-buttons a{text-decoration:none;color:#fff;background:#0067b1;width:100%;display:block;font-size:16px;line-height:normal;font-weight:700;text-transform:uppercase;text-align:center;padding:15px}.marketplace-wrapper .mp-sidebar .mp-buttons a+a{margin-top:10px}.marketplace-wrapper .mp-sidebar .mp-buttons a.blue{background:#0067b1}.marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton{padding:0;color:#333;background:transparent}.marketplace-wrapper .mp-sidebar .mp-productspecifikation{background:#ececec;padding:15px 10px 30px 10px}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p{margin:0;font-size:13px;line-height:normal}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p+p{margin-top:30px}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p a{color:#0067b1;font-weight:700;text-decoration:none}.marketplace-wrapper .mp-sidebar .mp-productShare p{margin:0;font-weight:700}.marketplace-wrapper .mp-sidebar .mp-productShare br{display:none}.marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal{text-align:left !important}.marketplace-wrapper .mp-contentContainer{float:left;width:74.76%;min-height:1px}.marketplace-wrapper .mp-contentContainer.detailseite{width:49.51%;padding-top:25px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-contentContainer{float:none;width:100%;margin-bottom:25px}.marketplace-wrapper .mp-contentContainer.detailseite{width:100%}}.marketplace-wrapper .mp-contentContainer .mp-banner{width:100%;height:auto;margin-bottom:30px;position:relative}@media screen and (max-width: 480px){.marketplace-wrapper .mp-contentContainer .mp-banner{display:none}}.marketplace-wrapper .mp-contentContainer .mp-banner div{position:absolute;top:40px;left:40px}@media screen and (max-width: 1024px){.marketplace-wrapper .mp-contentContainer .mp-banner div{top:20px;left:20px}}.marketplace-wrapper .mp-contentContainer .mp-banner div h2,.marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption,.ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption{color:#fff;font-weight:700;text-align:left;font-size:32px;line-height:normal;text-transform:uppercase;margin-top:0;font-family:"Open Sans",sans-serif}.marketplace-wrapper .mp-contentContainer .mp-banner div h2:after,.marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after,.ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after{margin:0}.marketplace-wrapper .mp-contentContainer .mp-banner div p{color:#fff;margin:0;font-size:13px;line-height:normal}.marketplace-wrapper .mp-contentContainer .mp-banner div p+p{margin-top:15px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-contentContainer .mp-banner div p{display:none}}.marketplace-wrapper .mp-contentContainer .mp-banner div a{color:#fff;text-decoration:none;font-size:13px;line-height:normal;display:block;margin-top:15px;text-transform:uppercase}.marketplace-wrapper .mp-contentContainer .mp-banner div a:after{content:"\f178";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px}.marketplace-wrapper .mp-contentContainer .mp-banner div a:hover{text-decoration:underline}.marketplace-wrapper .mp-contentContainer .mp-filter{width:100%;margin-bottom:20px}@media screen and (min-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul{display:flex;-ms-flex-flow:row wrap;flex-wrap:nowrap}}.marketplace-wrapper .mp-contentContainer .mp-filter ul li{background:#bbbbbb;color:#fff;cursor:pointer;padding:15px 0;font-weight:700;text-transform:uppercase;text-align:center}@media screen and (min-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{flex-direction:column;order:4;flex-grow:4}}.marketplace-wrapper .mp-contentContainer .mp-filter ul li.active,.marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover{background:#333}.marketplace-wrapper .mp-contentContainer .mp-filter ul li+li{margin-left:10px}@media screen and (max-width: 1024px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{font-size:13px;line-height:normal}}@media screen and (max-width: 768px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{font-size:12px;line-height:normal}}@media screen and (max-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li+li{margin-left:0;margin-top:10px}}.marketplace-wrapper .mp-contentContainer .mp-content article{float:left;width:250px;width:calc((100% - 21px) / 3);border:solid 1px #818181}.marketplace-wrapper .mp-contentContainer .mp-content article+article{margin-left:10px}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+4){margin-top:10px}.marketplace-wrapper .mp-contentContainer .mp-content article>a{display:block;height:100%;position:relative;padding-bottom:50px}.marketplace-wrapper .mp-contentContainer .mp-content article header{position:relative;padding:10px 10px 0 10px}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage,.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser{display:block;float:left;max-width:70px;margin-right:10px;width:54px;height:54px}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i,.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i{text-align:center;vertical-align:middle;color:#fff;font-size:24px;padding:15px}.marketplace-wrapper .mp-contentContainer .mp-content article header h3{font-size:16px;line-height:normal;color:#333;font-weight:400;margin:0 0 10px 0;max-width:calc(100% - 70px);float:left}.marketplace-wrapper .mp-contentContainer .mp-content article header span{font-size:11px;line-height:normal;display:block;font-weight:400;color:#333;clear:both}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner{position:absolute;top:0;right:0;z-index:800}@media screen and (max-width: 1120px){.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner{display:none}}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer{position:relative}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span{color:#fc0;position:absolute;top:4px;font-size:9px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span{left:12px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span{left:23px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span+span{left:34px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span+span+span{left:45px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty{position:relative;left:auto;right:auto;bottom:auto;width:100%}.marketplace-wrapper .mp-contentContainer .mp-content article main{margin-top:15px;padding:0 10px}.marketplace-wrapper .mp-contentContainer .mp-content article main p{font-size:13px;line-height:normal;margin:0}.marketplace-wrapper .mp-contentContainer .mp-content article main p+p{margin-top:10px}.marketplace-wrapper .mp-contentContainer .mp-content article main img{display:block;margin-top:15px;max-height:25px}.marketplace-wrapper .mp-contentContainer .mp-content article footer{margin-top:10px;border-top:solid 1px #818181;padding:10px 10px 10px 10px;position:absolute;left:0;right:0;bottom:0}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer{float:left;position:relative}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span{color:#fc0;position:absolute;top:4px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span{left:19px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span{left:38px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span+span{left:57px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span+span+span{left:76px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .price{float:none}@media screen and (max-width: 1100px){.marketplace-wrapper .mp-contentContainer .mp-content article footer .price{font-size:13px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .price span{font-size:10px !important}}.marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation{display:none;background:#0067b1;color:#fff;text-align:center;text-transform:uppercase;font-weight:700;font-size:16px;line-height:normal;padding:10px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after{content:"\f178";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px}.marketplace-wrapper .mp-contentContainer .mp-content article a{text-decoration:none;color:#333}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer{padding:0}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer{display:none}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price{display:none}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation{display:block}@media screen and (max-width: 1023px){.marketplace-wrapper .mp-contentContainer .mp-content article{width:calc((100% - 11px) / 2)}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:10px}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n+3){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+3){margin-top:10px}}@media screen and (max-width: 560px){.marketplace-wrapper .mp-contentContainer .mp-content article{width:100%;margin-left:0 !important}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n+3){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+2){margin-top:10px}}.mpdetail-content .mp-productInfo{margin-bottom:60px}.mpdetail-content .mp-productInfo>img,.mpdetail-content .mp-productInfo>.mpdetail-productcategoryteaser{float:left;margin:0 10px;max-width:110px;display:block;text-align:center;height:100px;width:100px}.mpdetail-content .mp-productInfo>img i,.mpdetail-content .mp-productInfo>.mpdetail-productcategoryteaser i{font-size:40px;vertical-align:middle;color:#fff;display:inline-block;line-height:100px}.mpdetail-content .mp-productInfo>div{float:left;max-width:340px}.mpdetail-content .mp-productInfo>div h1{font-size:16px;line-height:normal;color:#333;font-weight:700;margin:0 0 5px 0}.mpdetail-content .mp-productInfo>div>span{font-size:11px;line-height:normal;display:block;font-weight:400;color:#333}.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung img{display:block;margin:15px 0;float:left}.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung img+img{margin-left:5px}.mpdetail-content .mp-productInfo>div .ratingContainer{position:relative;display:inline-block}.mpdetail-content .mp-productInfo>div .ratingContainer .filled{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span{color:#fc0;position:absolute;top:4px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span{left:19px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span{left:38px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span+span{left:57px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span+span+span{left:76px}.mpdetail-content .mp-productWrapper>ul li{float:left;width:calc(100% / 3);background:#fff;text-align:center;border-top:solid 2px #ebebeb;border-left:solid 2px #ebebeb;cursor:pointer}.mpdetail-content .mp-productWrapper>ul li a{color:#333;font-size:13px;line-height:normal;cursor:pointer;text-decoration:none;font-weight:700;display:block;padding:15px}@media screen and (max-width: 360px){.mpdetail-content .mp-productWrapper>ul li a{font-size:11px;line-height:normal}}.mpdetail-content .mp-productWrapper>ul li.current,.mpdetail-content .mp-productWrapper>ul li:hover{background:#ececec;border-top:solid 2px #fc0}.mpdetail-content .mp-productWrapper>ul li.current i,.mpdetail-content .mp-productWrapper>ul li:hover i{color:#fc0}.mpdetail-content .mp-productWrapper>ul li.current{border-left:solid 2px transparent;border-right:solid 2px transparent}.mpdetail-content .mp-productWrapper>ul li.current+li{border-left:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li:nth-of-type(2).current{border-left:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li+li{border-right:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li+li+li{border-left:solid 2px transparent}.mpdetail-content .mp-productWrapper .mp-productTab{display:none;background:#ececec;padding:15px 10px}.mpdetail-content .mp-productWrapper .mp-productTab:first-of-type{display:block}.mpdetail-content .mp-productWrapper .mp-productTab h3{color:#333;margin:0 0 10px 0;font-size:18px;line-height:normal;font-weight:700}.mpdetail-content .mp-productWrapper .mp-productTab a{font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab p{margin:0;font-size:13px;line-height:normal;color:#333}.mpdetail-content .mp-productWrapper .mp-productTab p a{font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab p+p{margin-top:15px}.mpdetail-content .mp-productWrapper .mp-productTab ul{margin:10px 0 0 0;padding:0;list-style-type:none}.mpdetail-content .mp-productWrapper .mp-productTab ul li{position:relative;padding-left:15px;font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab ul li:before{content:"\f054";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:4px;left:0;color:#333;font-size:12px}.mpdetail-content .mp-productWrapper .mp-productTab ul li+li{margin-top:4px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span{color:#bbb;cursor:pointer}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover ~ span{color:#fc0}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover:before,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover ~ span:before{content:"\f005"}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer p{font-size:18px;line-height:normal;color:#bbb;display:inline-block}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form{margin-bottom:20px;padding-bottom:30px;border-bottom:solid 1px #bbbbbb}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea{resize:none;height:105px;padding:10px;width:100%;margin-top:10px;color:#bbb;font-size:18px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea+p{font-size:13px;line-height:normal;color:#bbb;text-align:right}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"]{display:inline-block;font-size:16px;line-height:normal;color:#fff;border:none;outline:none;text-align:center;background:#0067b1;text-transform:uppercase;padding:15px;min-width:160px;margin-top:-10px;font-weight:700;cursor:pointer}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3{margin-bottom:5px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment+.mp-usercomment{margin-top:25px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star{color:#fc0}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span{color:#bbb}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply{background:#fff;padding:15px 10px;margin-left:30px;position:relative}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.forumWrapOuter{background:#ececec}.forumWrapOuter .ce-Image-Text-Element{margin-bottom:0;padding-bottom:40px}.tx-typo3forum-pi1{padding-top:50px;padding-bottom:50px}.tx-typo3forum-pi1 .forum_menu,.tx-typo3forum-pi1 .topic_list_menu{margin-bottom:40px}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1){float:left}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before{content:"\f053";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2){float:right;margin-left:15px}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before{content:"\f0fe";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3){float:right;display:none !important}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a{background:#fc0}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before{content:"\f005";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 640px){.tx-typo3forum-pi1 .forum_menu ul li,.tx-typo3forum-pi1 .topic_list_menu ul li{float:none !important;width:100% !important;margin-bottom:5px;margin-left:0 !important}.tx-typo3forum-pi1 .forum_menu ul li a,.tx-typo3forum-pi1 .topic_list_menu ul li a{width:100%;text-align:center}}.tx-typo3forum-pi1 #topic fieldset,.tx-typo3forum-pi1 #post fieldset,.tx-typo3forum-pi1 #report fieldset{border:none;padding:0;margin:0}.tx-typo3forum-pi1 #topic fieldset legend,.tx-typo3forum-pi1 #post fieldset legend,.tx-typo3forum-pi1 #report fieldset legend{margin-bottom:40px}.tx-typo3forum-pi1 #topic fieldset .control-group,.tx-typo3forum-pi1 #post fieldset .control-group,.tx-typo3forum-pi1 #report fieldset .control-group{margin-bottom:15px}.tx-typo3forum-pi1 #topic fieldset .control-group+.control-group>label,.tx-typo3forum-pi1 #post fieldset .control-group+.control-group>label,.tx-typo3forum-pi1 #report fieldset .control-group+.control-group>label{position:relative}.tx-typo3forum-pi1 #topic fieldset .markItUpContainer,.tx-typo3forum-pi1 #post fieldset .markItUpContainer,.tx-typo3forum-pi1 #report fieldset .markItUpContainer{width:100%;max-width:927px}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader,.tx-typo3forum-pi1 #post fieldset .markItUpHeader,.tx-typo3forum-pi1 #report fieldset .markItUpHeader{float:right}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu{padding-right:0}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a{width:18px;height:18px}.tx-typo3forum-pi1 #topic fieldset input[type="submit"],.tx-typo3forum-pi1 #post fieldset input[type="submit"],.tx-typo3forum-pi1 #report fieldset input[type="submit"]{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;background:#c6c6c6;font-size:14px;line-height:33px;cursor:pointer;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="submit"]+.btn,.tx-typo3forum-pi1 #post fieldset input[type="submit"]+.btn,.tx-typo3forum-pi1 #report fieldset input[type="submit"]+.btn{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;margin-left:10px;background:#c6c6c6;font-size:14px;line-height:35px;color:#000;font-weight:400;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="checkbox"],.tx-typo3forum-pi1 #post fieldset input[type="checkbox"],.tx-typo3forum-pi1 #report fieldset input[type="checkbox"]{margin-left:0;margin-top:0;vertical-align:bottom}.tx-typo3forum-pi1 #topic fieldset input[type="text"],.tx-typo3forum-pi1 #topic fieldset textarea,.tx-typo3forum-pi1 #post fieldset input[type="text"],.tx-typo3forum-pi1 #post fieldset textarea,.tx-typo3forum-pi1 #report fieldset input[type="text"],.tx-typo3forum-pi1 #report fieldset textarea{border:solid 1px #c6c6c6;padding:0 10px;height:30px;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="text"],.tx-typo3forum-pi1 #post fieldset input[type="text"],.tx-typo3forum-pi1 #report fieldset input[type="text"]{width:100%;max-width:927px}.tx-typo3forum-pi1 #topic fieldset textarea,.tx-typo3forum-pi1 #post fieldset textarea,.tx-typo3forum-pi1 #report fieldset textarea{padding-top:10px;padding-bottom:10px;margin-top:5px;min-height:200px;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #post fieldset .control-group>label{position:relative}.tx-typo3forum-pi1 #topic fieldset .control-group+.control-group>label{position:relative}.tx-typo3forum-pi1 #report .markItUp{margin-top:-20px}.tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code,.tx-typo3forum-pi1 #report .markItUp .markItUpSeparator{display:none}.tx-typo3forum-pi1 ul.nav-pills-condensed{margin-bottom:5px}.tx-typo3forum-pi1>h2,.ce-table table .tx-typo3forum-pi1>caption{display:none}.tx-typo3forum-pi1>h2.enable,.ce-table table .tx-typo3forum-pi1>caption.enable{text-transform:none;text-align:left;padding-left:10px;background:#0067b1;padding:15px 0 15px 10px;margin:0;font-size:16px;line-height:normal;color:#fff}.tx-typo3forum-pi1>h2.enable:after,.ce-table table .tx-typo3forum-pi1>caption.enable:after{display:none}.tx-typo3forum-pi1 table tbody td{background:#fff !important;padding:10px 8px;line-height:60px;vertical-align:middle;height:60px;font-size:13px;line-height:normal}.tx-typo3forum-pi1 table tbody td div{font-size:13px;line-height:18.2px;font-size:.8125rem;line-height:1.1375rem;font-weight:300;color:#b4b4b4;font-size:13px;line-height:normal}.tx-typo3forum-pi1 table tbody td a{font-size:16px;line-height:normal;font-weight:700;text-decoration:none;color:#333}.tx-typo3forum-pi1 table tbody td:nth-of-type(n+3){text-align:center}.tx-typo3forum-pi1 .f3-widget-paginator{text-align:right}.tx-typo3forum-pi1 .f3-widget-paginator li{color:#0067b1;font-weight:700;font-size:13px;line-height:normal;display:inline-block}.tx-typo3forum-pi1 .f3-widget-paginator li a{font-size:13px}.tx-typo3forum-pi1 .f3-widget-paginator li.current{color:#fc0}.tx-typo3forum-pi1 .f3-widget-paginator li+li{margin-left:5px}.tx-typo3forum-pi1 .tx-typo3forum-postbutton{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;background:#c6c6c6;font-size:14px;line-height:33px;cursor:pointer;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 .tx-typo3forum-postbutton+.btn{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;margin-left:10px;background:#c6c6c6;font-size:14px;line-height:35px;color:#000;font-weight:400;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 .previewTitle{margin-bottom:40px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview-wrap{display:none;padding-bottom:50px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview{background-color:#ffffff;padding:20px;margin-bottom:15px;max-width:927px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview .postsubject{font-size:16px;line-height:normal;font-weight:700;color:#333;margin:0 0 5px 0;display:block}.tx-typo3forum-pi1 #tx-typo3forum-postpreview ul{list-style-type:disc;padding:0 20px}.tx-typo3forum-pi1 .tx-typo3forum-postsubmit{margin-right:10px}.tx-typo3forum-pi1 #cke_typo3forum_editor{max-width:925px}code{background-color:#ececec;padding:10px;font-family:courier;display:block}.ce-osbee-forum h2,.ce-osbee-forum .ce-table table caption,.ce-table table .ce-osbee-forum caption{text-transform:none;text-align:left;padding-left:10px;background:#0067b1;padding:15px 0 15px 10px;margin:0;font-size:16px;line-height:normal;color:#fff}.ce-osbee-forum h2:after,.ce-osbee-forum .ce-table table caption:after,.ce-table table .ce-osbee-forum caption:after{display:none}.ce-osbee-forum .ce-osbee-forum-wrap{display:block;width:100%;background:#fff}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child{width:100%;padding:15px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon{float:left;max-width:70px;margin-right:15px;width:41px;height:41px;border-radius:25px;background:#c6c6c6}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic{background:#fff;text-align:center;vertical-align:middle;border:solid 1px #bbb;width:20px;height:20px;color:#bbb}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i{padding:0;font-size:12px;padding-top:4px;display:block}@media screen and (max-width: 640px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{float:left;width:55%}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3{margin:0;font-size:16px;line-height:normal}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a{font-size:16px;line-height:normal;font-weight:700;color:#333;margin:0 0 5px 0;display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a{font-weight:400;font-size:12px;line-height:normal;margin:0;display:block;width:100%;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span{display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span+span,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span+span{color:#bbb}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{width:40%}}@media screen and (max-width: 800px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{width:36%}}@media screen and (max-width: 768px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{float:none;width:100%}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a{margin-bottom:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p{margin-bottom:20px;max-width:85%}}@media screen and (max-width: 480px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p{margin-bottom:0;max-width:100%}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{float:right;width:36%;min-width:360px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p{display:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts{display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics{font-size:12px;line-height:14px;margin:0;font-weight:400;width:45px;text-align:center;float:left}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span{display:block}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics{width:40px}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts{font-size:12px;line-height:14px;margin:0;font-weight:400;float:left;width:45px;text-align:center;margin-left:25px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span{display:block}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts{width:40px}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:220px;position:relative;padding-left:40px;display:block;float:left;margin-left:25px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon{max-height:30px;border-radius:25px;width:auto;margin-right:0;position:absolute;left:0;top:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a{font-size:12px;line-height:14px;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover{text-decoration:underline}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a{font-size:12px;line-height:14px;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover{text-decoration:underline}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time{font-size:12px;line-height:14px;display:block;width:100%;color:#c6c6c6}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:200px}}@media screen and (max-width: 420px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:auto}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{margin-top:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span{display:inline;vertical-align:middle;line-height:30px;font-size:12px;line-height:14px}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{width:35%;min-width:330px}}@media screen and (max-width: 768px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{float:none;width:100%}}@media screen and (max-width: 480px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a{font-weight:400;color:#333;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child+.ce-osbee-forum-child{border-top:solid 1px #bbbbbb}ul.nav-pills li{display:inline-block}ul.nav-pills li a{font-size:12px;line-height:normal;color:#333;font-weight:400;text-decoration:none}ul.nav-pills li a:hover{text-decoration:underline}ul.nav-pills li:last-of-type a{font-weight:700;color:#333}ul.nav-pills li+li:before{content:"\f054";color:#fc0;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;font-size:10px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul.nav-pills+.ce-osbee-forum{margin-top:20px}.ce-osbee-forum-singlepost{position:relative;background:#fff;padding:30px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{width:20%;float:left;padding-right:2%;border-right:solid 1px #bbb;text-align:center}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon{float:none;display:block;margin:0;background:#ececec;padding:10px;text-align:center;border-radius:150px;height:85px;width:85px;margin:15px auto;font-size:60px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:16px;line-height:normal;margin:0 0 10px 0;color:#333;font-weight:700;text-decoration:none}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover{text-decoration:underline}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname{font-size:16px;line-height:normal;margin:0 0 10px 0;color:#333;font-weight:700}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName{font-size:18px;line-height:normal;font-weight:600;color:#333}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered{font-size:14px;line-height:normal;color:#bbbbbb;margin-bottom:10px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince{font-size:12px;line-height:normal;color:#bbbbbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts{font-size:12px;line-height:normal;color:#bbbbbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p{font-size:14px;line-height:normal;font-weight:400;margin:0}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p+p{margin-top:2px}@media screen and (max-width: 1024px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{width:25%}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:14px;line-height:normal}}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{float:none;width:100%;border-right:none;padding-right:0}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon{display:none}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div{padding-bottom:15px;border-bottom:solid 1px #bbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div *{display:block;text-align:left}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:14px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered{margin-left:0}}@media screen and (max-width: 480px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div{padding-bottom:15px}}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{width:77%;float:left;padding-left:2%;margin-left:3%}@media screen and (max-width: 1024px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{width:70%}}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{float:none;margin-left:0;width:100%;margin-top:20px}}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text{padding:0;margin:0;font-size:12px;line-height:normal;padding-top:10px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p{font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text ul{list-style-type:disc;padding:0 20px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text ul li{font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote{background:#fff;color:#333;border:none;margin:0 0 15px 0}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user{color:#333;font-size:12px;font-weight:400;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a{color:#333;font-size:12px;font-weight:400;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text{margin-top:10px;font-style:italic;color:#bbb;font-size:12px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before{content:"\f10e";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:30px;color:#0067b1;margin-right:10px;vertical-align:top}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote{margin:-30px 0 10px 35px;padding:0}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before{font-size:20px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{border-bottom:solid 1px #bbb;padding-bottom:5px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu{float:right}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a{font-weight:400;font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon{padding-left:0;position:relative;top:-4px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date{float:left;font-size:12px;line-height:normal;color:#333;font-style:normal;font-size:13px;color:#bbb}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{position:absolute;top:30px;right:30px;border-bottom:none}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date{float:none;display:inline-block}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu{float:none;margin-left:10px;display:inline-block}}@media screen and (max-width: 480px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{position:relative;top:0;text-align:right;right:auto;border-bottom:none}}.ce-osbee-forum-singlepost+.ce-osbee-forum-singlepost{border-top:solid 1px #bbbbbb}.ce-osbee-forum-singlepost:first-of-type{margin-top:30px}.f3-widget-paginator{margin:40px 0 30px 0;text-align:right}.osbee-forum-empty{display:none}.osbee-forum-empty.enable{display:block}p.tx-srfeuserregister-pi1-error{font-size:13px;line-height:normal}.blogContentFullWidth{margin-top:25px}.blogContent{float:left;width:73.78%;width:calc(100% - 32.85%);display:block;max-width:740px;padding:50px 0;margin-right:4.85%;padding-top:0}.blogContent a{color:#0067b1}@media screen and (max-width: 1020px){.blogContent{width:100%;max-width:none;margin-right:0;float:none}}.blogSidebar{float:left;width:23.30%;width:calc(100% - 72%);max-width:240px;display:block;padding:50px 0;padding-top:0;margin-top:40px}@media screen and (max-width: 1020px){.blogSidebar{float:none;width:100%;max-width:none}}.blogSidebar .csc-header{width:100%;text-align:left}.blogSidebar h3,.blogSidebar h1,.blogSidebar h2,.blogSidebar .ce-table table caption,.ce-table table .blogSidebar caption{display:inline-block;width:100%;padding:0 0 3px 0;border-bottom:solid 2px #fc0;font-weight:bold;margin:0 0 10px 0;font-size:16px;line-height:normal;text-transform:none;text-align:left}.blogSidebar .news{padding:0;margin-bottom:40px}.blogSidebar .blog-subscribe h2,.blogSidebar .blog-subscribe .ce-table table caption,.ce-table table .blogSidebar .blog-subscribe caption{display:inline-block;width:100%;padding:0 0 3px 0;border-bottom:solid 2px #fc0;font-weight:bold;margin:0 0 10px 0;font-size:16px;line-height:normal;text-transform:none;text-align:left}.blogSidebar .blog-subscribe h2:after,.blogSidebar .blog-subscribe .ce-table table caption:after,.ce-table table .blogSidebar .blog-subscribe caption:after{display:none}.blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice{font-style:normal;margin:0;font-size:15px;line-height:normal}.blogSidebar .blog-subscribe .terms{margin-top:15px}.blogSidebar .blog-subscribe .terms .termsInputContainer{float:left;width:10%;text-align:left}.blogSidebar .blog-subscribe .terms .termsInputContainer input{width:15px;height:15px;border:solid 1px #c6c6c6;background:#fff}.blogSidebar .blog-subscribe .terms p{float:left;width:90%;font-size:12px;line-height:normal}.blogSidebar .blog-subscribe .terms p a{padding-left:0;background-image:none;font-weight:400;font-size:12px;line-height:normal}.blogSidebar .blog-subscribe .terms p span{display:none}.blogSidebar .blog-subscribe .firstname input,.blogSidebar .blog-subscribe .email input{margin-top:0}.news-list-view h3{margin:0}.news-list-view h3 a{text-decoration:none}.news-list-view h3 a span{font-size:18px;color:#333;font-weight:normal}.news-list-view h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.news-list-view .header{display:inline-block;width:100%;max-width:470px;max-width:450px;margin-bottom:15px}.news-list-view .article{clear:both;height:210px;height:auto;border-bottom:1px solid #fc0}.news-list-view .article .footer{display:none}.news-list-view .no-media-element img{width:250px;height:187px}.news-list-view .more{font-size:15px;line-height:normal;vertical-align:bottom}.news-list-view .news-img-wrap{display:inline-block;margin:0 !important;padding:0;max-width:250px;height:100%;width:26%}.news-list-view .news-img-wrap img{max-width:100%;height:auto}.news-list-view .news-img-wrap a{margin:0;padding:0;border:0;max-width:100%}@media screen and (max-width: 640px){.news-list-view .news-img-wrap{display:none}}.news-list-view .news-content-wrap{width:72%;float:left;margin-left:2%}.news-list-view .news-content-wrap h3{margin-bottom:20px}@media screen and (max-width: 640px){.news-list-view .news-content-wrap{float:none;width:100%;margin-left:0}}.news-list-view .teaser-text>span{display:block}.news-list-view .teaser-text ul,.news-list-view .teaser-text ol{padding-left:0;margin-left:15px}.news-list-view .teaser-text .more{display:block;margin-top:15px}.news-single{padding:0;margin-top:40px}.news-single .header h3{font-size:18px;color:#333;font-weight:normal;margin-bottom:25px;margin-top:10px}.news-single .header h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.news-single .news-text-wrap p{color:#333}.news-single .footer{border-top:1px solid #fc0;margin-bottom:40px;padding:0;padding-top:20px;text-align:right}.news-single .footer p{font-weight:bold;color:#333;margin-bottom:0}.news-single .footer span span{padding-right:0;margin-right:0}.news-single .footer .socialmedia{display:none}.news-single .news-backlink-wrap a{font-size:15px;line-height:normal;font-weight:bold;color:#333;text-decoration:none}.news-single .article .news-img-wrap{width:100%;height:auto;margin-bottom:30px;float:none;margin:0;float:left;width:auto;margin-right:15px;margin-bottom:25px;max-width:350px}@media screen and (max-width: 768px){.news-single .article .news-img-wrap{max-width:none;float:none;margin-right:0;margin-bottom:15px;width:100%}}.news-single .article .news-img-wrap img{max-width:100%;height:auto}.news-single .shareThisPost{float:right;border-left:solid 1px #ddd;padding-left:10px}.news-single .news-list-category span{display:inline-block;font-size:13px;border-right:none}.news-single .news-list-category span+span:before{content:"|";display:inline-block;margin:0 5px 0 2px}@media screen and (max-width: 768px){.news-single .news-list-category{float:none;width:100%;display:block;margin-top:5px}.news-single .news-list-date{margin-top:5px}.news-single .shareThisPost{display:block;width:100%;float:none;padding-left:0;border-left:none}}.news p+ul{margin-top:15px}.blogSidebar .news ul li{padding-left:0;font-weight:700}.blogSidebar .news ul li ul li{font-weight:400}.blogSidebar .news ul li:before{display:none}.csc-header{margin:0;padding:0;display:inline-block}.blog-commentContainer{background:#ececec;padding:15px 10px}.blog-commentContainer form{margin-bottom:20px;padding-bottom:30px;border-bottom:solid 1px #bbbbbb}.blog-commentContainer form h3{margin:5px 0 0 0}.blog-commentContainer form textarea{resize:none;height:120px;padding:10px;width:100%;margin-top:10px;color:#bbb;font-size:18px;line-height:normal}.blog-commentContainer form textarea+p{font-size:14px;line-height:normal;color:#bbb;text-align:right}.blog-commentContainer form input[type="submit"]{display:inline-block;font-size:15px;line-height:normal;color:#fff;border:none;outline:none;text-align:center;background:#0067b1;text-transform:uppercase;padding:15px;min-width:160px;margin-top:-10px;font-weight:700;cursor:pointer}.toctoc-comments-pi1{border-bottom:1px solid transparent}.tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child{display:none}.tx-tc-ct-ry-report-line{text-align:right;font-size:12px;line-height:normal}.tx-tc-cts-ct-box+.tx-tc-cts-ct-box{border-top:solid 1px #c6c6c6;padding-top:15px !important}.tx-tc-cts-ct-box+.tx-tc-cts-ct-box.replyAnswer{border-top:none}.blog-usercomment{margin-left:0 !important}.blog-usercomment h3{margin-bottom:5px;margin-top:0}.blog-usercomment h3 time{display:inline-block}.blog-usercomment h3 .tx-tc-popularity-pic{display:none}.blog-usercomment+.blog-usercomment{margin-top:25px}.tx-tc-indent-subcmt{background:#fff;padding:15px 10px !important;margin-left:30px;position:relative}.tx-tc-indent-subcmt h3{margin-bottom:10px;margin-top:0}.tx-tc-indent-subcmt h3 time{display:inline-block}.tx-tc-indent-subcmt h3 .tx-tc-popularity-pic{display:none}.tx-tc-indent-subcmt:before,.tx-tc-indent-subcmt:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tx-tc-indent-subcmt:before{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.tx-tc-indent-subcmt:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.new-socialmedia{font-size:15px}.new-socialmedia i{font-size:22px}.tx-tc-dtadyn{padding:0 25px !important}.tx-tc-ct-form-field-upload{display:none !important}.tx-tc-width100-85{width:100%;float:none !important}.tx-tc-ct-form-gender{display:none}.tx-tc-ct-form-field{margin-top:5px}.tx-tc-ct-form-field input{background:#fff !important;border:solid 1px #c6c6c6;color:#333 !important}.tx-tcfh112{opacity:1 !important}.tx-tc-ct-reqhint{font-size:12px !important;line-height:normal !important}.latest-news-container{background:#ececec;padding:40px 0}.latest-news-container .startpage-latesnews{float:left;width:calc((100% - 60px) / 3);border-bottom:solid 1px #fc0;padding-bottom:20px;position:relative}.latest-news-container .startpage-latesnews .news-img-wrap{width:100%;margin-bottom:15px;max-width:none;vertical-align:bottom;display:table-cell}.latest-news-container .startpage-latesnews .news-img-wrap a{display:block}.latest-news-container .startpage-latesnews .news-img-wrap img{width:100%;display:block;height:auto}.latest-news-container .startpage-latesnews .header{width:100%;height:auto}.latest-news-container .startpage-latesnews .header h3{font-weight:400}.latest-news-container .startpage-latesnews .header h3 span{font-size:14px;line-height:19.6px;font-size:.875rem;line-height:1.225rem}.latest-news-container .startpage-latesnews .header h3:after{display:none}.latest-news-container .startpage-latesnews+.startpage-latesnews{margin-left:30px}@media screen and (max-width: 768px){.latest-news-container .startpage-latesnews{float:none;width:100%}.latest-news-container .startpage-latesnews .news-img-wrap{width:25%;margin-right:5%;float:left}.latest-news-container .startpage-latesnews .teaser-header-container{float:left;width:70%;padding-left:25px}.latest-news-container .startpage-latesnews .teaser-header-container .header{margin-bottom:0}.latest-news-container .startpage-latesnews .teaser-header-container .header h3 span{font-size:15px;line-height:normal}.latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more{margin-top:5px}.latest-news-container .startpage-latesnews+.startpage-latesnews{margin-left:0;margin-top:30px}}@media screen and (max-width: 520px){.latest-news-container .startpage-latesnews .news-img-wrap{display:none}.latest-news-container .startpage-latesnews .teaser-header-container{float:none;width:100%}}.rss-feed-button{padding-bottom:50px}.rss-feed-button a{width:100%;text-align:center}.rss-feed-button a i{font-size:16px}.new-socialmedia{padding-right:0 !important}.shariff .orientation-horizontal{display:block !important;-ms-flex-wrap:none !important;flex-wrap:none !important;text-align:right !important}.shariff .orientation-horizontal.col-5 li{-ms-flex:none !important;flex:none !important;min-width:0 !important;max-width:none;width:auto !important;margin-right:10px !important;margin-left:0 !important;padding:0;float:none;display:inline-block;margin-bottom:0}.shariff .orientation-horizontal.col-5 .fa{border-right:none !important;padding-right:0;margin-right:0;width:auto !important;line-height:normal;font-size:13px !important}.shariff .orientation-horizontal.col-5 .share_text{display:none}.shariff .theme-grey .shariff-button.info{border:none;padding-left:5px}.shariff .theme-grey .shariff-button.info .share_text{display:none !important}.shariff .theme-grey .shariff-button.info a{color:#000}.shariff .theme-grey .shariff-button a{background:transparent !important;background-color:transparent !important;height:auto;line-height:normal}.shariff .theme-grey .shariff-button a span{color:#333}.shariff .theme-grey .shariff-button a span:before{color:#333}.toctoc-comments-pi1.tx-tc-responsive{font-family:"Open Sans",sans-serif;border:none !important;padding:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu{border:none;margin-bottom:25px;font-size:15px;line-height:normal;border-bottom:solid 1px #0067b1;padding-bottom:10px;background:transparent}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover{border-bottom:solid 1px #0067b1;background:transparent !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle{color:#333}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop{width:18px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt{height:auto !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea{height:150px;padding:10px 15px !important;font-size:15px;line-height:normal !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin{background:#be1622;color:#fff;font-size:15px;padding:5px 10px;margin-left:4.5% !important;font-family:"Open Sans",sans-serif;opacity:1;border-radius:0;border:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp{opacity:1 !important}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage{height:auto}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm{margin-bottom:20px}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis{height:auto;margin-bottom:20px}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav{height:auto;width:100% !important;border:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight{background:transparent;border:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel{padding:10px;right:-2px;top:28px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox{font-size:14px;line-height:normal;font-weight:600;color:#0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink{color:#0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected{color:#be1622}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular{border:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box{margin:0;padding:0 10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate{font-size:12px;line-height:normal;color:#333;display:block;margin-top:2px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text{font-size:15px;line-height:normal;color:#333}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img{display:none}@media screen and (max-width: 480px){.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text{font-size:12px;line-height:normal}}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box+.tx-tc-cts-ct-box{margin-top:25px;padding-top:25px !important;border-top:solid 1px #0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply{border:none !important;padding:0 !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt{padding-left:25px !important;width:100% !important;background:#f6f7f8;padding-top:0px !important;border-top:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after{display:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox{position:relative;background:#fff;border:4px solid #fff;padding:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before{bottom:100%;left:12%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after{border-color:rgba(191,30,46,0);border-bottom-color:#fff;border-width:25px;margin-left:-25px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before{border-color:rgba(191,30,46,0);border-bottom-color:#fff;border-width:20px;margin-left:-20px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32{padding:0;height:32px;margin-right:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text{padding-top:0 !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate{margin-left:42px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp{margin-left:25px !important;width:calc(100% - 25px) !important}.tx-felogin-pi1{background-color:#ececec;padding:30px 17px 70px 17px;margin-bottom:50px}.tx-felogin-pi1 h3{font-family:"Quicksand",sans-serif;font-weight:700;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;text-align:left;margin-bottom:20px}.tx-felogin-pi1 h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.tx-felogin-pi1 form fieldset{border:none;padding:0}.tx-felogin-pi1 form fieldset>div{width:400px}.tx-felogin-pi1 form fieldset>div>div{border:1px solid #c6c6c6;display:inline-block;float:left;width:49%;height:53px;line-height:53px;margin-top:20px;padding-left:10px}.tx-felogin-pi1 form fieldset>div>div:first-child{margin-right:2%}.tx-felogin-pi1 form fieldset>div label{display:inline-block}.tx-felogin-pi1 form fieldset>div input[type="text"],.tx-felogin-pi1 form fieldset>div input[type="password"]{width:100%;height:55px;border:1px solid #c6c6c6;padding:10px;color:#333;font-size:15px}.tx-felogin-pi1 form fieldset>div input[type="submit"]{background:#0067b1 none repeat scroll 0% 0%;font-size:1rem;line-height:1.4rem;text-transform:uppercase;color:#fff;padding:15px 60px;margin-top:20px;border:medium none;outline:medium none;font-weight:700;cursor:pointer;width:100%}@media screen and (max-width: 485px){.tx-felogin-pi1 form fieldset>div{width:100%}.tx-felogin-pi1 form fieldset>div>div{width:100%}.tx-felogin-pi1 form fieldset>div>div:first-child{margin-right:0}}.tx-felogin-pi1 .felogin-links{padding-top:4px;width:400px}.tx-felogin-pi1 .felogin-links>div{display:inline-block;float:right}.tx-felogin-pi1 .felogin-links>div:first-child{float:left}.tx-felogin-pi1 .felogin-links>div a{color:#333;font-weight:normal}@media screen and (max-width: 485px){.tx-felogin-pi1 .felogin-links{width:100%}.tx-felogin-pi1 .felogin-links>div{display:block;float:none;margin-top:5px}.tx-felogin-pi1 .felogin-links>div:first-child{float:none}}.tx-sy-osbeeproducts{padding:0 0 40px 0}.tx-sy-osbeeproducts h2,.tx-sy-osbeeproducts .ce-table table caption,.ce-table table .tx-sy-osbeeproducts caption{font-weight:700;color:#0067b1;font-size:18px;line-height:normal;display:block;margin:0 0 5px 0}.tx-sy-osbeeproducts .os_cartFactory,.tx-sy-osbeeproducts .os_cartApps{margin-bottom:40px}.tx-sy-osbeeproducts .os_cartFactory table,.tx-sy-osbeeproducts .os_cartApps table{border-spacing:0}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type{border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td,.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td{background:#ececec;padding:10px 0 10px 10px;height:40px;color:#313131;font-weight:700;border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){background:#d7d7d7;padding:10px}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3){text-align:right;border-left:none}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){text-align:right;border-left:none}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6){padding:10px 0;border-left:none;text-align:center;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row,.tx-sy-osbeeproducts .os_cartApps table tr.row{border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row td,.tx-sy-osbeeproducts .os_cartApps table tr.row td{background:#fff;padding:10px 0 10px 10px;color:#313131;font-weight:400;border-left:solid 1px #c6c6c6;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type{color:#0067b1;text-decoration:none;font-weight:700}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2){padding:0 10px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4){text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6){padding:10px 0;text-align:center;padding-left:10px;padding-right:10px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i{font-size:20px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a{margin:0;padding:0;background:transparent;border:none;color:#be1622;font-size:20px;font-weight:700;text-decoration:none}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover{text-decoration:none}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td{font-size:15px;line-height:normal;border-left:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type{font-size:15px;line-height:normal;font-weight:700;color:#333;text-align:left;padding:10px;background:#ececec;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2){font-size:15px;line-height:normal;font-weight:700;text-align:right;padding:10px;background:#d7d7d7;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5){font-weight:700;font-size:15px;line-height:normal;text-align:right;background:#ececec;padding:10px;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type{min-height:1px;background:#ececec;height:40px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td{padding:10px;font-size:15px;font-weight:700;line-height:normal;background:#ececec;border-top:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2){background:#d7d7d7}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7){text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8){border-right:solid 1px #c6c6c6;text-align:center}.tx-sy-osbeeproducts .os_cartApps table tr.row td{border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3){border-left:none;text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4){border-left:none;text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8){border-left:none;text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8){padding:10px 0;text-align:center;padding-left:10px;padding-right:10px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i{font-size:20px}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a{margin:0;padding:0;background:transparent;border:none;color:#be1622;font-size:20px;font-weight:700;text-decoration:none}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover{text-decoration:none}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td{padding:10px;border-top:none;font-weight:700}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4){background:#ececec}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type{border-left:none}.tx-sy-osbeeproducts .os_overviewModules{padding-bottom:80px;margin-bottom:80px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table{border-spacing:0}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td{padding:10px;font-weight:700;font-size:15px;line-height:normal;background:#ececec;border-top:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2){background:#d7d7d7;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type{border-left:none;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr.row td{font-size:15px;line-height:normal;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type{color:#0067b1;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type{border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td{font-weight:700;font-size:15px;line-height:normal;height:40px;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div{font-size:15px;line-height:normal;font-weight:700}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2){background:#d7d7d7;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3){background:#ececec;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type{background:#ececec;border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .os_cartSupport{margin-bottom:40px}.tx-sy-osbeeproducts .os_cartSupport>div{float:left;width:calc((100% - 30px) / 4);background:#ececec;border:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartSupport>div .radioSupportName{margin-top:10px;margin-right:10px;padding:10px;font-size:18px;line-height:normal;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:3px}.tx-sy-osbeeproducts .os_cartSupport>div .container{padding:10px}.tx-sy-osbeeproducts .os_cartSupport>div .container .radioSupport{width:20px;height:20px;display:inline-block;margin:0 5px 0 0;vertical-align:bottom}.tx-sy-osbeeproducts .os_cartSupport>div .container div{display:inline-block;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartSupport>div .container a{color:#0067b1;font-size:15px;text-decoration:none;display:block}.tx-sy-osbeeproducts .os_cartSupport>div .container a:hover{text-decoration:underline}.tx-sy-osbeeproducts .os_cartSupport>div:first-of-type .radioSupportName{background:#d1d1d1}.tx-sy-osbeeproducts .os_cartSupport>div:nth-of-type(2) .radioSupportName{background:#fc0}.tx-sy-osbeeproducts .os_cartSupport>div:nth-of-type(3) .radioSupportName{background:#777372}.tx-sy-osbeeproducts .os_cartSupport>div:last-of-type .radioSupportName{background:#3a3a3a}.tx-sy-osbeeproducts .os_cartSupport>div+div{margin-left:10px}.tx-sy-osbeeproducts .os_carAppSupport{margin-bottom:40px}.tx-sy-osbeeproducts .os_carAppSupport>div{float:left;width:calc((100% - 20px) / 3);background:#ececec;border:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_carAppSupport>div .radioAppSupportName{margin-top:10px;margin-right:10px;padding:10px;font-size:18px;line-height:normal;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tx-sy-osbeeproducts .os_carAppSupport>div .container{padding:10px}.tx-sy-osbeeproducts .os_carAppSupport>div .container .radioAppSupport{width:20px;height:20px;display:inline-block;margin:0 5px 0 0;vertical-align:bottom}.tx-sy-osbeeproducts .os_carAppSupport>div .container div{display:inline-block;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_carAppSupport>div .container a{color:#0067b1;font-size:15px;text-decoration:none;display:block}.tx-sy-osbeeproducts .os_carAppSupport>div .container a:hover{text-decoration:underline}.tx-sy-osbeeproducts .os_carAppSupport>div:first-of-type .radioAppSupportName{background:#88b3d6}.tx-sy-osbeeproducts .os_carAppSupport>div:nth-of-type(2) .radioAppSupportName{background:#3f83c0}.tx-sy-osbeeproducts .os_carAppSupport>div:nth-of-type(3) .radioAppSupportName{background:#105b9e}.tx-sy-osbeeproducts .os_carAppSupport>div+div{margin-left:10px}.tx-sy-osbeeproducts .overviewSupport{margin-bottom:80px;padding-bottom:80px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table{border-spacing:0}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td{font-size:15px;line-height:normal;font-weight:700;padding:10px;background:#ececec;border-top:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type{border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type{text-align:right;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td{font-size:15px;line-height:normal;padding:10px;border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport{font-weight:700;color:#0067b1;font-size:15px}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2){border-left:none}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type{border-left:none;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td{font-size:15px;line-height:normal;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type{border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td{background:#ececec;height:40px;font-weight:700;font-size:15px;line-height:normal;padding:10px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type{border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type{border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .lastStep{border:solid 1px #c6c6c6;background:#ececec}.tx-sy-osbeeproducts .lastStep table{border-spacing:0}.tx-sy-osbeeproducts .lastStep table tr td{padding:0 10px 2px 10px;font-size:15px;line-height:normal;text-align:right}.tx-sy-osbeeproducts .lastStep table tr:first-of-type td{padding-top:10px}.tx-sy-osbeeproducts .lastStep table tr:last-of-type td{font-weight:700;padding-bottom:10px}.tx-sy-osbeeproducts .linkInActive{background:#bbbbbb;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:left;margin-top:20px;border:none;cursor:pointer}.tx-sy-osbeeproducts .tooltipp{display:none;position:absolute;background-color:#dddddd;padding:10px 20px;color:black;font-size:18px;margin-left:120px;float:left;margin-top:20px}.tx-sy-osbeeproducts .checkoutOption{margin-top:20px}.tx-sy-osbeeproducts .checkoutOption .checkoutSubmit{background:#be1622;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:right;border:none;cursor:pointer}.tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue{background:#0067b1;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:left;border:none;cursor:pointer}.step3YourData,.mp-contentContainer.checkout .step3YourOrder{padding-bottom:80px;margin-bottom:80px;border-bottom:solid 1px #bcbcbc;border-spacing:0;width:100%}.step3YourData caption,.mp-contentContainer.checkout .step3YourOrder caption{font-weight:700;color:#1268b3;font-size:18px;line-height:normal;display:block;margin:0 0 2px 0;text-align:left}.step3YourData tr:first-of-type td,.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td{padding:10px;font-weight:700;font-size:14px;line-height:normal;background:#f5f5f5;border-top:solid 1px #bcbcbc;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc}.step3YourData tr:first-of-type td:nth-of-type(2),.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2){background:#d7d7d7}.step3YourData tr:first-of-type td:last-of-type,.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type{border-left:none;border-right:solid 1px #bcbcbc}.step3YourData tr.row td,.mp-contentContainer.checkout .step3YourOrder tr.row td{font-size:14px;line-height:normal;padding:10px;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.step3YourData tr.row td:first-of-type,.mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type{color:#1268b3;font-weight:700;font-size:14px;line-height:normal;border-right:none}.orderlist table{margin-bottom:80px;border-spacing:0;width:100%}.orderlist table caption{font-weight:700;color:#1268b3;font-size:18px;line-height:normal;display:block;margin:0 0 2px 0;text-align:left}.orderlist table tr:first-of-type th{padding:10px;font-weight:700;font-size:14px;line-height:normal;background:#f5f5f5;border-top:solid 1px #bcbcbc;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc;text-align:left}.orderlist table tr:first-of-type th:nth-of-type(3){text-align:center}.orderlist table tr:first-of-type th:nth-of-type(4){text-align:right}.orderlist table tr:first-of-type th:last-of-type{border-right:solid 1px #bcbcbc}.orderlist table tr td{font-size:14px;line-height:normal;padding:10px;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc}.orderlist table tr td:nth-of-type(3){text-align:center}.orderlist table tr td:nth-of-type(4){text-align:right}.orderlist table tr td:last-of-type{border-right:solid 1px #bcbcbc}.step3YourOrder{width:100%;border-spacing:0;margin-bottom:80px}.step3YourOrder caption{text-align:left;font-size:18px;color:#0067b1;font-weight:700;padding-bottom:5px}.step3YourOrder tr td{font-size:14px;line-height:normal;padding:10px;border-top:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.step3YourOrder tr td:first-of-type{width:35%;font-weight:700;border-left:solid 1px #bcbcbc}.step3YourOrder tr:last-of-type td{border-bottom:solid 1px #bcbcbc}.step3YourOrder tr:nth-child(odd){background:#f5f5f5}.backToListButton{margin-bottom:40px}.mp-contentContainer.checkout h1{font-size:20px;line-height:normal;margin-bottom:80px;font-weight:700;text-transform:none}@media screen and (max-width: 480px){.mp-contentContainer.checkout h1{font-size:18px;margin-bottom:40px}}.mp-contentContainer.checkout .checkout_optionText{padding:25px 40px;border:solid 1px #bcbcbc}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_optionText{padding:15px 20px}}.mp-contentContainer.checkout .checkout_optionText strong{display:block;font-weight:700;color:#333;font-size:15px;line-height:normal}.mp-contentContainer.checkout .checkout_optionText p{margin:10px 0 0 0}.mp-contentContainer.checkout .checkout_paymentOption{padding:25px 40px;background:#f5f5f5;border:solid 1px #bcbcbc;margin-top:15px}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption{padding:15px 20px}}.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption{color:#333;margin-bottom:25px;font-size:24px;line-height:normal;text-transform:uppercase}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption{font-size:18px;line-height:normal}}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2),.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3){padding:15px 20px;border:solid 1px #bcbcbc;background:#fff}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input{display:inline-block}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label{vertical-align:bottom;display:inline-block;margin-left:10px;font-size:20px;font-weight:700;line-height:normal}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label{font-size:14px;line-height:normal;margin-left:5px}}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2)+div,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3)+div{margin-top:10px}.mp-contentContainer.checkout .checkout_paymentOption input[type="submit"]{display:inline-block;margin-top:20px;background:#0067b1;border:none;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;padding:8px 16px;cursor:pointer}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption input[type="submit"]{font-size:14px;line-height:normal}}.mp-contentContainer.checkout .step3YourData,.mp-contentContainer.checkout .step3YourOrder{width:100%;border-spacing:0}.mp-contentContainer.checkout .step3YourData caption,.mp-contentContainer.checkout .step3YourOrder caption{text-align:left;font-size:18px;color:#0067b1;font-weight:700;padding-bottom:5px}.mp-contentContainer.checkout .step3YourData tr td,.mp-contentContainer.checkout .step3YourOrder tr td{font-size:15px;line-height:normal;padding:10px;border-top:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr td:first-of-type,.mp-contentContainer.checkout .step3YourOrder tr td:first-of-type{width:35%;font-weight:700;border-left:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr:last-of-type td,.mp-contentContainer.checkout .step3YourOrder tr:last-of-type td{border-bottom:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr:nth-child(odd),.mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd){background:#f5f5f5}.mp-contentContainer.checkout .step3YourOrder{margin-top:40px}.mp-contentContainer.checkout .step3CheckoutButton{color:#fff;text-decoration:none;background:#0067b1;font-size:18px;line-height:normal;padding:8px 16px;border:none;cursor:pointer;display:inline-block;margin-top:20px}.checkout_thankyou{border:solid 1px #bcbcbc;padding:25px 40px;margin:40px 0}.checkout_thankyou strong{display:block;font-weight:700;color:#333;font-size:15px;line-height:normal}.checkout_thankyou p{margin:10px 0 0 0}.tx-contentpackage-checkoutFormular div{display:block}.tx-contentpackage-checkoutFormular div label{width:25%;text-align:right;padding-right:1em;float:left;height:55px;vertical-align:middle;line-height:55px}.tx-contentpackage-checkoutFormular div input{text-align:left;width:50%;float:left;height:55px;border:solid 1px #bbb;padding:10px}.tx-contentpackage-checkoutFormular div+div{margin-top:5px}@media screen and (max-width: 600px){.tx-contentpackage-checkoutFormular div label{display:block;width:100%;float:none;height:auto;text-align:left}.tx-contentpackage-checkoutFormular div input{float:none;display:block;width:100%}}.tx-contentpackage-checkoutFormular input[type="submit"]{background:#0067b1;font-size:15px;line-height:22.4px;font-size:1rem;line-height:1.4rem;text-transform:uppercase;color:#fff;padding:15px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer;margin-left:25%}@media screen and (max-width: 600px){.tx-contentpackage-checkoutFormular input[type="submit"]{margin-left:0}}.checkoutSteps{margin-bottom:40px;text-align:center}.checkoutSteps .step{display:inline-block;position:relative;background:#ccc;border:4px solid #fff;border-bottom:none;border-top:none;padding-left:10px;padding-right:10px;z-index:10;color:#fff;font-weight:700;font-size:16px;height:47px;line-height:46px}.checkoutSteps .step.active{background:#0067b1}.checkoutSteps .step.active:after{border-left-color:#0067b1}.checkoutSteps .step:after,.checkoutSteps .step:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.checkoutSteps .step:after{border-color:rgba(204,204,204,0);border-left-color:#ccc;border-width:23px;margin-top:-23px}.checkoutSteps .step:before{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:28px;margin-top:-28px}.checkoutSteps .step+.step{padding-left:30px;z-index:9;margin-left:-4px}.checkoutSteps .step+.step+.step{z-index:8}.checkoutSteps .step+.step+.step+.step{z-index:7}.checkoutError{background:#be1622;color:#fff;font-weight:700;font-size:15px;line-height:normal;text-align:center;margin-bottom:40px;display:block;padding:5px 10px}.tx-indexedsearch-searchbox{padding-top:50px;padding-bottom:50px}.tx-indexedsearch-searchbox form label{font-size:16px;line-height:normal;color:#333;display:block}.tx-indexedsearch-searchbox form input[type="text"]{height:25px;border:solid 1px #c6c6c6;font-size:12px;min-width:280px;padding:0 5px}.tx-indexedsearch-searchbox form input[type="submit"]{display:block;background:#be1622;color:#fff;border:none;font-size:15px;padding:5px 10px;margin-top:5px;min-width:280px}.suchergebnis{padding-bottom:50px}.tx-indexedsearch-browsebox{list-style-type:none;margin:0;padding:0}.tx-indexedsearch-browsebox ul{list-style-type:none;margin-top:15px;margin-bottom:15px}.tx-indexedsearch-browsebox li{float:left}.tx-indexedsearch-browsebox li a{color:#c6c6c6;text-decoration:none}.tx-indexedsearch-browsebox li+li{margin-left:10px}.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a{color:#be1622}.tx-indexedsearch-browsebox+.tx-indexedsearch-res{margin-top:40px}.tx-indexedsearch-res+.tx-indexedsearch-res{margin-top:25px;padding-top:25px;border-top:solid 1px #c6c6c6}.tx-indexedsearch-res+.tx-indexedsearch-browsebox{margin-top:40px}.tx-srfeuserregister-pi1{margin-bottom:50px;float:left;width:70%}.tx-srfeuserregister-pi1 p{padding:0}.tx-srfeuserregister-pi1 p.textOverSendButton{position:relative;margin:0;padding:0;clear:both;margin-bottom:-10px;padding-top:25px}.tx-srfeuserregister-pi1 p.textOverSendButton+dt{display:none}.tx-srfeuserregister-pi1 .customRegisterCheckbox{position:relative;padding-left:30px;margin-top:10px}.tx-srfeuserregister-pi1 .customRegisterCheckbox p,.tx-srfeuserregister-pi1 .customRegisterCheckbox a{font-size:12px;line-height:normal}.tx-srfeuserregister-pi1 .customRegisterCheckbox a{background:transparent;padding-left:0}.tx-srfeuserregister-pi1 .customRegisterCheckbox input{position:absolute;left:0;top:1px}.tx-srfeuserregister-pi1 fieldset{border:none;padding:0;margin:0}.tx-srfeuserregister-pi1 fieldset legend{display:none}.tx-srfeuserregister-pi1 fieldset h2,.tx-srfeuserregister-pi1 fieldset .ce-table table caption,.ce-table table .tx-srfeuserregister-pi1 fieldset caption{font-size:18px;line-height:normal;text-align:left;margin:0 0 5px 0}.tx-srfeuserregister-pi1 fieldset h2:after,.tx-srfeuserregister-pi1 fieldset .ce-table table caption:after,.ce-table table .tx-srfeuserregister-pi1 fieldset caption:after{margin:10px 0 0 0}.tx-srfeuserregister-pi1 fieldset h2+p,.tx-srfeuserregister-pi1 fieldset .ce-table table caption+p,.ce-table table .tx-srfeuserregister-pi1 fieldset caption+p{margin:0 0 25px 0}.tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file{padding:30px 0}.tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label{font-size:15px;line-height:normal;display:block;margin-bottom:10px}.tx-srfeuserregister-pi1 fieldset label{height:55px;vertical-align:middle}.tx-srfeuserregister-pi1 fieldset dd{width:100%}.tx-srfeuserregister-pi1 fieldset dt{text-align:left}.tx-srfeuserregister-pi1 fieldset input[type="text"],.tx-srfeuserregister-pi1 fieldset input[type="password"],.tx-srfeuserregister-pi1 fieldset input[type="email"],.tx-srfeuserregister-pi1 fieldset input[type="date"],.tx-srfeuserregister-pi1 fieldset select{width:325px;width:100%;height:55px;border:solid 1px #bbb;padding:10px;color:#333;font-size:18px}.tx-srfeuserregister-pi1 fieldset input[type="submit"]{background:#0067b1;font-size:15px;line-height:normal;text-transform:uppercase;color:#fff;padding:15px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer;width:100%;text-align:center}.tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged{display:inline-block}.tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged+p{display:inline-block}.tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms{display:inline-block}.tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms+input[type="checkbox"]{float:left;margin-top:15px}.tx-srfeuserregister-pi1 fieldset input[type=password]{margin-right:0}.tx-srfeuserregister-pi1 fieldset .formwrap>div{float:left;width:48%}.tx-srfeuserregister-pi1 fieldset .formwrap>div.passwort input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.passwortagain input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.company input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.jobrole input{width:100%}.tx-srfeuserregister-pi1 fieldset .formwrap>div+div{margin-left:3.5%}.tx-srfeuserregister-pi1 fieldset .jobrole input{margin-top:7px}.tx-srfeuserregister-pi1 fieldset .terms input{display:inline-block}.tx-srfeuserregister-pi1 fieldset .terms p{margin:0;display:inline-block}.tx-srfeuserregister-pi1 fieldset .terms p a{color:#0067b1;font-size:15px;line-height:normal;text-decoration:none}.tx-srfeuserregister-pi1 fieldset .terms p a:hover{text-decoration:underline}@media screen and (max-width: 800px){.tx-srfeuserregister-pi1{float:none;width:100%}.tx-srfeuserregister-pi1 dt{width:30%}.tx-srfeuserregister-pi1 dd{width:70%}}@media screen and (max-width: 600px){.tx-srfeuserregister-pi1 dt,.tx-srfeuserregister-pi1 dd{width:100%}.tx-srfeuserregister-pi1 dt{display:block;margin-top:5px;text-align:left}.tx-srfeuserregister-pi1 fieldset .formwrap>div{width:100%}.tx-srfeuserregister-pi1 fieldset .formwrap>div+div{margin-left:0}.tx-srfeuserregister-pi1 fieldset input[type="text"],.tx-srfeuserregister-pi1 fieldset input[type="password"],.tx-srfeuserregister-pi1 fieldset input[type="email"],.tx-srfeuserregister-pi1 fieldset input[type="date"],.tx-srfeuserregister-pi1 fieldset select{width:100%}}.editForm .leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{padding-top:0}.community-forum-news{padding:25px 0;background:#ececec}.community-forum-news>.inner>div{float:left;width:calc((100% - 20px) / 2)}.community-forum-news>.inner>div.news{margin-left:20px;padding-top:8px}@media screen and (max-width: 1100px){.community-forum-news>.inner>div.news .inner.small,.community-forum-news>.inner>div.news .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .community-forum-news>.inner>div.news .tx-felogin-pi1-inner{padding:0 !important}}.community-forum-news>.inner>div.news .latest-news-container{padding:0;margin-top:42px;padding-top:44px;padding-left:84px}@media screen and (max-width: 980px){.community-forum-news>.inner>div.news .latest-news-container{padding-top:0;margin-top:0;padding-left:0}}.community-forum-news>.inner>div.news .latest-news-container>h2,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption{text-align:left;position:relative;top:-44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container>h2,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption{top:auto}}.community-forum-news>.inner>div.news .latest-news-container>h2:after,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption:after,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption:after{margin:10px 0 10px 0}.community-forum-news>.inner>div.news .latest-news-container .startpage-article{position:relative;top:-44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-article{top:auto}}.community-forum-news>.inner>div.news .latest-news-container .startpage-article .more{position:relative;top:44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-article .more{top:auto}}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews{margin-top:20px;width:calc((100% - 30px) / 2)}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews .header{margin-top:10px}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews .header h3 span{font-size:15px;font-weight:600;line-height:normal}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews{width:100%}}.community-forum-news>.inner>div.tx-typo3forum-pi1>h2,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1>caption{text-align:left;text-transform:none}.community-forum-news>.inner>div.tx-typo3forum-pi1>h2:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1>caption:after{margin:10px 0 10px 0}.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-forum-latest-post>div{padding:10px}@media screen and (max-width: 980px){.community-forum-news>.inner>div{float:none;width:100%;margin-left:0 !important;max-width:none}}.zweispaltig-unterseiten-layout{max-width:1030px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 1100px){.zweispaltig-unterseiten-layout{padding:0 25px}}.leftSidebar{float:left;width:23.30%;width:calc(100% - 72%);max-width:240px;display:block;padding:50px 0;padding-top:0;margin-top:40px;min-height:1px}.leftSidebar .leftMenu{float:none;width:100%;margin-top:0}.leftSidebar .inner.small,.leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner,.leftSidebar .inner{padding:0 !important}@media screen and (max-width: 767px){.leftSidebar{float:none;width:100%;margin-left:0;max-width:none;padding-bottom:0}.leftSidebar .leftMenu{margin-bottom:0;padding-bottom:0;margin-top:25px}.leftSidebar .leftMenu .profile-sidebar-content{margin-top:15px}}.rightContent{float:left;width:73.78%;width:calc(100% - 32.85%);display:block;max-width:740px;padding:50px 0;margin-left:4.85%;padding-top:0;min-height:1px;margin-top:40px}.rightContent .tx-srfeuserregister-pi1{float:none;width:100%;display:block;margin-bottom:40px}.rightContent .tx-srfeuserregister-pi1 input{padding:10px 15px}.rightContent .inner.small,.rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner,.rightContent .inner{padding:0 !important}@media screen and (max-width: 767px){.rightContent{float:none;width:100%;margin-left:0;max-width:none;margin-top:25px}}header.header{padding:0px 0 25px 0;max-height:133px;border-bottom:solid 5px #fc0;position:fixed;top:0;z-index:9999;left:0;right:0;background:#fff}header.header.compexHeader{height:100px;padding-top:25px}header.header.compexHeader .topMeta{display:none}header.header.compexHeader+*{margin-top:100px;display:block}@media screen and (max-width: 480px){header.header.compexHeader{height:72px;padding-top:15px;padding-bottom:15px}header.header.compexHeader+*{margin-top:72px}}header.header+*{margin-top:133px;display:block}@media screen and (max-width: 860px){header.header{height:155px;max-height:155px}header.header+*{margin-top:155px}}@media screen and (max-width: 480px){header.header{height:200px;max-height:200px}header.header+*{margin-top:200px}}@media screen and (max-width: 460px){header.header{max-height:120px;height:120px}header.header+*{margin-top:120px}}header.header .topMeta{width:100%;background:#f5f5f5;margin-bottom:20px;height:30px;line-height:30px}@media screen and (max-width: 860px){header.header .topMeta{height:auto}}header.header .topMeta .left{float:left;color:#333;font-size:12px;font-weight:600;line-height:30px}@media screen and (max-width: 860px){header.header .topMeta .left{float:none;width:100%;text-align:center}}@media screen and (max-width: 460px){header.header .topMeta .left{display:none}}header.header .topMeta .right{float:right}header.header .topMeta .right form{position:relative;float:left;margin-right:5px}header.header .topMeta .right form input[type="text"]{border:0;background:#fff;padding:0 5px;height:24px;position:relative;padding-right:25px;font-size:12px;line-height:24px;top:-2px;margin-right:35px;margin-bottom:0}header.header .topMeta .right form button{position:absolute;right:5px;top:1px;background:transparent;border:none;font-size:18px;color:#333}header.header .topMeta .right form button:before{content:"\f002";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 460px){header.header .topMeta .right form{display:none}}@media screen and (max-width: 860px){header.header .topMeta .right{float:none;width:100%;text-align:center;text-align:right}}header.header .topMeta a{text-decoration:none;text-transform:uppercase;color:#333;font-size:12px;line-height:normal;font-weight:600;padding:0 10px;border-left:solid 1px #333}header.header .topMeta a i{margin-right:3px}header.header .topMeta a:hover{text-decoration:underline}header.header .topMeta a:last-of-type{border-right:solid 1px #333}@media screen and (max-width: 860px){header.header .topMeta a{border-left:none}header.header .topMeta a:last-of-type{border-right:none;border-left:solid 1px #333;padding-left:14px}}@media screen and (max-width: 480px) and (min-width: 461px){header.header .topMeta a{display:block;float:none;margin-left:auto;margin-right:auto;width:100%;clear:both;padding-top:10px}header.header .topMeta a:last-of-type{border-left:none}}header.header .logo{float:left;display:block;max-width:215px}@media screen and (max-width: 480px){header.header .logo{max-width:180px}}header.header .logo img{max-height:50px}header.header nav{float:right}@media screen and (min-width: 1121px){header.header nav>ul>li{float:left;padding:14px 0;position:relative}header.header nav>ul>li>a{color:#333;text-decoration:none;font-weight:700;text-transform:uppercase;font-family:"Open Sans",sans-serif}header.header nav>ul>li>a i{display:none}header.header nav>ul>li+li{margin-left:25px}header.header nav>ul>li:last-of-type{margin-left:40px;background:#be1622;padding:14px 19px}header.header nav>ul>li:last-of-type a{color:#fff}header.header nav>ul>li:last-of-type:hover:before,header.header nav>ul>li:last-of-type.active:before{display:none !important}header.header nav>ul>li ul{display:none;position:absolute;width:170px;top:75px;background:#fff;z-index:99999;box-shadow:1px 1px 5px rgba(0,0,0,0.35)}header.header nav>ul>li ul li{display:block}header.header nav>ul>li ul li a{font-size:12px;font-weight:700;color:#333;text-decoration:none;line-height:14px;padding:14px 10px;display:block;text-transform:uppercase}header.header nav>ul>li ul li:hover,header.header nav>ul>li ul li.active{background:#be1622}header.header nav>ul>li ul li:hover a,header.header nav>ul>li ul li.active a{color:#fff}header.header nav>ul>li ul li+li{border-top:solid 1px #b7b7b7}header.header nav>ul>li:hover:after{content:"";position:absolute;left:0;right:0;bottom:-28px;width:100%;height:45px;cursor:pointer}header.header nav>ul>li:hover ul{display:block}header.header nav>ul>li:hover:before,header.header nav>ul>li.active:before{content:"";position:absolute;border-bottom:solid 2px #bf1e2e;height:2px;width:100%;top:38px}}@media screen and (max-width: 1120px){header.header nav{position:relative}header.header nav>ul{position:absolute;width:250px;right:0;box-shadow:1px 1px 5px rgba(0,0,0,0.5);z-index:999999;display:none}header.header nav>ul li{float:none;display:block;padding:0;width:100%;background:#fff}header.header nav>ul li.active{background:#be1622}header.header nav>ul li.active>a{color:#fff}header.header nav>ul li a{display:block;width:100%;padding:14px 60px 14px 10px;color:#333;text-decoration:none;font-weight:700;position:relative;text-transform:uppercase;font-family:"Open Sans",sans-serif}header.header nav>ul li a:hover{color:#fff;background:#be1622}header.header nav>ul li a i{display:inline-block;position:absolute;right:0;top:38%;margin-top:-18px;padding:16px}header.header nav>ul li a i.fa-chevron-up{display:none}header.header nav>ul li.open a i.fa-chevron-up{display:inline-block}header.header nav>ul li.open a i.fa-chevron-down{display:none}header.header nav>ul li+li{margin-left:0;border-top:solid 1px #b7b7b7}header.header nav>ul li>ul{display:none}header.header nav>ul li>ul li{background:#f9f9f9;border-top:solid 1px #b7b7b7}header.header nav>ul li>ul li a{font-size:13px;line-height:normal;padding:10px 10px 10px 30px}header.header nav>ul li>ul li.active a{color:#fff;background:#be1622}header.header nav>ul li.open>ul{display:block}header.header nav>ul>li:last-of-type{border-top:none}header.header nav>ul>li:last-of-type a{color:#fff;background:#be1622}header.header nav.active>ul{display:block;height:450px;overflow:scroll}}header.header .mobile-button{display:none;padding:10px 0;cursor:pointer}header.header .mobile-button i{font-size:40px}@media screen and (max-width: 640px){header.header .mobile-button{padding:5px 0 0 0}}@media screen and (max-width: 1120px){header.header .mobile-button{display:block}}body.compexCommerce header.header.compexHeader .topMeta{height:0px}body.compexCommerce header.header.compexHeader .topMeta .right{display:none}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type{margin-left:25px;background:transparent;padding:11px 0}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:after{content:"\f107";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;z-index:9600}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:hover:after{left:auto;right:auto;bottom:auto;position:relative;width:auto;height:auto}@media screen and (max-width: 1120px){body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch{padding:0;margin:0}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:after{display:none}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch ul{width:100%;padding:0 10px 15px 10px;background:#be1622}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch ul li{background:#be1622;border-top:none}}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type>a{color:#333;position:relative;z-index:9600;font-size:13px;line-height:normal}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type img{vertical-align:middle;position:relative;z-index:9600}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type:hover:before,body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.active:before{display:none !important}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type li a{color:#333;font-weight:700}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type li a:hover{color:#fff}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul{width:80px;padding-left:10px;top:0px;padding-top:47px;left:-10px;z-index:9500;padding-bottom:10px}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li img{vertical-align:middle}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li a{font-weight:700;padding:0;display:inline}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li:hover{background:transparent}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li:hover a{color:#333}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li+li{border-top:none;padding-top:10px}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search:hover:before{display:none !important}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search .compexCommerce-openSearch i{display:block;font-size:18px;color:#333}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form{position:absolute;top:38px;right:0;display:none}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form.active{display:block;-webkit-animation:display-none-transition 1s both;animation:display-none-transition 1s both}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form div{position:relative}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form input[type="text"]{height:30px;padding:0 25px 0 5px;width:180px;border:solid 1px #be1622;outline:none}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form button{border:none;background:transparent;position:absolute;right:5px;top:5px}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form button i{font-size:15px;color:#be1622}@-webkit-keyframes display-none-transition{0%{opacity:0}100%{opacity:1}}@keyframes display-none-transition{0%{opacity:0}100%{opacity:1}}@media screen and (max-width: 1360px){header.header .topMeta,header.header .topMeta+div{padding:0 20px}}@media screen and (max-width: 1300px) and (min-width: 1121px){header.header nav>ul>li>a{font-size:13px;line-height:normal}header.header nav>ul>li:last-of-type{margin-left:20px}header.header nav>ul>li+li{margin-left:18px}}footer.footer{background:#333;padding:50px 0 15px 0}footer.footer div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner{margin-bottom:80px}footer.footer div.inner.small:nth-of-type(2),footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2),.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2){margin-bottom:0}footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element{margin-bottom:0;max-width:none;width:auto;float:left}footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small,footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner{padding-left:0;padding-right:0}@media screen and (max-width: 860px){footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element{float:none}}footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{margin:0;padding:0;list-style:none;float:left;width:calc(100% / 6)}footer.footer div.inner.small ul>a,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul>a,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul>a{color:#fff;font-size:13px;line-height:normal;font-weight:700;text-decoration:none}footer.footer div.inner.small ul>a:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul>a:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul>a:after{content:"";display:block;width:75px;height:1px;background:#fc0;margin:10px 0 10px 0}footer.footer div.inner.small ul li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li{display:block}footer.footer div.inner.small ul li a,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a{display:block;color:#cecece;text-decoration:none;font-size:12px;line-height:normal;font-weight:400}footer.footer div.inner.small ul li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li+li{margin-top:5px}footer.footer div.inner.small ul.imprintList,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList{width:auto;float:right;margin-top:-4px}footer.footer div.inner.small ul.imprintList li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li{display:inline-block}footer.footer div.inner.small ul.imprintList li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li+li{margin-left:10px}footer.footer div.inner.small ul.imprintList li:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after{display:none}@media screen and (max-width: 860px){footer.footer div.inner.small ul.imprintList,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList{float:none !important;margin:10px 0 0 0;width:auto !important}}footer.footer div.inner.small p,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p{font-size:12px;line-height:normal;color:#fff;margin:0}@media screen and (max-width: 860px){footer.footer div.inner.small p,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p{float:none}}footer.footer div.inner.small+div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner+div.inner.small,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner+div.inner.small,footer.footer .tx-felogin-pi1 div.inner.small+div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.inner.small+div.tx-felogin-pi1-inner,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner+div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner+div.tx-felogin-pi1-inner{margin-bottom:0}@media screen and (max-width: 800px){footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{width:calc(100% / 3)}footer.footer div.inner.small ul:nth-of-type(n+4),footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n+4),.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n+4){margin-top:20px}}@media screen and (max-width: 720px){footer.footer div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner{margin-bottom:50px}footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{float:none;width:100%}footer.footer div.inner.small ul li:first-of-type,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type{display:block}footer.footer div.inner.small ul li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li+li{margin-right:10px;display:inline-block}footer.footer div.inner.small ul+ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul+ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul+ul{margin-top:20px}}.breadcrumbContainer{padding-top:11px;padding-bottom:11px}@media screen and (max-width: 1100px){.breadcrumbContainer{padding-top:11px !important;padding-bottom:11px !important}}.breadcrumbContainer ul li{color:#333;display:inline-block;font-size:13px;line-height:normal}.breadcrumbContainer ul li a{color:#999999;text-decoration:none;font-size:13px;line-height:normal}.breadcrumbContainer ul li:before{content:"\f015";color:#fc0;display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.breadcrumbContainer ul li+li{margin-left:5px}.breadcrumbContainer ul li+li:before{content:"\f054"}.breadcrumbContainer ul li:last-of-type a{color:#333}.mfp-image-holder .mfp-content{margin-top:50px;padding:0 25px}.mfp-image-holder .mfp-content figure{background:#fff}img.mfp-img{max-height:100% !important}.ce-video{padding:30px 0}.ce-video .left{float:left;max-width:500px;margin-right:30px}.ce-video .left video{max-width:100%;height:auto}.ce-video .right{float:left;max-width:500px}.ce-video .right h1,.ce-video .right h2,.ce-video .right .ce-table table caption,.ce-table table .ce-video .right caption,.ce-video .right h3{margin-top:0}.ce-video .right h2,.ce-video .right .ce-table table caption,.ce-table table .ce-video .right caption{text-align:left}.ce-video .right h2:after,.ce-video .right .ce-table table caption:after,.ce-table table .ce-video .right caption:after{margin:10px 0 0 0}.ce-forum-latest-post{margin-top:40px;max-width:83%}@media screen and (max-width: 980px){.ce-forum-latest-post{max-width:none}}.ce-forum-latest-post+.ce-forum-latest-post{margin-top:0}.ce-forum-latest-post:last-of-type{margin-bottom:40px;border-bottom:solid 1px #bbb}.ce-forum-latest-post h2,.ce-forum-latest-post .ce-table table caption,.ce-table table .ce-forum-latest-post caption{text-align:left}.ce-forum-latest-post h2:after,.ce-forum-latest-post .ce-table table caption:after,.ce-table table .ce-forum-latest-post caption:after{margin:10px 0 10px 0}.ce-forum-latest-post>div{display:block;width:100%;padding:12px;background:#fff;border-right:solid 1px #bbbbbb;border-left:solid 1px #bbbbbb;border-top:solid 1px #bbbbbb}.ce-forum-latest-post>div img{float:left;max-width:70px;margin-right:15px}.ce-forum-latest-post>div div h3{font-size:18px;line-height:normal;font-weight:700;color:#333;margin:0 0 0 0}.ce-forum-latest-post>div div h3 a{color:#333}.ce-forum-latest-post>div div p{font-weight:400;float:left}.ce-forum-latest-post>div div p+p{margin-left:10px}.tx-typo3forum-post-latest-box h2,.tx-typo3forum-post-latest-box .ce-table table caption,.ce-table table .tx-typo3forum-post-latest-box caption{text-align:left}.tx-typo3forum-post-latest-box h2:after,.tx-typo3forum-post-latest-box .ce-table table caption:after,.ce-table table .tx-typo3forum-post-latest-box caption:after{margin:10px 0 10px 0}.leftMenu{float:left;width:24.27%;margin-top:30px}@media screen and (max-width: 767px){.leftMenu{float:none;width:100%;margin-bottom:40px;padding-bottom:40px;border-bottom:solid 1px #bbbbbb}.leftMenu .profile-sidebar-content{display:none}.leftMenu .profile-sidebar-content.active{display:block}}.leftMenu h3{font-size:16px;line-height:normal;font-weight:700;color:#333;text-transform:uppercase;border-bottom:solid 2px #fc0;margin-bottom:15px}.leftMenu ul{margin:0;padding:0;list-style-type:none}.leftMenu ul li{display:block}.leftMenu ul li a{font-size:15px;line-height:normal;color:#333;text-decoration:none;font-weight:400;text-transform:uppercase}.leftMenu ul li.active a,.leftMenu ul li:hover a{font-weight:700;color:#333}.leftMenu ul li+li{margin-top:15px}.leftMenu+.tx-srfeuserregister-pi1,.leftMenu+*{width:74.75%;float:left;margin-left:0.97%;padding:30px 10px 0 10px}@media screen and (max-width: 767px){.leftMenu+.tx-srfeuserregister-pi1,.leftMenu+*{float:none;width:100%;margin-left:0;padding:0}}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice,.leftMenu+* .tx-srfeuserregister-pi1-notice{margin:0;font-style:normal;font-size:15px;line-height:normal}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash,.leftMenu+* .tx-srfeuserregister-pi1-trash{margin:0 0 10px 0}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a,.leftMenu+* .tx-srfeuserregister-pi1-trash a{background:transparent;padding-left:0;font-size:15px;line-height:normal;font-weight:400}.leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{float:left;width:32.46%;text-align:left;padding:17px 10px 16px 10px}@media screen and (max-width: 600px){.leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{float:none;width:100%;padding:0 10px 0 0}}.leftMenu+.tx-srfeuserregister-pi1 dt label,.leftMenu+* dt label{font-size:15px;line-height:normal;color:#333}.leftMenu+.tx-srfeuserregister-pi1 dd,.leftMenu+* dd{float:left;width:66.23%;margin-left:1.29%}@media screen and (max-width: 600px){.leftMenu+.tx-srfeuserregister-pi1 dd,.leftMenu+* dd{float:none;width:100%;margin-left:0;margin-top:0}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="text"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="password"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="email"],.leftMenu+* dd input[type="text"],.leftMenu+* dd input[type="password"],.leftMenu+* dd input[type="email"]{margin-top:0}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="submit"],.leftMenu+* dd input[type="submit"]{margin-top:0}}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="text"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="password"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="email"],.leftMenu+* dd input[type="text"],.leftMenu+* dd input[type="password"],.leftMenu+* dd input[type="email"]{width:100%;height:55px;vertical-align:middle;line-height:55px;padding:0 10px;font-size:15px;color:#333}.leftMenu+.tx-srfeuserregister-pi1 input[type="submit"],.leftMenu+* input[type="submit"]{float:right;margin-bottom:40px}.leftMenu .profile-sidebar{display:none;margin-top:15px}.leftMenu .profile-sidebar button{border:none;width:100%;display:block}@media screen and (max-width: 767px){.leftMenu .profile-sidebar{display:block}}.formular-sidebar{float:left;width:25%;margin-left:5%;padding-top:50px;padding-bottom:50px}.formular-sidebar .formular-sidebar-content{width:100%}.formular-sidebar .formular-sidebar-content+.formular-sidebar-content{margin-top:40px}.formular-sidebar h2,.formular-sidebar .ce-table table caption,.ce-table table .formular-sidebar caption{font-size:18px;line-height:normal;text-align:left;margin:0 0 5px 0}.formular-sidebar h2:after,.formular-sidebar .ce-table table caption:after,.ce-table table .formular-sidebar caption:after{margin:10px 0 0 0}.formular-sidebar img{margin-top:20px}.formular-sidebar p{font-size:13px;line-height:normal}.formular-sidebar .fontAwesome-list{margin-bottom:20px}.formular-sidebar .fontAwesome-list ul{margin:0;padding:0;list-style:none}.formular-sidebar .fontAwesome-list ul li{display:block;font-size:16px;line-height:normal;color:#333;font-weight:700}.formular-sidebar .fontAwesome-list ul li i{display:table-cell;font-size:22px;margin-right:10px;border-radius:50px;border:solid 2px #333;padding:10px;vertical-align:sub;float:left;height:46px;width:46px}.formular-sidebar .fontAwesome-list ul li span{margin:0;display:table-cell;vertical-align:middle;padding-left:10px;height:46px}@media screen and (max-width: 440px){.formular-sidebar .fontAwesome-list ul li span{width:80%}}@media screen and (max-width: 360px){.formular-sidebar .fontAwesome-list ul li span{width:70%}}.formular-sidebar .fontAwesome-list ul li+li{padding-top:10px;clear:both}@media screen and (max-width: 800px){.formular-sidebar{float:none;width:100%;margin-left:0;padding:0 0 50px 0}}.ui-icon{display:none !important}.compexCommerce .news-list-view .header{max-width:none}.cc_container .cc_btn{padding:8px 10px !important}body.compexCommerce main>*:first-child{margin-top:40px}body.compexCommerce main>.sliderContainer{margin-top:0 !important}body.compexCommerce main>.unterseiten-banner:first-child{margin-top:0} +/*# sourceMappingURL=screen.css.map */ diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/cashregister.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/cashregister.png Binary files differnew file mode 100644 index 0000000..fee6b22 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/cashregister.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dashboard-big.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dashboard-big.png Binary files differnew file mode 100644 index 0000000..ccbd744 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dashboard-big.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/db.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/db.png Binary files differnew file mode 100644 index 0000000..7644677 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/db.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dbinfo.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dbinfo.png Binary files differnew file mode 100644 index 0000000..9c2cfff --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dbinfo.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dsnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dsnew.png Binary files differindex 32f4adc..d9db6b4 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dsnew.png +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dsnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dssaveandnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dssaveandnew.png Binary files differnew file mode 100644 index 0000000..fd8c709 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dssaveandnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dssaveasnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dssaveasnew.png Binary files differnew file mode 100644 index 0000000..fb72a81 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/dssaveasnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/info.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/info.png Binary files differnew file mode 100644 index 0000000..e9f354c --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/info.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/license.txt index d1e91c0..c68c4c1 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/license.txt +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/license.txt @@ -91,8 +91,8 @@ flag_usa.png -(C) 2014 Loetz GmbH&Co.KG, -License: EPL 1.0: +(C) 2014,2018 Loetz GmbH&Co.KG, +License: EPL 1.0 ------------------------------------ about.png badrising.png @@ -115,10 +115,16 @@ crm.png css.png csv_import.png currency_euro.png +dashboard.png +dashboard-big.png database.png database_go.png database_table.png date.gif +db.png +dbinfo.png +dbsaveandnew.png +dbsaveasnew.png delete.png dir.txt dropdown.png @@ -126,6 +132,7 @@ dropdown_2.png dropedit2.png dscancel.png dsdelete.png +dsnew.png dssave.png edi.png editor_area.png @@ -146,6 +153,7 @@ gender_male.png goodsloping.png help.png html.png +info.png img.png import.png information.png @@ -219,6 +227,9 @@ task_status_ready.png task_status_reserved.png task_status_suspended.png tasks.png +tasks_many.png +tasks_none.png +tasks_some.png text.png toolbar_button_background_active_23x20.png toolbar_button_background_hover_23x20.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/tasks_many.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/tasks_many.png Binary files differnew file mode 100644 index 0000000..ef0dc97 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/tasks_many.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/tasks_none.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/tasks_none.png Binary files differnew file mode 100644 index 0000000..271a811 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/tasks_none.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/tasks_some.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/tasks_some.png Binary files differnew file mode 100644 index 0000000..3efaba4 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/icon/tasks_some.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css index 9d682d6..7dbfcda 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-steel/styles.css @@ -18599,6 +18599,10 @@ div.v-layout.v-horizontal.v-widget { margin: 0 auto; } +.osbp-steel div.v-slider-base { + width: 240px; +} + .osbp-steel .v-verticallayout-os-welcome { padding: 0px !important; } @@ -18607,6 +18611,53 @@ div.v-layout.v-horizontal.v-widget { border-width: 0px; } +.osbp-steel .v-label-os-dashboardtile { + color: #e1e1e1; + font-size: 9px; + line-height: 1.2; +} + +.osbp-steel .v-label-os-dashboardtile-number { + font-size: 25px; +} + +.osbp-steel .v-slot-os-dashboardtile { + vertical-align: middle; +} + +.osbp-steel .v-verticallayout-os-dashboardtile { + font-weight: 600; + + background-color: #949396; + border: 0px; + border-radius: 0px; + + bevel: false; + shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); + states: normal disabled; + margin-left: 4px; +} + +.osbp-steel .v-verticallayout-os-dashboardtile.v-pressed { + background-color: #8d9da4 !important; + border-color: #8d9da4 !important; +} + +.osbp-steel .v-verticallayout-os-dashboardtile:after { + transition: none; +} + +.osbp-steel .v-verticallayout-os-dashboardtile:hover, .osbp-steel .v-verticallayout-os-dashboardtile:focus, .osbp-steel .v-verticallayout-os-dashboardtile:active { + background-color: #5D737E; + border-color: #5D737E; + color: #d2d8da; +} + +.osbp-steel .v-verticallayout-os-dashboardtile:focus:after { + border-color: transparent; + transition: none; +} + :root .osbp-steel .v-checkbox { line-height: 24px; padding-top: inherit; @@ -18628,7 +18679,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp-steel .v-checkbox > input ~ label:before { height: 24px; border: 0px; - border-bottom: 1px solid #111011; + border-bottom: 1px solid #111011 !important; background: #2b292a; -webkit-box-shadow: none; box-shadow: none; @@ -18679,6 +18730,14 @@ div.v-layout.v-horizontal.v-widget { padding-right: 7.2px; } +.osbp-steel .popupContent .v-window-outerheader:after { + border-top-width: 0px; +} + +.osbp-steel .popupContent .v-window-contents { + padding-top: 45.4px !important; +} + .osbp-steel .popupContent .v-window-closebox { background: transparent; border: 0px; @@ -18889,6 +18948,13 @@ div.v-layout.v-horizontal.v-widget { background: #aeb9be; } +.osbp-steel .os-mparttoolbararea .v-button.v-spliter, .osbp-steel .os-embedded-toolbar .v-button.v-spliter { + background: inherit; + width: 0; + padding: 0; + border-right: 1px solid #111011; +} + .osbp-steel .os-mparttoolbararea span.v-button-caption, .osbp-steel .os-embedded-toolbar span.v-button-caption { vertical-align: middle; } @@ -19373,6 +19439,8 @@ div.v-layout.v-horizontal.v-widget { border-left-color: #3d3b3c; border-bottom: 1px solid #111011; margin-left: 0px; + -webkit-box-shadow: none; + box-shadow: none; font-weight: normal; text-transform: none; } @@ -19598,10 +19666,27 @@ div.v-layout.v-horizontal.v-widget { font-size: 16.8px; } -.osbp-steel .v-caption-on-top > .v-caption-l-control > .v-captiontext { +.osbp-steel .v-caption-on-top > .v-caption-l-control > .v-captiontext, .osbp-steel .v-slot-os-single-selection > .v-caption-on-top > .v-caption > .v-captiontext, .osbp-steel .v-slot-os-multi-selection > .v-caption-on-top > .v-caption > .v-captiontext { font-size: 12px; } +.osbp-steel .v-slot-os-single-selection, .osbp-steel .v-slot-os-multi-selection { + background-color: #2b292a; +} + +.osbp-steel .v-slot-os-single-selection > .v-caption-on-top > .v-caption, .osbp-steel .v-slot-os-multi-selection > .v-caption-on-top > .v-caption { + padding-bottom: 0px; +} + +.osbp-steel .v-slot-os-single-selection > .v-caption-on-top > .v-caption > .v-captiontext, .osbp-steel .v-slot-os-multi-selection > .v-caption-on-top > .v-caption > .v-captiontext { + margin: 8px; + margin-bottom: 0px; +} + +.osbp-steel .v-slot-os-single-selection > .v-caption-on-top > .v-filterselect, .osbp-steel .v-slot-os-multi-selection > .v-caption-on-top > .v-filterselect { + margin-top: 0px; +} + :root .osbp-steel .v-formlayout-row .v-checkbox { line-height: 24px; padding-top: inherit; @@ -19623,7 +19708,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp-steel .v-formlayout-row .v-checkbox > input ~ label:before { height: 24px; border: 0px; - border-bottom: 1px solid #111011; + border-bottom: 1px solid #111011 !important; background: #2b292a; -webkit-box-shadow: none; box-shadow: none; @@ -19640,6 +19725,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp-steel .v-formlayout-row .v-checkbox > input ~ label:before { margin-top: inherit; + border-width: 0px; } .osbp-steel .v-gridlayout-slot .v-checkbox-os-box { @@ -19663,7 +19749,7 @@ div.v-layout.v-horizontal.v-widget { .osbp-steel .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before { height: 24px; border: 0px; - border-bottom: 1px solid #111011; + border-bottom: 1px solid #111011 !important; background: #2b292a; -webkit-box-shadow: none; box-shadow: none; @@ -19722,6 +19808,30 @@ div.v-layout.v-horizontal.v-widget { border-width: 1px; } +.osbp-steel .l-control .v-widget.os-group-panel, .osbp-steel .toptrimbar .v-widget.os-group-panel, .osbp-steel .os-selection-area .v-widget.os-group-panel { + width: 100%; + border-top-width: 2px; +} + +.osbp-steel .l-control .v-widget.os-group-panel.os-caption-large .v-caption, .osbp-steel .l-control .v-widget .os-caption-large .v-caption, .osbp-steel .toptrimbar .v-widget.os-group-panel.os-caption-large .v-caption, .osbp-steel .toptrimbar .v-widget .os-caption-large .v-caption, .osbp-steel .os-selection-area .v-widget.os-group-panel.os-caption-large .v-caption, .osbp-steel .os-selection-area .v-widget .os-caption-large .v-caption { + width: 144px; + white-space: nowrap; + overflow: -moz-hidden-unscrollable; + text-overflow: ellipsis; +} + +.osbp-steel .l-control .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp-steel .l-control .v-widget .os-caption-large .v-caption .v-caption:hover, .osbp-steel .toptrimbar .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp-steel .toptrimbar .v-widget .os-caption-large .v-caption .v-caption:hover, .osbp-steel .os-selection-area .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp-steel .os-selection-area .v-widget .os-caption-large .v-caption .v-caption:hover { + overflow: visible; +} + +.osbp-steel .l-control .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp-steel .l-control .v-widget .os-caption-large .v-formlayout-contentcell, .osbp-steel .toptrimbar .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp-steel .toptrimbar .v-widget .os-caption-large .v-formlayout-contentcell, .osbp-steel .os-selection-area .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp-steel .os-selection-area .v-widget .os-caption-large .v-formlayout-contentcell { + padding: 0px; +} + +.osbp-steel .l-control .os-no-padding, .osbp-steel .toptrimbar .os-no-padding, .osbp-steel .os-selection-area .os-no-padding { + padding: 0px !important; +} + .osbp-steel .l-control .v-caption, .osbp-steel .toptrimbar .v-caption, .osbp-steel .os-selection-area .v-caption { font-size: 12px; } @@ -19736,6 +19846,23 @@ div.v-layout.v-horizontal.v-widget { border-bottom-color: #5D737E; } +.osbp-steel .l-control .v-component-group, .osbp-steel .l-control .l-beansearchfield, .osbp-steel .toptrimbar .v-component-group, .osbp-steel .toptrimbar .l-beansearchfield, .osbp-steel .os-selection-area .v-component-group, .osbp-steel .os-selection-area .l-beansearchfield { + display: flex; + width: 274px; +} + +.osbp-steel .l-control .v-component-group > .v-slot:first-of-type, .osbp-steel .l-control .l-beansearchfield > .v-slot:first-of-type, .osbp-steel .toptrimbar .v-component-group > .v-slot:first-of-type, .osbp-steel .toptrimbar .l-beansearchfield > .v-slot:first-of-type, .osbp-steel .os-selection-area .v-component-group > .v-slot:first-of-type, .osbp-steel .os-selection-area .l-beansearchfield > .v-slot:first-of-type { + width: 100%; +} + +.osbp-steel .l-control .v-component-group .v-datefield, .osbp-steel .l-control .v-component-group .v-filterselect, .osbp-steel .l-control .l-beansearchfield .v-datefield, .osbp-steel .l-control .l-beansearchfield .v-filterselect, .osbp-steel .toptrimbar .v-component-group .v-datefield, .osbp-steel .toptrimbar .v-component-group .v-filterselect, .osbp-steel .toptrimbar .l-beansearchfield .v-datefield, .osbp-steel .toptrimbar .l-beansearchfield .v-filterselect, .osbp-steel .os-selection-area .v-component-group .v-datefield, .osbp-steel .os-selection-area .v-component-group .v-filterselect, .osbp-steel .os-selection-area .l-beansearchfield .v-datefield, .osbp-steel .os-selection-area .l-beansearchfield .v-filterselect { + width: 100% !important; +} + +.osbp-steel .l-control .v-component-group .v-datefield > .v-textfield, .osbp-steel .l-control .v-component-group .v-filterselect > .v-textfield, .osbp-steel .l-control .l-beansearchfield .v-datefield > .v-textfield, .osbp-steel .l-control .l-beansearchfield .v-filterselect > .v-textfield, .osbp-steel .toptrimbar .v-component-group .v-datefield > .v-textfield, .osbp-steel .toptrimbar .v-component-group .v-filterselect > .v-textfield, .osbp-steel .toptrimbar .l-beansearchfield .v-datefield > .v-textfield, .osbp-steel .toptrimbar .l-beansearchfield .v-filterselect > .v-textfield, .osbp-steel .os-selection-area .v-component-group .v-datefield > .v-textfield, .osbp-steel .os-selection-area .v-component-group .v-filterselect > .v-textfield, .osbp-steel .os-selection-area .l-beansearchfield .v-datefield > .v-textfield, .osbp-steel .os-selection-area .l-beansearchfield .v-filterselect > .v-textfield { + width: 100% !important; +} + .osbp-steel .l-control .v-formlayout-captioncell, .osbp-steel .l-control .v-formlayout-errorcell, .osbp-steel .toptrimbar .v-formlayout-captioncell, .osbp-steel .toptrimbar .v-formlayout-errorcell, .osbp-steel .os-selection-area .v-formlayout-captioncell, .osbp-steel .os-selection-area .v-formlayout-errorcell { border-bottom: 1px solid #111011; vertical-align: bottom; @@ -19747,11 +19874,10 @@ div.v-layout.v-horizontal.v-widget { .osbp-steel .l-control .v-formlayout-contentcell > .v-customcomponent, .osbp-steel .toptrimbar .v-formlayout-contentcell > .v-customcomponent, .osbp-steel .os-selection-area .v-formlayout-contentcell > .v-customcomponent { width: 100%; - border-bottom: 1px solid #111011; } -.osbp-steel .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-steel .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-steel .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-steel .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-steel .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-steel .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"] { - border-bottom-width: 0px; +.osbp-steel .l-control .v-formlayout-contentcell > .v-customcomponent .v-label, .osbp-steel .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-label, .osbp-steel .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-label { + border-bottom: 1px solid #111011; } .osbp-steel .l-control .v-textfield, .osbp-steel .toptrimbar .v-textfield, .osbp-steel .os-selection-area .v-textfield { @@ -19776,7 +19902,6 @@ div.v-layout.v-horizontal.v-widget { border-top: transparent; border-left: transparent; border-right: transparent; - border-bottom: 1px solid #111011; -webkit-box-shadow: none; box-shadow: none; } @@ -19798,11 +19923,13 @@ div.v-layout.v-horizontal.v-widget { background-color: transparent; } -.osbp-steel .l-control .l-beansearchfield button, .osbp-steel .toptrimbar .l-beansearchfield button, .osbp-steel .os-selection-area .l-beansearchfield button { +.osbp-steel .l-control .l-beansearchfield button, .osbp-steel .l-control .l-beansearchfield .v-nativebutton, .osbp-steel .toptrimbar .l-beansearchfield button, .osbp-steel .toptrimbar .l-beansearchfield .v-nativebutton, .osbp-steel .os-selection-area .l-beansearchfield button, .osbp-steel .os-selection-area .l-beansearchfield .v-nativebutton { background: transparent; border: 0px; float: none; margin-left: 0px; + padding: 0px; + padding-left: 6px; font-weight: normal; color: #c4c3c3; border-width: 0px; @@ -19811,11 +19938,12 @@ div.v-layout.v-horizontal.v-widget { border-bottom: 1px solid #111011; outline: 0; height: 24px; - width: 24px !important; cursor: pointer; + -webkit-box-shadow: none; + box-shadow: none; } -.osbp-steel .l-control .l-beansearchfield button:before, .osbp-steel .toptrimbar .l-beansearchfield button:before, .osbp-steel .os-selection-area .l-beansearchfield button:before { +.osbp-steel .l-control .l-beansearchfield button:before, .osbp-steel .l-control .l-beansearchfield .v-nativebutton:before, .osbp-steel .toptrimbar .l-beansearchfield button:before, .osbp-steel .toptrimbar .l-beansearchfield .v-nativebutton:before, .osbp-steel .os-selection-area .l-beansearchfield button:before, .osbp-steel .os-selection-area .l-beansearchfield .v-nativebutton:before { font-family: FontAwesome; font-size: 14px; line-height: 14px; @@ -19824,7 +19952,7 @@ div.v-layout.v-horizontal.v-widget { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } -.osbp-steel .l-control .l-beansearchfield button img, .osbp-steel .toptrimbar .l-beansearchfield button img, .osbp-steel .os-selection-area .l-beansearchfield button img { +.osbp-steel .l-control .l-beansearchfield button img, .osbp-steel .l-control .l-beansearchfield .v-nativebutton img, .osbp-steel .toptrimbar .l-beansearchfield button img, .osbp-steel .toptrimbar .l-beansearchfield .v-nativebutton img, .osbp-steel .os-selection-area .l-beansearchfield button img, .osbp-steel .os-selection-area .l-beansearchfield .v-nativebutton img { display: none; } @@ -19866,7 +19994,6 @@ div.v-layout.v-horizontal.v-widget { .osbp-steel .v-filterselect-os-single-selection, .osbp-steel .os-single-selection { color: #c4c3c3; margin: 8px; - width: 168px; } .osbp-steel .os-multi-selection select.v-select-select { @@ -20226,98 +20353,55 @@ div.v-layout.v-horizontal.v-widget { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } -.osbp-steel .v-slot-osbpsidebar .v-slot-branding { - background-color: #2b292a; -} - -.osbp-steel .v-slot-osbpsidebar .branding { - padding-bottom: 9.6px; - padding-top: 9.6px; -} - -.osbp-steel .v-slot-osbpsidebar .branding .v-label { - padding: 0px; - padding-left: 9.6px; - line-height: 29.4px; - font-size: 16.8px; - font-weight: bold; -} - -.osbp-steel .v-slot-osbpsidebar .branding .v-label span { - font-size: 16.8px; - margin: 0px !important; - font-weight: bold; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - color: #c4c3c3; - letter-spacing: 0em !important; - min-height: 32px; - display: block; -} - -.osbp-steel .v-slot-osbpsidebar .menu { - width: 100%; - padding: 12px; - overflow: auto; -} - -.osbp-steel .v-slot-osbpsidebar .menu .v-nativebutton { +.osbp-steel .osbpsidebar .menu .v-nativebutton { + height: 32px; + padding: 0 13px; + color: #e1e1e1; + font-weight: 600; + + + border-radius: 0px; border: 0px; - width: 100%; - background-color: #3d3b3c; + background: #949396; + -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); + box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); + text-transform: uppercase; + margin-left: 4px; + text-align: center; + margin-bottom: 8px; + width: calc(100% - 8px); cursor: pointer; - height: 32px; - white-space: inherit; - border-bottom: 1px solid #111011; - font-weight: normal; - text-align: left; -} - -.osbp-steel .v-slot-osbpsidebar .menu .v-nativebutton .badge { - position: relative; - float: right; - display: inline-block; - line-height: 21px; - color: #d2d8da; - padding: 0em 0.4em 0em; - background: #5D737E; } -.osbp-steel .v-slot-osbpsidebar .menu .v-nativebutton:active { - background: rgba(0, 0, 0, 0.1); +.osbp-steel .osbpsidebar .menu .v-nativebutton.v-pressed { + background-color: #8d9da4 !important; + border-color: #8d9da4 !important; } -.osbp-steel .v-slot-osbpsidebar .menu .v-nativebutton:focus, .osbp-steel .v-slot-osbpsidebar .menu .v-nativebutton:hover { - outline: 0; - border-bottom-color: #5D737E; +.osbp-steel .osbpsidebar .menu .v-nativebutton:after { + transition: none; } -.osbp-steel .v-slot-osbpsidebar .user { - display: block; - background-color: #2b292a; - padding: 5px; +.osbp-steel .osbpsidebar .menu .v-nativebutton:hover, .osbp-steel .osbpsidebar .menu .v-nativebutton:focus, .osbp-steel .osbpsidebar .menu .v-nativebutton:active { + background-color: #5D737E; + border-color: #5D737E; + color: #d2d8da; } -.osbp-steel .v-slot-osbpsidebar .user > .v-slot { - height: 100%; - display: inline-block; +.osbp-steel .osbpsidebar .menu .v-nativebutton:focus:after { + border-color: transparent; + transition: none; } -.osbp-steel .v-slot-osbpsidebar .user :nth-child(4) { - float: right; +.osbp-steel .osbpsidebar .menu .v-nativebutton:focus, .osbp-steel .osbpsidebar .menu .v-nativebutton:hover { + outline: 0; } -.osbp-steel .v-slot-osbpsidebar .user .v-image { - border: 1px solid #111011; - border-width: 0px; - vertical-align: text-top; - border-radius: 24px; - max-width: 34px; - max-height: 34px; +.osbp-steel .osbpsidebar .menu { + padding: 12px; } -.osbp-steel .v-slot-osbpsidebar .user .v-label { +.osbp-steel .osbpsidebar .branding { font-size: 16.8px; padding: 8px; font-weight: bold; @@ -20328,54 +20412,6 @@ div.v-layout.v-horizontal.v-widget { line-height: 29.4px; letter-spacing: 0em !important; min-width: 168px; - color: #c4c3c3; - padding-top: 0px; -} - -.osbp-steel .v-slot-osbpsidebar .user .v-menubar, .osbp-steel .v-slot-osbpsidebar .user .v-nativebutton { - background-image: none; - background-color: transparent; - border: 0px; -} - -.osbp-steel .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog { - vertical-align: text-top; - height: 100%; - display: inline !important; - background: transparent; - border: 0px; - float: none; - color: #c4c3c3; -} - -.osbp-steel .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog:before { - font-family: FontAwesome; - font-size: 21px; - line-height: 29.4px; - content: "\f013" !important; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} - -.osbp-steel .v-slot-osbpsidebar .user .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after { - display: none; -} - -.osbp-steel .v-slot-osbpsidebar .user .v-nativebutton { - font-size: 16.8px; - color: #c4c3c3; -} - -.osbp-steel .v-slot-osbpsidebar .user .icon-cancel:before { - font-size: 16.8px; - color: #c4c3c3; - font-weight: bold; - line-height: 29.4px; - color: #c9c8c8; -} - -.osbp-steel .v-slot-osbpsidebar .user .v-nativebutton-caption { - display: none; } .osbp-steel .l-csslayout { @@ -20431,6 +20467,32 @@ div.v-layout.v-horizontal.v-widget { font-weight: bold; } +.osbp-steel .v-grid .v-grid-body > .v-grid-row > .v-grid-cell { + margin-bottom: -24px; +} + +.osbp-steel .v-grid .v-grid-row { + display: flex; + position: relative; +} + +.osbp-steel .v-grid .v-grid-row > td > img.gwt-Image { + height: 22px; +} + +.osbp-steel .v-grid .v-grid-row > td:hover { + height: auto !important; + position: relative; +} + +.osbp-steel .v-grid .v-grid-row > td:hover > img.gwt-Image { + height: auto; +} + +.osbp-steel .v-grid .v-grid-row > td { + height: auto !important; +} + .osbp-steel .v-grid .v-grid-cell.filter-header { height: 24px !important; padding: 0px; @@ -21876,16 +21938,45 @@ div.v-layout.v-horizontal.v-widget { color: #d2d8da; } -.osbp-steel .os-cash-register .v-textfield, .osbp-steel .os-cash-register .v-datefield, .osbp-steel .os-cash-register .o-XSuggestBox { +.osbp-steel .os-cash-register .v-textfield, .osbp-steel .os-cash-register .v-datefield, .osbp-steel .os-cash-register .o-XSuggestBox, .osbp-steel .os-cash-register .v-filterselect, .osbp-steel .os-cash-register .v-filterselect-input, .osbp-steel .os-cash-register .v-filterselect [class*="input"] { font-size: 24px; height: 48px; } -.osbp-steel .os-cash-register .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-steel .os-cash-register .v-datefield.v-disabled, .osbp-steel .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-steel .os-cash-register .o-XSuggestBox.v-disabled, .osbp-steel .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield { +.osbp-steel .os-cash-register .v-textfield.v-disabled, .osbp-steel .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-steel .os-cash-register .v-datefield.v-disabled, .osbp-steel .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-steel .os-cash-register .o-XSuggestBox.v-disabled, .osbp-steel .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield, .osbp-steel .os-cash-register .v-filterselect.v-disabled, .osbp-steel .os-cash-register .v-filterselect.v-disabled > .v-textfield, .osbp-steel .os-cash-register .v-filterselect-input.v-disabled, .osbp-steel .os-cash-register .v-filterselect-input.v-disabled > .v-textfield, .osbp-steel .os-cash-register .v-filterselect [class*="input"].v-disabled, .osbp-steel .os-cash-register .v-filterselect [class*="input"].v-disabled > .v-textfield { background-color: transparent; opacity: 0.75; } +.osbp-steel .os-cash-register .v-datefield [class*="textfield"] { + padding-left: 57.6px; +} + +.osbp-steel .os-cash-register .v-filterselect-button, .osbp-steel .os-cash-register .v-datefield button { + width: 48px; +} + +.osbp-steel .os-cash-register .v-filterselect-button:before, .osbp-steel .os-cash-register .v-datefield button:before { + width: 48px; +} + +.osbp-steel .os-cash-register .os-alt-button > .v-component-group, .osbp-steel .os-cash-register .os-alt-button > .l-beansearchfield { + display: block; +} + +.osbp-steel .os-cash-register .os-alt-button > .v-component-group > .v-slot > .v-button, .osbp-steel .os-cash-register .os-alt-button > .l-beansearchfield > .v-slot > .v-button { + position: relative; + height: 44px; + width: 44px; + min-width: 44px; + top: -44px; + left: -44px; +} + +.osbp-steel .os-cash-register .v-component-group > .v-slot > .v-button { + height: 48px; +} + .osbp-steel .os-cash-register .v-textarea { font-size: 24px; } @@ -21933,7 +22024,7 @@ div.v-layout.v-horizontal.v-widget { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } -.osbp-steel .os-cash-register .v-textfield, .osbp-steel .os-cash-register .v-datefield, .osbp-steel .os-cash-register .o-XSuggestBox { +.osbp-steel .os-cash-register .v-textfield, .osbp-steel .os-cash-register .v-datefield, .osbp-steel .os-cash-register .o-XSuggestBox, .osbp-steel .os-cash-register .v-filterselect, .osbp-steel .os-cash-register .v-filterselect-input, .osbp-steel .os-cash-register .v-filterselect [class*="input"], .osbp-steel .os-cash-register .l-control > .v-component-group, .osbp-steel .os-cash-register .l-control > .l-beansearchfield { width: 200px; } @@ -21941,7 +22032,7 @@ div.v-layout.v-horizontal.v-widget { width: 152px !important; } -.osbp-steel .os-cash-register .v-textfield, .osbp-steel .os-cash-register .v-datefield, .osbp-steel .os-cash-register .o-XSuggestBox { +.osbp-steel .os-cash-register .v-textfield, .osbp-steel .os-cash-register .v-datefield, .osbp-steel .os-cash-register .o-XSuggestBox, .osbp-steel .os-cash-register .v-filterselect, .osbp-steel .os-cash-register .v-filterselect-input, .osbp-steel .os-cash-register .v-filterselect [class*="input"], .osbp-steel .os-cash-register .l-control > .v-component-group, .osbp-steel .os-cash-register .l-control > .l-beansearchfield { width: 200px; } @@ -21949,7 +22040,7 @@ div.v-layout.v-horizontal.v-widget { width: 152px !important; } -.osbp-steel .os-cash-register .os-span-h-half.v-textfield, .osbp-steel .os-cash-register .os-span-h-half.v-datefield, .osbp-steel .os-cash-register .os-span-h-half.o-XSuggestBox { +.osbp-steel .os-cash-register .os-span-h-half.v-textfield, .osbp-steel .os-cash-register .os-span-h-half.v-datefield, .osbp-steel .os-cash-register .os-span-h-half.o-XSuggestBox, .osbp-steel .os-cash-register .os-span-h-half.v-textarea, .osbp-steel .os-cash-register .os-span-h-half.v-filterselect, .osbp-steel .os-cash-register .os-span-h-half.v-filterselect-input, .osbp-steel .os-cash-register .os-span-h-half.v-filterselect [class*="input"], .osbp-steel .os-cash-register .l-control.os-span-h-half .v-component-group, .osbp-steel .os-cash-register .l-control.os-span-h-half .l-beansearchfield { width: 96px; } @@ -21957,7 +22048,7 @@ div.v-layout.v-horizontal.v-widget { width: 48px !important; } -.osbp-steel .os-cash-register .os-span-h-single.v-textfield, .osbp-steel .os-cash-register .os-span-h-single.v-datefield, .osbp-steel .os-cash-register .os-span-h-single.o-XSuggestBox { +.osbp-steel .os-cash-register .os-span-h-single.v-textfield, .osbp-steel .os-cash-register .os-span-h-single.v-datefield, .osbp-steel .os-cash-register .os-span-h-single.o-XSuggestBox, .osbp-steel .os-cash-register .os-span-h-single.v-textarea, .osbp-steel .os-cash-register .os-span-h-single.v-filterselect, .osbp-steel .os-cash-register .os-span-h-single.v-filterselect-input, .osbp-steel .os-cash-register .os-span-h-single.v-filterselect [class*="input"], .osbp-steel .os-cash-register .l-control.os-span-h-single .v-component-group, .osbp-steel .os-cash-register .l-control.os-span-h-single .l-beansearchfield { width: 200px; } @@ -21965,7 +22056,7 @@ div.v-layout.v-horizontal.v-widget { width: 152px !important; } -.osbp-steel .os-cash-register .os-span-h-double.v-textfield, .osbp-steel .os-cash-register .os-span-h-double.v-datefield, .osbp-steel .os-cash-register .os-span-h-double.o-XSuggestBox { +.osbp-steel .os-cash-register .os-span-h-double.v-textfield, .osbp-steel .os-cash-register .os-span-h-double.v-datefield, .osbp-steel .os-cash-register .os-span-h-double.o-XSuggestBox, .osbp-steel .os-cash-register .os-span-h-double.v-textarea, .osbp-steel .os-cash-register .os-span-h-double.v-filterselect, .osbp-steel .os-cash-register .os-span-h-double.v-filterselect-input, .osbp-steel .os-cash-register .os-span-h-double.v-filterselect [class*="input"], .osbp-steel .os-cash-register .l-control.os-span-h-double .v-component-group, .osbp-steel .os-cash-register .l-control.os-span-h-double .l-beansearchfield { width: 408px; } @@ -21973,7 +22064,7 @@ div.v-layout.v-horizontal.v-widget { width: 360px !important; } -.osbp-steel .os-cash-register .os-span-h-triple.v-textfield, .osbp-steel .os-cash-register .os-span-h-triple.v-datefield, .osbp-steel .os-cash-register .os-span-h-triple.o-XSuggestBox { +.osbp-steel .os-cash-register .os-span-h-triple.v-textfield, .osbp-steel .os-cash-register .os-span-h-triple.v-datefield, .osbp-steel .os-cash-register .os-span-h-triple.o-XSuggestBox, .osbp-steel .os-cash-register .os-span-h-triple.v-textarea, .osbp-steel .os-cash-register .os-span-h-triple.v-filterselect, .osbp-steel .os-cash-register .os-span-h-triple.v-filterselect-input, .osbp-steel .os-cash-register .os-span-h-triple.v-filterselect [class*="input"], .osbp-steel .os-cash-register .l-control.os-span-h-triple .v-component-group, .osbp-steel .os-cash-register .l-control.os-span-h-triple .l-beansearchfield { width: 616px; } @@ -21981,7 +22072,7 @@ div.v-layout.v-horizontal.v-widget { width: 568px !important; } -.osbp-steel .os-cash-register .os-span-h-quad.v-textfield, .osbp-steel .os-cash-register .os-span-h-quad.v-datefield, .osbp-steel .os-cash-register .os-span-h-quad.o-XSuggestBox { +.osbp-steel .os-cash-register .os-span-h-quad.v-textfield, .osbp-steel .os-cash-register .os-span-h-quad.v-datefield, .osbp-steel .os-cash-register .os-span-h-quad.o-XSuggestBox, .osbp-steel .os-cash-register .os-span-h-quad.v-textarea, .osbp-steel .os-cash-register .os-span-h-quad.v-filterselect, .osbp-steel .os-cash-register .os-span-h-quad.v-filterselect-input, .osbp-steel .os-cash-register .os-span-h-quad.v-filterselect [class*="input"], .osbp-steel .os-cash-register .l-control.os-span-h-quad .v-component-group, .osbp-steel .os-cash-register .l-control.os-span-h-quad .l-beansearchfield { width: 824px; } @@ -22061,7 +22152,7 @@ div.v-layout.v-horizontal.v-widget { max-height: 190px !important; } -.osbp-steel .os-cash-register .os-field-h-half .v-textfield, .osbp-steel .os-cash-register .os-field-h-half .v-datefield, .osbp-steel .os-cash-register .os-field-h-half .o-XSuggestBox { +.osbp-steel .os-cash-register .os-field-h-half .v-textfield, .osbp-steel .os-cash-register .os-field-h-half .v-datefield, .osbp-steel .os-cash-register .os-field-h-half .o-XSuggestBox, .osbp-steel .os-cash-register .os-field-h-half .v-filterselect, .osbp-steel .os-cash-register .os-field-h-half .v-filterselect-input, .osbp-steel .os-cash-register .os-field-h-half .v-filterselect [class*="input"], .osbp-steel .os-cash-register .os-field-h-half .l-control > .v-component-group, .osbp-steel .os-cash-register .os-field-h-half .l-control > .l-beansearchfield { width: 96px; } @@ -22101,7 +22192,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 142px; } -.osbp-steel .os-cash-register .os-field-h-double .v-textfield, .osbp-steel .os-cash-register .os-field-h-double .v-datefield, .osbp-steel .os-cash-register .os-field-h-double .o-XSuggestBox { +.osbp-steel .os-cash-register .os-field-h-double .v-textfield, .osbp-steel .os-cash-register .os-field-h-double .v-datefield, .osbp-steel .os-cash-register .os-field-h-double .o-XSuggestBox, .osbp-steel .os-cash-register .os-field-h-double .v-filterselect, .osbp-steel .os-cash-register .os-field-h-double .v-filterselect-input, .osbp-steel .os-cash-register .os-field-h-double .v-filterselect [class*="input"], .osbp-steel .os-cash-register .os-field-h-double .l-control > .v-component-group, .osbp-steel .os-cash-register .os-field-h-double .l-control > .l-beansearchfield { width: 408px; } @@ -22133,7 +22224,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 190px; } -.osbp-steel .os-cash-register .os-field-h-triple .v-textfield, .osbp-steel .os-cash-register .os-field-h-triple .v-datefield, .osbp-steel .os-cash-register .os-field-h-triple .o-XSuggestBox { +.osbp-steel .os-cash-register .os-field-h-triple .v-textfield, .osbp-steel .os-cash-register .os-field-h-triple .v-datefield, .osbp-steel .os-cash-register .os-field-h-triple .o-XSuggestBox, .osbp-steel .os-cash-register .os-field-h-triple .v-filterselect, .osbp-steel .os-cash-register .os-field-h-triple .v-filterselect-input, .osbp-steel .os-cash-register .os-field-h-triple .v-filterselect [class*="input"], .osbp-steel .os-cash-register .os-field-h-triple .l-control > .v-component-group, .osbp-steel .os-cash-register .os-field-h-triple .l-control > .l-beansearchfield { width: 616px; } @@ -22165,7 +22256,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 286px; } -.osbp-steel .os-cash-register .os-field-h-quad .v-textfield, .osbp-steel .os-cash-register .os-field-h-quad .v-datefield, .osbp-steel .os-cash-register .os-field-h-quad .o-XSuggestBox { +.osbp-steel .os-cash-register .os-field-h-quad .v-textfield, .osbp-steel .os-cash-register .os-field-h-quad .v-datefield, .osbp-steel .os-cash-register .os-field-h-quad .o-XSuggestBox, .osbp-steel .os-cash-register .os-field-h-quad .v-filterselect, .osbp-steel .os-cash-register .os-field-h-quad .v-filterselect-input, .osbp-steel .os-cash-register .os-field-h-quad .v-filterselect [class*="input"], .osbp-steel .os-cash-register .os-field-h-quad .l-control > .v-component-group, .osbp-steel .os-cash-register .os-field-h-quad .l-control > .l-beansearchfield { width: 824px; } @@ -23179,4 +23270,12 @@ div.v-layout.v-horizontal.v-widget { content: "\e665" !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); +} + +.osbp-steel .grid-renderers-collection-addon { + cursor: pointer; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; }
\ No newline at end of file diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/WelcomeTRANSLATABLE.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/WelcomeTRANSLATABLE.html new file mode 100644 index 0000000..fc11bcb --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/WelcomeTRANSLATABLE.html @@ -0,0 +1,68 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8" /> + <meta content="width=device-width, initial-scale=1" name="viewport" /> + <link href="screen.css" media="all" rel="stylesheet" type="text/css" /> + <link href="typo-welcome-validated.css" media="all" rel="stylesheet" type="text/css" /> + <title>Compex - Welcomepage</title> +</head> +<body class="osbp typo-welcome"> +<header class="header" style="background: rgb(0, 103, 177); padding-top: 10px;"> +<div style="background: rgb(0, 103, 177);"> +<div class="inner small"> +<h2 class="headlineH2withoutUnderline versal">$Welcome$</h2> + +<h3 class="align-center" style="color: rgb(255, 255, 255);">$Here are some resources that will help you to get started$</h3> +</div> +</div> +</header> + +<div align="center" class="welcome-image" style="padding-top: 10px; padding-bottom: 10px;"> </div> +<main> +<div class="ce-twoCol-Box " id="c309"> +<div class="inner small"> +<div class="boxen withFontAwesome"> +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Watch tutorial videos</h2> + +<p class="bodytext">Learn how to use My1App and learn more about OS.bee from step-by-step tutorial videos.</p> +</div> +</div> + +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Read documentation</h2> + +<p class="bodytext">Need more insight? Detailed information can be found in our documentation.</p> +</div> +</div> + +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Visit our forum</h2> + +<p class="bodytext">The OS.bee forum is a great place to find answers and ask questions, especially for newcommers.</p> +</div> +</div> + +<div> +<div> +<h2 class="smallHeadlineWithUnderline">Register to join the community</h2> + +<p class="bodytext">Register and benefit from special resources for community members.</p> +</div> +</div> +</div> +</div> +</div> +</main> + +<p> </p> + +<p> </p> + +<p> </p> +</body> +</html> diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/dashboardtitleTRANSLATABLE.html b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/dashboardtitleTRANSLATABLE.html new file mode 100644 index 0000000..7dd311c --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/dashboardtitleTRANSLATABLE.html @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8" /> + <meta content="width=device-width, initial-scale=1" name="viewport" /> + <link href="screen.css" media="all" rel="stylesheet" type="text/css" /> + <link href="typo-welcome-validated.css" media="all" rel="stylesheet" type="text/css" /> + <title>Dashboard</title> +</head> +<body class="osbp typo-welcome"> +<header class="header" style="background: rgb(0, 103, 177); padding-top: 10px;"> +<div style="background: rgb(0, 103, 177);"> +<div class="inner small"> +<h2 class="headlineH2withoutUnderline versal">$dashboard_title$</h2> +<h3 class="align-center" style="color: rgb(255, 255, 255);">$dashboard_subtitle$</h3> +</div> +</div> +</header> +</body> +</html> diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/screen.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/screen.css new file mode 100644 index 0000000..7fc1b95 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/screen.css @@ -0,0 +1,27 @@ +i.fa{padding-left:5px;font-size:0.9rem}.bg-blue{background-color:#0067b1}.bg-darkblue{background-color:#002f58}.bg-red{background-color:#be1622}.bg-white{background-color:#fff}.button{display:inline-block;background:inherit;color:inherit;padding:15px;text-transform:uppercase;font-weight:700;font-size:15px;line-height:normal;text-decoration:none;cursor:pointer}.button i{padding-right:5px;transition:0.5s all;font-size:18px;line-height:normal}.button span+i{padding-left:5px;transition:0.5s all}.button:hover{text-decoration:none !important}.button:hover i{padding-right:10px;transition:0.5s all}.button:hover span+i{padding-left:10px;transition:0.5s all}span span{background:inherit;color:inherit}.redbutton,.bluebutton,.thirdSection .right a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.darkbluebutton,.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton,.whitebutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a,.marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a{display:inline-block;background:#be1622 none repeat scroll 0% 0%;color:#FFF;padding:15px;text-transform:uppercase;font-weight:700;font-size:15px;line-height:normal;text-decoration:none;cursor:pointer;border:none}.redbutton:hover,.bluebutton:hover,.thirdSection .right a:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover,.darkbluebutton:hover,.greybutton:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover,.whitebutton:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover{text-decoration:none !important}.bluebutton,.thirdSection .right a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a{background-color:#0067b1}.darkbluebutton{background-color:#002f58;text-align:left}.darkbluebutton.arrowlink:after,.thirdSection .right a.darkbluebutton:after{float:right}.darkbluebutton.arrowlink:hover:after,.thirdSection .right a.darkbluebutton:hover:after{padding-left:30px}.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton{background-color:#f5f5f5;color:#333}.greybutton:hover,.marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover{background-color:#0067b1;color:#fff}.whitebutton,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a{background-color:#ffffff;color:#333}.arrowlink,.thirdSection .right a{font-weight:700;text-decoration:none;transition:0.5s all}.arrowlink:after,.thirdSection .right a:after{font-family:'FontAwesome';content:"\f178";padding-left:5px;font-size:15px;transition:0.7s all;display:inline-block}.arrowlink:hover,.thirdSection .right a:hover{text-decoration:none}.arrowlink:hover:after,.thirdSection .right a:hover:after{padding-left:15px;transition:0.5s all}.arrowlink.down:after,.thirdSection .right a.down:after{content:"\f078";vertical-align:bottom}.arrowlink.down.active:after,.thirdSection .right a.down.active:after{content:"\f077"}.keylink{text-align:center;color:#fff;font-weight:700;font-size:15px;line-height:normal}.keylink:before{content:"\f084";font-family:'FontAwesome';padding-right:5px;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.downloadlink{text-align:center;font-weight:700;text-decoration:none;transition:0.5s all;min-height:54px}.downloadlink:after{font-family:'FontAwesome';content:"\f019";padding-left:5px;font-size:15px;transition:0.5s all}.downloadlink:hover{font-size:18px}.downloadlink:hover:after{font-size:17px;transition:0.5s all}.buttonContainer{text-align:center}.versal{text-transform:uppercase}.cf:before,.inner:before,body.contact .contactMain:before,.ce-twoCol-Box .boxen:before,.ce-twoCol-Box .boxen.withFontAwesome:before,.ce-twoCol-Box .boxen.withoutFontAwesome:before,.ce-twoCol-Box .boxen.withOtherFontAwesome:before,.ce-twoCol-Box .boxen.withOtherFontAwesome div:before,.text-slide:before,.toggleContainer h3:before,.ce-threeBoxesWithOption:before,.ce-threeBoxesWithOption .inner div:before,.fontAwesome-list.twocol ul:before,.ce-os-bee:before,.ce-table:before,.service-formular:before,.service-formular .powermail_check_outer:before,.secondSection div.inner:before,.thirdSection:before,.thirdSection .inner:before,.newsletter:before,.newsletter .firstrow:before,.newsletter .secondrow:before,.newsletter .secondrow .inner:before,.ce-youtube-text:before,.ce-youtube-slider:before,.marketplace-wrapper:before,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:before,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:before,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:before,.marketplace-wrapper .mp-contentContainer .mp-filter ul:before,.marketplace-wrapper .mp-contentContainer .mp-content:before,.marketplace-wrapper .mp-contentContainer .mp-content article header:before,.marketplace-wrapper .mp-contentContainer .mp-content article footer:before,.mpdetail-content .mp-productInfo:before,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:before,.mpdetail-content .mp-productWrapper>ul:before,.tx-typo3forum-pi1 .forum_menu ul:before,.tx-typo3forum-pi1 .topic_list_menu ul:before,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before,.tx-typo3forum-pi1 #topic fieldset div:before,.tx-typo3forum-pi1 #post fieldset div:before,.tx-typo3forum-pi1 #report fieldset div:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before,.ce-osbee-forum-singlepost:before,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before,.blogSidebar .blog-subscribe .terms:before,.news-list-view .article:before,.news-list-view .news-content-wrap:before,.latest-news-container:before,.latest-news-container .startpage-latesnews:before,.latest-news-container .startpage-latesnews .news-img-wrap a:before,.shariff .orientation-horizontal:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before,.tx-sy-osbeeproducts .os_cartSupport:before,.tx-sy-osbeeproducts .os_cartSupport>div .container:before,.tx-sy-osbeeproducts .os_carAppSupport:before,.tx-sy-osbeeproducts .os_carAppSupport>div .container:before,.tx-sy-osbeeproducts .checkoutOption:before,.tx-contentpackage-checkoutFormular div:before,.checkoutSteps:before,.tx-indexedsearch-browsebox:before,.tx-srfeuserregister-pi1 fieldset:before,.tx-srfeuserregister-pi1 fieldset .formwrap:before,.community-forum-news:before,.community-forum-news>.inner>div.news .latest-news-container:before,.zweispaltig-unterseiten-layout:before,header.header:before,header.header .topMeta:before,header.header .topMeta+div:before,header.header nav>ul:before,footer.footer div.inner.small:before,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before,.ce-video:before,.ce-forum-latest-post:before,.ce-forum-latest-post>div:before,.ce-forum-latest-post>div div:before,.cf:after,.inner:after,body.contact .contactMain:after,.ce-twoCol-Box .boxen:after,.ce-twoCol-Box .boxen.withFontAwesome:after,.ce-twoCol-Box .boxen.withoutFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome div:after,.text-slide:after,.toggleContainer h3:after,.ce-threeBoxesWithOption:after,.ce-threeBoxesWithOption .inner div:after,.fontAwesome-list.twocol ul:after,.ce-os-bee:after,.ce-table:after,.service-formular:after,.service-formular .powermail_check_outer:after,.secondSection div.inner:after,.thirdSection:after,.thirdSection .inner:after,.newsletter:after,.newsletter .firstrow:after,.newsletter .secondrow:after,.newsletter .secondrow .inner:after,.ce-youtube-text:after,.ce-youtube-slider:after,.marketplace-wrapper:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:after,.marketplace-wrapper .mp-contentContainer .mp-filter ul:after,.marketplace-wrapper .mp-contentContainer .mp-content:after,.marketplace-wrapper .mp-contentContainer .mp-content article header:after,.marketplace-wrapper .mp-contentContainer .mp-content article footer:after,.mpdetail-content .mp-productInfo:after,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:after,.mpdetail-content .mp-productWrapper>ul:after,.tx-typo3forum-pi1 .forum_menu ul:after,.tx-typo3forum-pi1 .topic_list_menu ul:after,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #topic fieldset div:after,.tx-typo3forum-pi1 #post fieldset div:after,.tx-typo3forum-pi1 #report fieldset div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after,.ce-osbee-forum-singlepost:after,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after,.blogSidebar .blog-subscribe .terms:after,.news-list-view .article:after,.news-list-view .news-content-wrap:after,.latest-news-container:after,.latest-news-container .startpage-latesnews:after,.latest-news-container .startpage-latesnews .news-img-wrap a:after,.shariff .orientation-horizontal:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after,.tx-sy-osbeeproducts .os_cartSupport:after,.tx-sy-osbeeproducts .os_cartSupport>div .container:after,.tx-sy-osbeeproducts .os_carAppSupport:after,.tx-sy-osbeeproducts .os_carAppSupport>div .container:after,.tx-sy-osbeeproducts .checkoutOption:after,.tx-contentpackage-checkoutFormular div:after,.checkoutSteps:after,.tx-indexedsearch-browsebox:after,.tx-srfeuserregister-pi1 fieldset:after,.tx-srfeuserregister-pi1 fieldset .formwrap:after,.community-forum-news:after,.community-forum-news>.inner>div.news .latest-news-container:after,.zweispaltig-unterseiten-layout:after,header.header:after,header.header .topMeta:after,header.header .topMeta+div:after,header.header nav>ul:after,footer.footer div.inner.small:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after,.ce-video:after,.ce-forum-latest-post:after,.ce-forum-latest-post>div:after,.ce-forum-latest-post>div div:after{content:" ";display:table}.cf:after,.inner:after,body.contact .contactMain:after,.ce-twoCol-Box .boxen:after,.ce-twoCol-Box .boxen.withFontAwesome:after,.ce-twoCol-Box .boxen.withoutFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome:after,.ce-twoCol-Box .boxen.withOtherFontAwesome div:after,.text-slide:after,.toggleContainer h3:after,.ce-threeBoxesWithOption:after,.ce-threeBoxesWithOption .inner div:after,.fontAwesome-list.twocol ul:after,.ce-os-bee:after,.ce-table:after,.service-formular:after,.service-formular .powermail_check_outer:after,.secondSection div.inner:after,.thirdSection:after,.thirdSection .inner:after,.newsletter:after,.newsletter .firstrow:after,.newsletter .secondrow:after,.newsletter .secondrow .inner:after,.ce-youtube-text:after,.ce-youtube-slider:after,.marketplace-wrapper:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after,.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a:after,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a:after,.marketplace-wrapper .mp-contentContainer .mp-filter ul:after,.marketplace-wrapper .mp-contentContainer .mp-content:after,.marketplace-wrapper .mp-contentContainer .mp-content article header:after,.marketplace-wrapper .mp-contentContainer .mp-content article footer:after,.mpdetail-content .mp-productInfo:after,.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung:after,.mpdetail-content .mp-productWrapper>ul:after,.tx-typo3forum-pi1 .forum_menu ul:after,.tx-typo3forum-pi1 .topic_list_menu ul:after,.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after,.tx-typo3forum-pi1 #topic fieldset div:after,.tx-typo3forum-pi1 #post fieldset div:after,.tx-typo3forum-pi1 #report fieldset div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after,.ce-osbee-forum-singlepost:after,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after,.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after,.blogSidebar .blog-subscribe .terms:after,.news-list-view .article:after,.news-list-view .news-content-wrap:after,.latest-news-container:after,.latest-news-container .startpage-latesnews:after,.latest-news-container .startpage-latesnews .news-img-wrap a:after,.shariff .orientation-horizontal:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after,.tx-sy-osbeeproducts .os_cartSupport:after,.tx-sy-osbeeproducts .os_cartSupport>div .container:after,.tx-sy-osbeeproducts .os_carAppSupport:after,.tx-sy-osbeeproducts .os_carAppSupport>div .container:after,.tx-sy-osbeeproducts .checkoutOption:after,.tx-contentpackage-checkoutFormular div:after,.checkoutSteps:after,.tx-indexedsearch-browsebox:after,.tx-srfeuserregister-pi1 fieldset:after,.tx-srfeuserregister-pi1 fieldset .formwrap:after,.community-forum-news:after,.community-forum-news>.inner>div.news .latest-news-container:after,.zweispaltig-unterseiten-layout:after,header.header:after,header.header .topMeta:after,header.header .topMeta+div:after,header.header nav>ul:after,footer.footer div.inner.small:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after,.ce-video:after,.ce-forum-latest-post:after,.ce-forum-latest-post>div:after,.ce-forum-latest-post>div div:after{clear:both}html{margin:0;padding:0;font-size:15px;line-height:normal}html *{box-sizing:border-box;font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;counter-reset:olliste}section,main,footer,nav,aside,article{display:block}img{height:auto;max-width:100%}figure{margin:0;padding:0}input[type="submit"]{-webkit-appearance:none}ul{margin:0;padding:0;list-style:none}::-webkit-input-placeholder{color:#333333;opacity:1 !important}:-moz-placeholder{color:#333333}::-moz-placeholder{color:#333333}:-ms-input-placeholder{color:#333333}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#333333;opacity:1 !important}input:-moz-placeholder,textarea:-moz-placeholder{color:#333333}input::-moz-placeholder,textarea::-moz-placeholder{color:#333333}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#333333}.unorderedList li,.clients ul li,.ce-twoCol-Box .boxen.withFontAwesome>div ul li,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li,.text-slide .left ul li,.ce-Image-Text-Element .einspaltig ul li,.toggleContainer ul li,.ce-threeBoxesWithOption .inner div article ul li,.fontAwesome-list ul li ul li,.fontAwesome-list.twocol ul li ul li,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li,.ce-leftright>div figure+div ul li,.news ul li{position:relative;padding-left:15px}.unorderedList li:before,.clients ul li:before,.ce-twoCol-Box .boxen.withFontAwesome>div ul li:before,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li:before,.text-slide .left ul li:before,.ce-Image-Text-Element .einspaltig ul li:before,.toggleContainer ul li:before,.ce-threeBoxesWithOption .inner div article ul li:before,.fontAwesome-list ul li ul li:before,.fontAwesome-list.twocol ul li ul li:before,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before,.ce-leftright>div figure+div ul li:before,.news ul li:before{content:"\f054";content:"\f111";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:7px;left:0;color:#be1622;font-size:6px}.unorderedList li+li,.clients ul li+li,.ce-twoCol-Box .boxen.withFontAwesome>div ul li+li,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li+li,.text-slide .left ul li+li,.ce-Image-Text-Element .einspaltig ul li+li,.toggleContainer ul li+li,.ce-threeBoxesWithOption .inner div article ul li+li,.fontAwesome-list ul li ul li+li,.fontAwesome-list.twocol ul li ul li+li,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li+li,.ce-leftright>div figure+div ul li+li,.news ul li+li{margin-top:4px}.unorderedList li ul,.clients ul li ul,.ce-twoCol-Box .boxen.withFontAwesome>div ul li ul,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul li ul,.text-slide .left ul li ul,.ce-Image-Text-Element .einspaltig ul li ul,.toggleContainer ul li ul,.ce-threeBoxesWithOption .inner div article ul li ul,.fontAwesome-list ul li ul li ul,.fontAwesome-list.twocol ul li ul li ul,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul,.ce-leftright>div figure+div ul li ul,.news ul li ul{margin-top:5px}.unorderedList+p,.clients ul+p,.ce-twoCol-Box .boxen.withFontAwesome>div ul+p,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul+p,.text-slide .left ul+p,.ce-Image-Text-Element .einspaltig ul+p,.toggleContainer ul+p,.ce-threeBoxesWithOption .inner div article ul+p,.fontAwesome-list ul li ul+p,.fontAwesome-list.twocol ul li ul+p,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul+p,.ce-leftright>div figure+div ul+p,.news ul+p,.unorderedList+ul,.clients ul+ul,.ce-twoCol-Box .boxen.withFontAwesome>div ul+ul,.ce-twoCol-Box .boxen.withoutFontAwesome>div ul+ul,.text-slide .left ul+ul,.ce-Image-Text-Element .einspaltig ul+ul,.toggleContainer ul+ul,.ce-threeBoxesWithOption .inner div article ul+ul,.fontAwesome-list ul li ul+ul,.fontAwesome-list.twocol ul li ul+ul,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul+ul,.ce-leftright>div figure+div ul+ul,.news ul+ul{margin-top:15px}.inner{max-width:1325px;margin:0 auto}.inner.small,.tx-felogin-pi1 .tx-felogin-pi1-inner{max-width:1030px;margin:0 auto}@media screen and (max-width: 1100px){.inner.small,.tx-felogin-pi1 .tx-felogin-pi1-inner{padding:0 25px}}main{overflow:hidden}body.contact .contactMain{max-width:1030px;margin:0 auto 0 auto}h1,h2,.ce-table table caption,h3{margin:0;font-size:inherit;line-height:normal}.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-family:"Quicksand",sans-serif;font-size:60px;line-height:normal;color:#333;margin:0 0 40px 0;text-transform:uppercase;font-weight:300;display:block}@media screen and (max-width: 1024px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:45px;margin-bottom:30px}}@media screen and (max-width: 768px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:35px;margin-bottom:25px}}@media screen and (max-width: 640px){.headlineH1,p.headlineH1,.sliderContainer p.headlineH1{font-size:28px;margin-bottom:20px}}.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-family:"Quicksand",sans-serif;font-size:60px;line-height:normal;color:#333;margin:0 0 40px 0;text-transform:uppercase;text-align:center;font-weight:300;display:block}@media screen and (max-width: 1024px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:45px}}@media screen and (max-width: 768px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:35px}}@media screen and (max-width: 640px){.headlineH1Center,p.headlineH1Center,.sliderContainer p.headlineH1Center{font-size:28px}}.headlineH2Center,p.headlineH2Center,.service-formular fieldset .powermail_legend,.sliderContainer p.headlineH2Center,.latest-news-container h2,.latest-news-container .ce-table table caption,.ce-table table .latest-news-container caption,.mp-contentContainer.checkout h1{font-family:"Quicksand", sans-serif;font-weight:400;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;text-align:center;display:block;margin:0 0 15px 0}.headlineH2Center:after,.service-formular fieldset .powermail_legend:after,.sliderContainer p.headlineH2Center:after,.latest-news-container h2:after,.latest-news-container .ce-table table caption:after,.ce-table table .latest-news-container caption:after,.mp-contentContainer.checkout h1:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px auto 0 auto}.headlineH2,p.headlineH2,.sliderContainer p.headlineH2,.tx-typo3forum-pi1 #topic fieldset legend,.tx-typo3forum-pi1 #post fieldset legend,.tx-typo3forum-pi1 #report fieldset legend,.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption{font-family:"Quicksand", sans-serif;font-weight:400;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;display:block;margin:0 0 15px 0}.headlineH2:after,.sliderContainer p.headlineH2:after,.tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #report fieldset legend:after,.mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.headlineH2withoutUnderline,.headlineH2withoutUnderlineLeft,p.headlineH2withoutUnderline,.sliderContainer p.headlineH2withoutUnderline{font-size:36px;line-height:normal;font-family:"Quicksand",sans-serif;font-weight:400;color:#fff;display:block;margin:0 0 15px 0;text-align:center}.headlineH2withoutUnderlineLeft{text-align:left}.headlineH3,p.headlineH3,.sliderContainer p.headlineH3{font-weight:700;font-size:16px;line-height:normal;color:#333;margin:0 0 20px 0;display:block}.smallHeadlineWithUnderline,p.smallHeadlineWithUnderline,.sliderContainer p.smallHeadlineWithUnderline{font-size:18px;line-height:normal;font-weight:700;color:#333;margin-bottom:20px}.smallHeadlineWithUnderline:after,.sliderContainer p.smallHeadlineWithUnderline:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:5px 0 0 0}a{color:#0067b1;text-decoration:none;font-weight:700}a span{color:inherit}a:hover{text-decoration:underline}a.arrowlink:hover,.thirdSection .right a:hover{text-decoration:underline !important}a.arrowlink:hover:after,.thirdSection .right a:hover:after{text-decoration:none !important}a.button:hover{text-decoration:none !important}a.button:hover span{text-decoration:none !important}span a{color:inherit}.textlinkarrow:after,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:after,.ce-table table tr td a:after,.ce-leftright>div figure+div a:after,.ce-youtube-text .right a:after,.news-list-view .more:after{content:"\f178";transition:0.7s all;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;font-family:'FontAwesome';padding-left:5px;transition:0.7s all}.textlinkarrow:hover,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:hover,.ce-table table tr td a:hover,.ce-leftright>div figure+div a:hover,.ce-youtube-text .right a:hover,.news-list-view .more:hover{text-decoration:none}.textlinkarrow:hover:after,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a:hover:after,.ce-table table tr td a:hover:after,.ce-leftright>div figure+div a:hover:after,.ce-youtube-text .right a:hover:after,.news-list-view .more:hover:after{padding-left:10px}.textlinkarrow.whitetextlinkarrow,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a.whitetextlinkarrow,.ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow .ce-leftright>div figure+div a,.ce-leftright>div figure+div .ce-twoCol-Box .boxen.withFontAwesome>div.aWithArrow a,.ce-table table tr td a.whitetextlinkarrow,.ce-leftright>div figure+div a,.ce-youtube-text .right a.whitetextlinkarrow,.ce-youtube-text .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .ce-youtube-text .right a,.news-list-view .whitetextlinkarrow.more,.news-list-view .ce-leftright>div figure+div a.more,.ce-leftright>div figure+div .news-list-view a.more{color:#fff}h1,h2,.ce-table table caption,h3,h4,h5,h6{font-size:15px;line-height:normal;margin:0;font-weight:400}p{font-size:15px;line-height:normal;margin:0}p+p,p+ul,p+ol{margin-top:15px}p+h1,p+h2,.ce-table table p+caption,p+h3,p+.headlineH3,.sliderContainer p+p.headlineH3,p+.headlineH2withoutUnderline,p+.headlineH2withoutUnderlineLeft,.sliderContainer p+p.headlineH2withoutUnderline,p+.smallHeadlineWithUnderline,.sliderContainer p+p.smallHeadlineWithUnderline,p+.headlineH2,.sliderContainer p+p.headlineH2,.tx-typo3forum-pi1 #topic fieldset p+legend,.tx-typo3forum-pi1 #post fieldset p+legend,.tx-typo3forum-pi1 #report fieldset p+legend,.mp-contentContainer.checkout .checkout_paymentOption p+h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table p+caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption p+caption,.community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>p+h2,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>p+caption,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>p+caption,p+.headlineH2Center,.service-formular fieldset p+.powermail_legend,.sliderContainer p+p.headlineH2Center,.latest-news-container p+h2,.latest-news-container .ce-table table p+caption,.ce-table table .latest-news-container p+caption,.mp-contentContainer.checkout p+h1,p+.headlineH1Center,.sliderContainer p+p.headlineH1Center,p+.headlineH1,.sliderContainer p+p.headlineH1,p+.headlineH2withoutUnderline,p+.headlineH2withoutUnderlineLeft,.sliderContainer p+p.headlineH2withoutUnderline{margin-top:25px}p i{font-style:italic}p.bigText{font-size:18px;line-height:normal}p.bigText a{font-size:18px;line-height:normal}p.centeralign,p.align-center{text-align:center}p.leftalign,p.align-left{text-align:left}p.rightalign,p.align-right{text-align:right}ul li{font-size:15px;line-height:normal}a{font-size:15px;line-height:normal}.bigText{font-size:18px;line-height:normal}.centeralign,.align-center{text-align:center}.leftalign{text-align:left}.rightalign{text-align:right}/*! + * Hover.css (http://ianlunn.github.io/Hover/) + * Version: 2.0.2 + * Author: Ian Lunn @IanLunn + * Author URL: http://ianlunn.co.uk/ + * Github: https://github.com/IanLunn/Hover + + * Made available under a MIT License: + * http://www.opensource.org/licenses/mit-license.php + + * Hover.css Copyright Ian Lunn 2014. Generated with Sass. + */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:hover,.hvr-shrink:focus,.hvr-shrink:active{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse:hover,.hvr-pulse:focus,.hvr-pulse:active{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-grow:hover,.hvr-pulse-grow:focus,.hvr-pulse-grow:active{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pulse-shrink:hover,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:active{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-push:hover,.hvr-push:focus,.hvr-push:active{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-pop:hover,.hvr-pop:focus,.hvr-pop:active{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-in:hover,.hvr-bounce-in:focus,.hvr-bounce-in:active{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-out:hover,.hvr-bounce-out:focus,.hvr-bounce-out:active{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:hover,.hvr-rotate:focus,.hvr-rotate:active{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:hover,.hvr-grow-rotate:focus,.hvr-grow-rotate:active{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:hover,.hvr-float:focus,.hvr-float:active{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:hover,.hvr-sink:focus,.hvr-sink:active{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-bob:hover,.hvr-bob:focus,.hvr-bob:active{-webkit-animation-name:hvr-bob-float, hvr-bob;animation-name:hvr-bob-float, hvr-bob;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-hang:hover,.hvr-hang:focus,.hvr-hang:active{-webkit-animation-name:hvr-hang-sink, hvr-hang;animation-name:hvr-hang-sink, hvr-hang;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:hover,.hvr-skew:focus,.hvr-skew:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:hover,.hvr-skew-forward:focus,.hvr-skew-forward:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:hover,.hvr-skew-backward:focus,.hvr-skew-backward:active{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-vertical:hover,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:active{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);transform:translate(8px, 8px)}33.3%{-webkit-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}49.95%{-webkit-transform:translate(4px, 4px);transform:translate(4px, 4px)}66.6%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px)}83.25%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px, 8px);transform:translate(8px, 8px)}33.3%{-webkit-transform:translate(-6px, -6px);transform:translate(-6px, -6px)}49.95%{-webkit-transform:translate(4px, 4px);transform:translate(4px, 4px)}66.6%{-webkit-transform:translate(-2px, -2px);transform:translate(-2px, -2px)}83.25%{-webkit-transform:translate(1px, 1px);transform:translate(1px, 1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-to-bottom-right:hover,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:active{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);transform:translate(8px, -8px)}33.3%{-webkit-transform:translate(-6px, 6px);transform:translate(-6px, 6px)}49.95%{-webkit-transform:translate(4px, -4px);transform:translate(4px, -4px)}66.6%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px)}83.25%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px, -8px);transform:translate(8px, -8px)}33.3%{-webkit-transform:translate(-6px, 6px);transform:translate(-6px, 6px)}49.95%{-webkit-transform:translate(4px, -4px);transform:translate(4px, -4px)}66.6%{-webkit-transform:translate(-2px, 2px);transform:translate(-2px, 2px)}83.25%{-webkit-transform:translate(1px, -1px);transform:translate(1px, -1px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-to-top-right:hover,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:active{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:hover,.hvr-wobble-top:focus,.hvr-wobble-top:active{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:hover,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:active{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-skew:hover,.hvr-wobble-skew:focus,.hvr-wobble-skew:active{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-buzz:hover,.hvr-buzz:focus,.hvr-buzz:active{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-buzz-out:hover,.hvr-buzz-out:focus,.hvr-buzz-out:active{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color;transition-property:color, background-color}.hvr-fade:hover,.hvr-fade:focus,.hvr-fade:active{background-color:#2098d1;color:white}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,0.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,0.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:color, background-color;transition-property:color, background-color}.hvr-back-pulse:hover,.hvr-back-pulse:focus,.hvr-back-pulse:active{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098d1;background-color:#2098d1;color:white}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active{color:white}.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:hover,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:active{color:white}.hvr-sweep-to-left:hover:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:hover,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:active{color:white}.hvr-sweep-to-bottom:hover:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:hover,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:active{color:white}.hvr-sweep-to-top:hover:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{color:white}.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:hover,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:active{color:white}.hvr-bounce-to-left:hover:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:hover,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:active{color:white}.hvr-bounce-to-bottom:hover:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.5s;transition-duration:0.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:hover,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:active{color:white}.hvr-bounce-to-top:hover:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active{color:white}.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:hover,.hvr-radial-in:focus,.hvr-radial-in:active{color:white}.hvr-radial-in:hover:before,.hvr-radial-in:focus:before,.hvr-radial-in:active:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:hover,.hvr-rectangle-in:focus,.hvr-rectangle-in:active{color:white}.hvr-rectangle-in:hover:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:active:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:hover,.hvr-rectangle-out:focus,.hvr-rectangle-out:active{color:white}.hvr-rectangle-out:hover:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:active:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:hover,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:active{color:white}.hvr-shutter-in-horizontal:hover:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:active:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:hover,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:active{color:white}.hvr-shutter-out-horizontal:hover:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#2098d1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:hover,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:active{color:white}.hvr-shutter-in-vertical:hover:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:active:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:hover,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:active{color:white}.hvr-shutter-out-vertical:hover:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-border-fade:hover,.hvr-border-fade:focus,.hvr-border-fade:active{box-shadow:inset 0 0 0 4px #2098d1,0 0 1px transparent}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-hollow:hover,.hvr-hollow:focus,.hvr-hollow:active{background:none}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-trim:before{content:'';position:absolute;border:white solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:hover:before,.hvr-trim:focus:before,.hvr-trim:active:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:hover:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:active:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.hvr-outline-out:hover:before,.hvr-outline-out:focus:before,.hvr-outline-out:active:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.hvr-outline-in:hover:before,.hvr-outline-in:focus:before,.hvr-outline-in:active:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:hover,.hvr-round-corners:focus,.hvr-round-corners:active{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:hover:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:active:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:hover:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:active:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098d1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:hover:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:active:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;top:0;background:#2098d1;height:4px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:hover:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:active:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098d1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:hover:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:active:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098d1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:hover:before,.hvr-reveal:focus:before,.hvr-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098d1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:hover:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098d1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:hover:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:hover,.hvr-glow:focus,.hvr-glow:active{box-shadow:0 0 8px rgba(0,0,0,0.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:hover,.hvr-shadow:focus,.hvr-shadow:active{box-shadow:0 10px 10px -10px rgba(0,0,0,0.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow, transform;transition-property:box-shadow, transform}.hvr-grow-shadow:hover,.hvr-grow-shadow:focus,.hvr-grow-shadow:active{box-shadow:0 10px 10px -10px rgba(0,0,0,0.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:hover,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:active{box-shadow:2px 2px 2px rgba(0,0,0,0.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,0.6),0 0 1px transparent}.hvr-box-shadow-inset:hover,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:active{box-shadow:inset 2px 2px 2px rgba(0,0,0,0.6),0 0 1px transparent}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center, ellipse, rgba(0,0,0,0.35) 0%, transparent 80%);background:radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%, transparent 80%);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform, opacity;transition-property:transform, opacity}.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-shadow-radial:before,.hvr-shadow-radial:after{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;background-repeat:no-repeat;height:5px;opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%, ellipse, rgba(0,0,0,0.6) 0%, transparent 80%);background:radial-gradient(ellipse at 50% 150%, rgba(0,0,0,0.6) 0%, transparent 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%, ellipse, rgba(0,0,0,0.6) 0%, transparent 80%);background:radial-gradient(ellipse at 50% -50%, rgba(0,0,0,0.6) 0%, transparent 80%)}.hvr-shadow-radial:hover:before,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:active:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:active:after{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px 10px;border-color:transparent transparent #e1e1e1 transparent}.hvr-bubble-top:hover:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:active:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:hover:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:active:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent}.hvr-bubble-bottom:hover:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:active:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:hover:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:active:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #e1e1e1 transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:hover,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:active{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:hover:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:active:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:hover,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:active{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:hover:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:active:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0 10px;border-color:#e1e1e1 transparent transparent transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:hover,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:active{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:hover:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:active:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:hover,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:active{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:hover:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:active:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-left:2.2em;-webkit-transition-duration:0.1s;transition-duration:0.1s}.hvr-icon-back:before{content:"\f137";position:absolute;left:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:hover:before,.hvr-icon-back:focus:before,.hvr-icon-back:active:before{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.1s;transition-duration:0.1s}.hvr-icon-forward:before{content:"\f138";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:hover:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:active:before{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%, + 50%, + 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%, + 75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%, + 50%, + 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%, + 75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-down:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:hover:before,.hvr-icon-down:focus:before,.hvr-icon-down:active:before{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%, + 50%, + 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%, + 75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%, + 50%, + 100%{-webkit-transform:translateY(0);transform:translateY(0)}25%, + 75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-up:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:hover:before,.hvr-icon-up:focus:before,.hvr-icon-up:active:before{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-spin:before{content:"\f021";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:hover:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:active:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%, + 100%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%, + 100%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-drop:before{content:"\f041";position:absolute;right:1em;opacity:1;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:hover:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:active:before{opacity:0;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);animation-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-fade:before{content:"\f00c";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:hover:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:active:before{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-float-away:before,.hvr-icon-float-away:after{content:"\f055";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome}.hvr-icon-float-away:after{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:hover:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:active:after{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-sink-away:before,.hvr-icon-sink-away:after{content:"\f056";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-sink-away:after{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:hover:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:active:after{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-grow:before{content:"\f118";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:hover:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:active:before{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-shrink:before{content:"\f119";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:hover:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:active:before{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:hover:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:active:before{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse-grow:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:hover:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:active:before{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em}.hvr-icon-pulse-shrink:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:hover:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:active:before{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-push:before{content:"\f006";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:hover:before,.hvr-icon-push:focus:before,.hvr-icon-push:active:before{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-pop:before{content:"\f005";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:hover:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:active:before{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-bounce:before{content:"\f087";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:hover:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:active:before{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function:cubic-bezier(0.47, 2.02, 0.31, -0.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-rotate:before{content:"\f0c6";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:hover:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:active:before{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-grow-rotate:before{content:"\f095";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:hover:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:active:before{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-float:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:hover:before,.hvr-icon-float:focus:before,.hvr-icon-float:active:before{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-sink:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:hover:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:active:before{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-bob:before{content:"\f077";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:hover:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:active:before{-webkit-animation-name:hvr-icon-bob-float, hvr-icon-bob;animation-name:hvr-icon-bob-float, hvr-icon-bob;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-hang:before{content:"\f078";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:hover:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:active:before{-webkit-animation-name:hvr-icon-hang-sink, hvr-icon-hang;animation-name:hvr-icon-hang-sink, hvr-icon-hang;-webkit-animation-duration:.3s, 1.5s;animation-duration:.3s, 1.5s;-webkit-animation-delay:0s, .3s;animation-delay:0s, .3s;-webkit-animation-timing-function:ease-out, ease-in-out;animation-timing-function:ease-out, ease-in-out;-webkit-animation-iteration-count:1, infinite;animation-iteration-count:1, infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal, alternate;animation-direction:normal, alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-wobble-horizontal:before{content:"\f061";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:hover:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:active:before{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-wobble-vertical:before{content:"\f062";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:hover:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:active:before{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-buzz:before{content:"\f017";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:hover:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:active:before{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.3s;transition-duration:0.3s}.hvr-icon-buzz-out:before{content:"\f023";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:hover:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:active:before{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:white;background:linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-top-left:hover:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:active:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:white;background:linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-top-right:hover:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:active:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:white;background:linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-bottom-right:hover:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:active:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:white;background:linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,0.4);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:width, height;transition-property:width, height}.hvr-curl-bottom-left:hover:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:active:before{width:25px;height:25px}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate(0px, 0px);-ms-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-prev,.swiper-button-next,.swiper-button-prev-clients,.swiper-button-next-clients,.swiper-button-prev-small-youtube,.swiper-button-next-small-youtube{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-button-prev-clients,.swiper-button-prev-small-youtube,.swiper-container-rtl .swiper-button-next{background-image:url("../img/prev.png");left:30px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-button-next-clients,.swiper-button-next-small-youtube,.swiper-container-rtl .swiper-button-prev{background-image:url("../img/next.png");right:30px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);-moz-transform:translate3d(0px, -50%, 0);-o-transform:translate(0px, -50%);-ms-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(right, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to left, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to right, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(bottom, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to top, rgba(0,0,0,0.5), transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(transparent));background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:-moz-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:-o-linear-gradient(top, rgba(0,0,0,0.5), transparent);background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), transparent)}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:99999;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:999999;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:9999999}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:999999}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:99999999;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slow{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slower{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slowest{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.delay-250{-webkit-animation-delay:0.25s;-moz-animation-delay:0.25s;-o-animation-delay:0.25s;animation-delay:0.25s}.delay-500{-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s}.delay-750{-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;-o-animation-delay:0.75s;animation-delay:0.75s}.delay-1000{-webkit-animation-delay:1.0s;-moz-animation-delay:1.0s;-o-animation-delay:1.0s;animation-delay:1.0s}.delay-1250{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s}.delay-1500{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay-1750{-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;-o-animation-delay:1.75s;animation-delay:1.75s}.delay-2000{-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-2000{-webkit-animation-delay:2.0s;-moz-animation-delay:2.0s;-o-animation-delay:2.0s;animation-delay:2.0s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-3000{-webkit-animation-delay:3.0s;-moz-animation-delay:3.0s;-o-animation-delay:3.0s;animation-delay:3.0s}.delay-3500{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s}.bounceInRight,.bounceInLeft,.bounceInUp,.bounceInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight,.fadeInLeft,.fadeInUp,.fadeInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.flipInX,.flipInY,.rotateIn,.rotateInUpLeft,.rotateInUpRight,.rotateInDownLeft,.rotateDownUpRight,.rollIn{opacity:0}.lightSpeedInRight,.lightSpeedInLeft{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}.bounceIn.go{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(400px)}60%{-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(400px)}60%{transform:translateX(-30px)}80%{transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}.bounceInRight.go{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}60%{-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-400px)}60%{transform:translateX(30px)}80%{transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}.bounceInLeft.go{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(400px)}60%{-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(400px)}60%{transform:translateY(-30px)}80%{transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.bounceInUp.go{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}60%{-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-400px)}60%{transform:translateY(30px)}80%{transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}.bounceInDown.go{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}.fadeIn{opacity:0}.fadeIn.go{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes growIn{0%{-webkit-transform:scale(0.2);opacity:0}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1);opacity:1}}@keyframes growIn{0%{transform:scale(0.2);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.growIn{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:0}.growIn.go{-webkit-animation-name:growIn;animation-name:growIn}@-webkit-keyframes shake{0%, 100%{-webkit-transform:translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-10px)}20%, 40%, 60%, 80%{-webkit-transform:translateX(10px)}}@keyframes shake{0%, 100%{transform:translateX(0)}10%, 30%, 50%, 70%, 90%{transform:translateX(-10px)}20%, 40%, 60%, 80%{transform:translateX(10px)}}.shake.go{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes shakeUp{0%, 100%{-webkit-transform:translateX(0)}10%, 30%, 50%, 70%, 90%{-webkit-transform:translateY(-10px)}20%, 40%, 60%, 80%{-webkit-transform:translateY(10px)}}@keyframes shakeUp{0%, 100%{transform:translateY(0)}10%, 30%, 50%, 70%, 90%{transform:translateY(-10px)}20%, 40%, 60%, 80%{transform:translateY(10px)}}.shakeUp.go{-webkit-animation-name:shakeUp;animation-name:shakeUp}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-400px)}50%{opacity:0.3}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}.fadeInLeft.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(400px)}50%{opacity:0.3}100%{opacity:1;transform:translateX(0)}}.fadeInRight{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(400px)}50%{opacity:0.3}100%{opacity:1;transform:translateY(0)}}.fadeInUp{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}.fadeInUp.go{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}50%{opacity:0.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-400px)}50%{opacity:0.3}100%{opacity:1;transform:translateY(0)}}.fadeInDown{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}.fadeInDown.go{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn.go{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft.go{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft.go{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight.go{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight.go{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn.go{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle.go{-webkit-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes swing{20%, 40%, 60%, 80%, 100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing.go{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg)}40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%, 20%{transform:scale(0.9) rotate(-3deg)}30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg)}40%, 60%, 80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada.go{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble.go{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse.go{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInRight{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInRight.go{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}60%{-webkit-transform:translateX(20%) skewX(-30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInLeft{0%{transform:translateX(-100%) skewX(30deg);opacity:0}60%{transform:translateX(20%) skewX(-30deg);opacity:1}80%{transform:translateX(0%) skewX(15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInLeft.go{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(0.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;backface-visibility:visible !important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY.go{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(0.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(0.3)}}.bounceOut.goAway{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp.goAway{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown.goAway{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft.goAway{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight.goAway{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut.goAway{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUp.goAway{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDown.goAway{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeft.goAway{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRight.goAway{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX.goAway{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible !important;animation-name:flipOutX;backface-visibility:visible !important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipOutY;backface-visibility:visible !important;animation-name:flipOutY}@-webkit-keyframes lightSpeedOutRight{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOutRight.goAway{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(-100%) skewX(30deg);opacity:0}}.lightSpeedOutLeft.goAway{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut.goAway{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft.goAway{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft.goAway{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight.goAway{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut.goAway{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes fadeInUpShort{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUpShort{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpShort{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.fadeInUpShort.go{-webkit-animation-name:fadeInUpShort;animation-name:fadeInUpShort}@-webkit-keyframes fadeInDownShort{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDownShort{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownShort{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.fadeInDownShort.go{-webkit-animation-name:fadeInDownShort;animation-name:fadeInDownShort}@-webkit-keyframes fadeInRightShort{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRightShort{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightShort{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.fadeInRightShort.go{-webkit-animation-name:fadeInRightShort;animation-name:fadeInRightShort}@-webkit-keyframes fadeInLeftShort{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeftShort{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftShort{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.fadeInLeftShort.go{-webkit-animation-name:fadeInLeftShort;animation-name:fadeInLeftShort}.logo-slider{margin-bottom:50px}.logo-slider p{margin:0 0 40px 0}@media screen and (max-width: 420px){.logo-slider p{margin:0 0 25px 0}.logo-slider .swiper-slide{text-align:center}}.clients{background:url(../dummy/clients.jpg);padding:40px 0;margin-bottom:50px;background-size:cover !important}.clients .inner.small,.clients .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .clients .tx-felogin-pi1-inner{padding:0 60px}.clients h2,.clients .ce-table table caption,.ce-table table .clients caption{margin-bottom:50px;color:#fff}.clients p{color:#fff;text-align:center}.clients p strong{display:block;margin-bottom:3px}.clients p+p{margin-top:20px}@media screen and (max-width: 600px){.clients .inner.small,.clients .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .clients .tx-felogin-pi1-inner{padding:0 40px}.clients .swiper-button-next-clients{right:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}.clients .swiper-button-prev-clients{left:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}}.unterseiten-banner{text-align:center;padding:50px 0 50px 0;background:#767679 url(../dummy/banner.jpg) no-repeat;background-position:center !important;margin-bottom:50px;min-height:200px;background-repeat:no-repeat !important;background-size:cover !important}.unterseiten-banner+.breadcrumbContainer{margin-top:-50px;margin-bottom:50px}.unterseiten-banner p{color:#fff}.unterseiten-banner a{margin-top:20px}.unterseiten-banner.arrow{position:relative}.unterseiten-banner.arrow:after,.unterseiten-banner.arrow:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.unterseiten-banner.arrow:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.unterseiten-banner.arrow:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.unterseiten-banner.arrowGrey{position:relative}.unterseiten-banner.arrowGrey:after,.unterseiten-banner.arrowGrey:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.unterseiten-banner.arrowGrey:after{border-color:rgba(255,255,255,0);border-top-color:#333;border-width:20px;margin-left:-20px}.unterseiten-banner.arrowGrey:before{border-color:rgba(255,255,255,0);border-top-color:#333;border-width:20px;margin-left:-20px}.ce-twoCol-Box{padding:0;margin-bottom:50px}.ce-twoCol-Box.addPadding{padding:40px 0}.ce-twoCol-Box .texttop{margin-bottom:40px}.ce-twoCol-Box .texttop h1,.ce-twoCol-Box .texttop h2,.ce-twoCol-Box .texttop .ce-table table caption,.ce-table table .ce-twoCol-Box .texttop caption,.ce-twoCol-Box .texttop h3,.ce-twoCol-Box .texttop h4{margin-bottom:0}.ce-twoCol-Box .boxen .arrowlink:hover:after,.ce-twoCol-Box .boxen .thirdSection .right a:hover:after,.thirdSection .right .ce-twoCol-Box .boxen a:hover:after{display:inline-block;text-decoration:none !important}.ce-twoCol-Box .boxen.withFontAwesome>div{float:left;width:calc(100% / 2);padding-right:95px;position:relative;text-align:right}.ce-twoCol-Box .boxen.withFontAwesome>div .headlineH2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-pi1 #report fieldset legend:after,.tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome>div legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .headlineH2Center:after,.ce-twoCol-Box .boxen.withFontAwesome>div .service-formular fieldset .powermail_legend:after,.service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome>div .powermail_legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div .latest-news-container h2:after,.latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div .latest-news-container .ce-table table caption:after,.latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .ce-table table .latest-news-container caption:after,.ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div .mp-contentContainer.checkout h1:after,.mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome>div h1:after{margin:10px 0 0 auto}.ce-twoCol-Box .boxen.withFontAwesome>div .smallHeadlineWithUnderline:after{margin:5px 0 0 auto}.ce-twoCol-Box .boxen.withFontAwesome>div>i{position:absolute;top:0;right:15px;padding:10px;padding-top:18px;background:#c6c6c6;border-radius:50px;height:60px;width:60px;text-align:center}.ce-twoCol-Box .boxen.withFontAwesome>div>i:before{vertical-align:middle;font-size:24px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n)>i{right:auto;left:15px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .smallHeadlineWithUnderline:after{margin:5px auto 0 0}.ce-twoCol-Box .boxen.withFontAwesome>div p i{padding-left:0}.ce-twoCol-Box .boxen.withFontAwesome>div p+ul{margin-top:15px}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-left{text-align:left}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-right{text-align:right}.ce-twoCol-Box .boxen.withFontAwesome>div p.align-center{text-align:center}.ce-twoCol-Box .boxen.withFontAwesome>div a{color:#0067b1;text-decoration:none}.ce-twoCol-Box .boxen.withFontAwesome>div a:hover{text-decoration:underline}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(n+3){margin-top:45px}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n){padding-right:0;padding-left:95px;text-align:left}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .headlineH2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after,.tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after,.tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after,.tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>h2:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box>caption:after,.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box>caption:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .tx-typo3forum-post-latest-box>caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .headlineH2Center:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after,.service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .powermail_legend:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .latest-news-container h2:after,.latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h2:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .latest-news-container .ce-table table caption:after,.latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .ce-table table .latest-news-container caption:after,.ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) caption:after,.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) .mp-contentContainer.checkout h1:after,.mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) h1:after{margin:10px auto 0 0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n) span{right:auto;left:15px}@media screen and (max-width: 800px){.ce-twoCol-Box .boxen.withFontAwesome>div{float:none;width:100%;margin-right:0}.ce-twoCol-Box .boxen.withFontAwesome>div+div{margin-top:40px !important}}@media screen and (max-width: 600px){.ce-twoCol-Box .boxen.withFontAwesome>div{padding-left:0;padding-right:0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n){padding-left:0}.ce-twoCol-Box .boxen.withFontAwesome>div:nth-of-type(2n)>i.fa{display:none}.ce-twoCol-Box .boxen.withFontAwesome>div>i.fa{display:none}}.ce-twoCol-Box .boxen.withoutFontAwesome>div{float:left;width:calc((100% - 25px) / 2)}.ce-twoCol-Box .boxen.withoutFontAwesome>div+div{margin-left:25px}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(2n+3){margin-left:0}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(n+3){margin-top:50px}@media screen and (max-width: 767px){.ce-twoCol-Box .boxen.withoutFontAwesome>div{float:none;width:100%}.ce-twoCol-Box .boxen.withoutFontAwesome>div:nth-of-type(n+3){margin-top:25px}.ce-twoCol-Box .boxen.withoutFontAwesome>div+div{margin-top:25px;margin-left:0 !important}}.ce-twoCol-Box .boxen.withOtherFontAwesome div{float:left;width:48%;position:relative;padding-left:120px;min-height:80px}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa{position:absolute;top:0;right:80%}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa:before{vertical-align:middle;font-size:80px;color:#0067b1}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n+3){margin-top:40px}@media screen and (max-width: 800px){.ce-twoCol-Box .boxen.withOtherFontAwesome div{float:none;width:100%;padding-left:0}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n+2){margin-top:40px}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa{position:relative;top:auto;left:auto;float:left;margin-right:15px;display:none}.ce-twoCol-Box .boxen.withOtherFontAwesome div>i.fa:before{font-size:50px}.ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n)>i.fa{left:auto}.ce-twoCol-Box .boxen.withOtherFontAwesome div+div{margin-top:30px}}.text-slide{margin-bottom:50px}.text-slide .openImgSubHeadline{font-size:15px;line-height:normal;color:#333;text-decoration:none;font-weight:400;margin:0 0 5px 0}.text-slide .left{float:left;width:40.77%;width:calc((100% - 25px) / 2)}.text-slide .left h3{font-family:"Open Sans",sans-serif;font-weight:700;color:#333;margin:0 0 20px 0}.text-slide .left p{color:#333}.text-slide .right{float:left;width:50%;width:calc((100% - 25px) / 2);margin-left:9.22%;margin-left:25px}.text-slide .right .openImage{position:relative;display:block}.text-slide .right .openImage i{font-size:1.5rem;color:#fff;position:absolute;left:0;right:0;z-index:20;top:50%;margin-top:-12px;text-align:center;color:#333}.text-slide .right .openImage i:before,.text-slide .right .openImage i:after{color:#333}.text-slide .right .openImage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:rgba(255,255,255,0.5);border:solid 1px rgba(0,0,0,0.2)}.text-slide .right .singleImage{display:block;max-height:250px;overflow:hidden}.text-slide .right .singleImage img{display:block}@media screen and (max-width: 768px){.text-slide .left{width:100%;float:none}.text-slide .right{float:none;width:100%;margin-left:0;margin-top:25px}}.ce-Image-Text-Element{margin-bottom:50px}.ce-Image-Text-Element .einspaltig .bigText{font-size:18px;line-height:normal}.ce-Image-Text-Element .einspaltig+figure{margin-top:25px}.ce-Image-Text-Element figure{margin:0}.ce-Image-Text-Element figure figcaption{font-size:12px;display:block;margin:0;padding:0;line-height:normal;text-align:right;color:#333}.ce-Image-Text-Element figure img{display:block;margin:0 auto}.ce-Image-Text-Element figure+.einspaltig{margin-top:25px}.toggleContainer{margin-bottom:50px !important}@media screen and (max-width: 1100px){.toggleContainer{padding:50px 25px 40px 25px !important}}.toggleContainer h2,.toggleContainer .ce-table table caption,.ce-table table .toggleContainer caption{margin:0 0 30px 0}.toggleContainer h3{padding:0 20px;background:#ececec;line-height:55px;margin:0 0 10px 0;font-weight:700;outline:none;cursor:pointer}.toggleContainer h3 i{color:#6c6c6c}.toggleContainer h3 i+strong{margin-left:25px}.toggleContainer h3 i+p{margin-left:5px}.toggleContainer h3 strong{font-family:"Quicksand",sans-serif;font-weight:700;font-size:24px;line-height:normal;display:inline-block;margin-right:10px;vertical-align:middle}.toggleContainer h3 p{display:inline-block;margin:0;font-family:"Quicksand",sans-serif;color:#333}.toggleContainer h3 span{float:right;display:inline-block;font-size:15px;line-height:normal;font-weight:700;font-family:"Quicksand",sans-serif;line-height:55px}.toggleContainer .ui-accordion-content{padding-bottom:20px}@media screen and (max-width: 600px){.toggleContainer h3 strong{font-size:16px;line-height:normal}.toggleContainer h3 span{font-size:14px;line-height:normal}}@media screen and (max-width: 480px){.toggleContainer h3 span{float:none;width:100%;line-height:16px;display:block;padding-bottom:15px;padding-left:44px;margin-top:-10px}}.ce-threeBoxesWithOption{margin-bottom:50px}.ce-threeBoxesWithOption.addPadding{padding:50px 0 50px 0}.ce-threeBoxesWithOption p{color:#fff}.ce-threeBoxesWithOption .inner>div{margin-top:40px}.ce-threeBoxesWithOption .inner div article{float:left;width:calc(100% / 3);text-align:center;padding:0 20px}.ce-threeBoxesWithOption .inner div article i.big{padding:25px;background:#fff;border-radius:50px;font-size:2rem;margin-bottom:15px}.ce-threeBoxesWithOption .inner div article i.small{border-radius:50px;padding:15px;text-align:center;vertical-align:middle;color:#0067b1;background:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:15px;min-height:42px;min-width:42px}.ce-threeBoxesWithOption .inner div article p{color:#fff;text-align:center}@media screen and (max-width: 760px){.ce-threeBoxesWithOption .inner div article{float:none;width:100%}.ce-threeBoxesWithOption .inner div article+article{margin-top:20px}.ce-threeBoxesWithOption+.ce-threeBoxesWithOption{margin-top:2px}}.fontAwesome-list{margin-bottom:50px}.fontAwesome-list ul{margin:0;padding:0;list-style:none}.fontAwesome-list ul li{display:block;color:#333;position:relative;padding-left:30px}.fontAwesome-list ul li i{font-size:22px;border-radius:50px;padding:0;vertical-align:sub;position:absolute;left:0;top:2px}.fontAwesome-list ul li i.border{border:solid 1px #333;text-align:center;vertical-align:middle;height:30px;width:30px;line-height:30px;font-size:18px}.fontAwesome-list ul li.border{min-height:30px;padding-left:40px}.fontAwesome-list ul li.border span{padding-top:6px}.fontAwesome-list ul li ul{margin-top:5px}.fontAwesome-list ul li span{margin:0;font-weight:700;display:inline-block;vertical-align:middle}.fontAwesome-list ul li+li{margin-top:10px}.fontAwesome-list.twocol ul li{position:relative;float:left;width:48%;padding-left:30px}.fontAwesome-list.twocol ul li.border{padding-left:40px}.fontAwesome-list.twocol ul li+li{margin-left:4%;margin-top:0}.fontAwesome-list.twocol ul li:nth-of-type(n+3){margin-top:15px}.fontAwesome-list.twocol ul li:nth-of-type(2n+3){margin-left:0}.fontAwesome-list.twocol ul li ul li{float:none;width:100%}.fontAwesome-list.twocol ul li ul li:nth-of-type(n+3){margin-top:4px}.fontAwesome-list.twocol ul li ul li+li{margin-left:0;margin-top:4px}@media screen and (max-width: 640px){.fontAwesome-list.twocol ul li{width:100%;float:none}.fontAwesome-list.twocol ul li+li{margin-left:0}.fontAwesome-list.twocol ul li:nth-of-type(n+2){margin-top:15px}.fontAwesome-list.twocol ul li ul li:nth-of-type(n+2){margin-top:0}}.tx-contentpackage-historieContainer{margin-bottom:50px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner{position:relative;border-left:3px solid #be1622;padding:44px 0 44px 22px}@media screen and (max-width: 1100px){.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner{padding:50px 25px 25px 25px}}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear{font-size:32px;line-height:normal;background:#be1622;color:#fff;padding:5px 10px;width:auto;display:inline-block;margin-left:-118px}@media screen and (max-width: 1260px){.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear{margin:0 0 15px -22px}}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p{color:#333}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent *{color:#333}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span{display:block;position:relative;border:solid 1px inherit;background:url(../img/chevron-down.png) no-repeat}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:before,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement>span:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement+.tx-contentpackage-historieElement .inner{padding-top:50px}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type>span{display:none}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground{background:#be1622}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner{border-left:3px solid #fff}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear{color:#be1622;background:#fff}.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p,.tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent *{color:#fff}.ce-os-bee{width:1030px;height:820px;margin-bottom:50px;position:relative}.ce-os-bee .base{width:314px;height:314px;border-radius:250px;margin:0 auto;display:block;background:#c6c6c6;padding:30px;position:relative;margin-top:261px;line-height:270px;text-align:center}.ce-os-bee .base img{position:relative;max-height:100px;width:auto;vertical-align:middle}.ce-os-bee .base span{font-size:24px;color:#be1622;font-weight:700;line-height:normal;display:inline-block}.ce-os-bee .child{display:block;width:100%;height:100%;vertical-align:middle;text-align:center;font-weight:400;font-size:18px;line-height:156px;color:#333;text-decoration:none;width:156px;height:156px;display:inline-block;border-radius:100px;background:#c6c6c6;position:relative;line-height:156px;padding:0 10px;position:absolute;top:0;left:0;transition:.5s all}.ce-os-bee .child:hover{background:#be1622;color:#fff;transition:.5s all;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.ce-os-bee .child span{display:inline-block;line-height:20px;font-size:18px;top:50%;position:absolute;left:15px;right:15px}.ce-os-bee .child:after{content:"";border:solid 3px #fff;border-radius:100px;position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:92%}@media screen and (max-width: 1000px){#sy_lines{display:none !important}.ce-os-bee{display:none}}.ce-table{margin-bottom:50px !important}.ce-table.alignleft table tr td{text-align:left}.ce-table.alignleft table tr td a{padding-left:10px}.ce-table.alignleft table tr td:first-of-type{width:auto}.ce-table.alignleft table tr td:first-of-type+td{width:auto}.ce-table.alignleft table tr td:last-of-type{padding-left:10px}.ce-table.alignleft table thead tr td:nth-of-type(2){padding-left:10px}.ce-table table{width:100%;border-collapse:collapse;border:none}.ce-table table caption{margin-bottom:40px}.ce-table table tr{height:40px}.ce-table table tr td{text-align:center;font-size:13px}.ce-table table tr td a{font-size:13px;text-decoration:none;line-height:40px;display:block;background:#0067b1;color:#fff;text-transform:uppercase;font-weight:400}.ce-table table tr td:first-of-type{width:290px;text-align:left;padding-left:10px}.ce-table table tr td:first-of-type+td{width:155px;font-weight:700}.ce-table table tr td:nth-of-type(4){width:155px}.ce-table table tr td:nth-of-type(2),.ce-table table tr td:nth-of-type(3),.ce-table table tr td:nth-of-type(4),.ce-table table tr td:nth-of-type(5),.ce-table table tr td:nth-of-type(6){border-left:solid 1px #cdcdcd;font-weight:700;font-size:13px;width:155px}.ce-table table tr td:nth-of-type(6){border-right:solid 1px #cdcdcd}.ce-table table tr th:nth-of-type(2),.ce-table table tr th:nth-of-type(3),.ce-table table tr th:nth-of-type(4),.ce-table table tr th:nth-of-type(5),.ce-table table tr th:nth-of-type(6){border-left:solid 1px #cdcdcd;border-top:solid 1px #cdcdcd;font-weight:400;font-size:13px;width:155px}.ce-table table tr th:nth-of-type(6){border-right:solid 1px #cdcdcd}.ce-table table tbody tr:nth-of-type(odd){background:#ededed}@media screen and (max-width: 1100px){.ce-table.inner.small,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner{padding:40px 25px}}@media screen and (max-width: 1000px){.ce-table.inner.small,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner{width:100%;overflow:scroll}.ce-table.inner.small table,.tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table{width:1000px}}.service-formular{background:#ededed;padding:40px 0}.service-formular h3{display:none}.service-formular .required{float:right;margin-top:-100px;margin:-160px 0 0 0;font-size:12px}@media screen and (max-width: 960px){.service-formular .required{float:none;margin:0}}.service-formular fieldset{margin:0;padding:0;border:none}.service-formular fieldset .powermail_legend{margin-bottom:20px;width:100%;display:block}.service-formular label{display:none}.service-formular input[type="text"],.service-formular input[type="password"],.service-formular input[type="email"],.service-formular input[type="date"],.service-formular select{width:100%;height:55px;border:solid 1px #bbb;padding:10px;color:#cdcdcd;margin-top:15px;font-size:18px;color:#333}.service-formular input[type="submit"]{background:#0067b1;font-size:15px;line-height:normal;text-transform:uppercase;color:#fff;padding:15px 60px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer}.service-formular textarea{width:100%;resize:none;height:150px;border:solid 1px #bbb;color:#cdcdcd;padding:10px;font-size:18px;color:#333}.service-formular .powermail_fieldwrap_input{float:left;width:calc((100% - 30px) / 3)}.service-formular .powermail_fieldwrap_input+.powermail_fieldwrap_input{margin-left:15px}.service-formular .powermail_fieldwrap_check legend{float:left;margin:25px 15px 15px 0}.service-formular .powermail_fieldwrap_check input{width:20px;height:20px;margin:1px 3px 0px}.service-formular .powermail_fieldwrap_34 legend,.service-formular .powermail_fieldwrap_45 legend{display:none}.service-formular .powermail_fieldwrap_34 .powermail_check_outer,.service-formular .powermail_fieldwrap_45 .powermail_check_outer{margin-left:0}.service-formular .powermail_fieldwrap_34 .powermail_check_outer input,.service-formular .powermail_fieldwrap_45 .powermail_check_outer input{float:left}.service-formular .powermail_fieldwrap_34 .powermail_check_outer label,.service-formular .powermail_fieldwrap_45 .powermail_check_outer label{max-width:80%;float:left;margin-left:15px;font-size:12px;line-height:normal}.service-formular .powermail_fieldwrap_34 .powermail_check_outer label a,.service-formular .powermail_fieldwrap_45 .powermail_check_outer label a{font-size:12px;line-height:normal}.service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner,.service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner{margin-left:0;width:100%}.service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner+.powermail_check_inner,.service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner+.powermail_check_inner{margin-top:20px}.service-formular .powermail_check_outer label{display:inline-block;vertical-align:middle;float:right}.service-formular .parsley-required,.service-formular .parsley-custom-error-message{font-size:12px;line-height:normal;color:#be1622}.service-formular .powermail_field_error_container_checkbox{position:absolute}.service-formular .powermail_check_outer{margin:25px 15px 15px 15px}.service-formular .powermail_check_outer div{float:left}.service-formular .powermail_check_outer div+div{margin-left:15px}@media screen and (max-width: 760px){.service-formular .powermail_fieldwrap_input{width:100%;float:none}.service-formular .powermail_fieldwrap_input+.powermail_fieldwrap_input{margin-left:0}.service-formular .powermail_check_outer div{display:block;width:100%}.service-formular .powermail_check_outer div.powermail_check_inner input,.service-formular .powermail_check_outer div.powermail_check_inner label{float:left}.service-formular .powermail_check_outer div+div{margin-left:0}}.textOverSendButton{font-size:12px;margin-top:25px;margin-bottom:-10px}.tsaccordion .accordion-header{background:#ececec url(../img/akkordeon_zu.png) 20px 20px no-repeat;font-size:1.5rem;line-height:1.9rem;font-weight:normal;padding:9px 0 9px 64px;margin:0 0 2px 0}.tsaccordion .accordion-switcher{cursor:pointer}.tsaccordion .accordion-switcher-active{background-image:url(../img/akkordeon_offen.png)}.tsaccordion .accordion-content{display:none;padding:19px 10px 28px 10px;font-size:0.9rem;line-height:1.3rem}.tsaccordion .accordion-content .accordion-left{display:inline-block;float:left}@media screen and (min-width: 769px){.tsaccordion .accordion-content .accordion-left{max-width:70%}}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left{max-width:auto;float:none;display:block}.tsaccordion .accordion-content .accordion-left>br{display:none}}.tsaccordion .accordion-content .accordion-left .accordion-name{display:inline-block;font-size:1.5rem;line-height:1.9rem}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left .accordion-name{display:block}}.tsaccordion .accordion-content .accordion-left .accordion-thema{display:inline-block;font-size:0.9rem;line-height:1.3rem}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-left .accordion-thema{display:block}}.tsaccordion .accordion-content .accordion-logo{display:inline-block;float:right;margin:7px 0px 0 0}@media screen and (max-width: 768px){.tsaccordion .accordion-content .accordion-logo{float:none}}.tsaccordion .accordion-content .accordion-description{margin:20px 0 14px 0}.tsaccordion .accordion-content .accordion-more{color:#0067b1;font-weight:bold;text-decoration:none;display:inline-block}.tsaccordion .accordion-content .accordion-more img{margin-left:3px}.ce-leftright>div{padding:200px 0}.ce-leftright>div figure{float:left;max-width:600px;width:45.28%;margin:0;padding:0;margin-right:5.28%;padding-left:3.77%;position:relative}.ce-leftright>div figure img{display:block;position:relative;z-index:50}.ce-leftright>div figure img.small,.ce-leftright>div figure img.medium,.ce-leftright>div figure img.big{position:absolute;z-index:10}.ce-leftright>div figure img.small{top:20px;left:20px}.ce-leftright>div figure img.medium{top:0;right:20px}.ce-leftright>div figure img.big{left:25px;bottom:0}.ce-leftright>div figure+div{float:left;max-width:650px;width:49.05%}.ce-leftright>div figure+div p{margin:0;color:#fff}.ce-leftright>div figure+div p+*{margin-top:20px}.ce-leftright>div figure+div a.redbutton,.ce-leftright>div figure+div a.bluebutton,.ce-leftright>div figure+div .thirdSection .right a,.thirdSection .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div a.darkbluebutton,.ce-leftright>div figure+div a.greybutton,.ce-leftright>div figure+div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton,.marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright>div figure+div a.greybutton,.ce-leftright>div figure+div a.whitebutton,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton,.marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright>div figure+div a.redbutton,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright>div figure+div a,.ce-leftright>div figure+div a.bluebutton,.ce-leftright>div figure+div .thirdSection .right a,.thirdSection .right .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a,.ce-leftright>div figure+div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright>div figure+div a{min-width:0}.ce-leftright>div figure+div ul ul li{font-weight:400;padding-left:0}.ce-leftright>div figure+div ul ul li:before{display:none}.ce-leftright>div.right figure{float:right;margin-left:70px;padding-left:0;margin-right:0;padding-right:50px}@media screen and (max-width: 1180px){.ce-leftright>div figure img.small,.ce-leftright>div figure img.medium,.ce-leftright>div figure img.big{display:none}}@media screen and (max-width: 1024px){.ce-leftright .inner{padding:0 25px}.ce-leftright>div{padding:50px 0}.ce-leftright>div figure{float:none;max-width:none;width:100%;margin-right:0;padding-left:0;margin-bottom:25px}.ce-leftright>div figure img{margin:0 auto}.ce-leftright>div figure+div{float:none;max-width:none;width:100%;margin-top:40px;text-align:center}}.sliderContainer{margin-bottom:50px}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding-top:100px}.sliderContainer .swiper-container{height:600px}.sliderContainer .swiper-slide{background-size:cover !important;background-position:center center !important}.sliderContainer .slider-overlay{background:rgba(0,0,0,0.3);width:100%;height:100%}.sliderContainer p{font-size:24px;line-height:34px;color:#fff;margin:0;font-weight:600;text-align:center}.sliderContainer p+p{margin-top:30px}.sliderContainer .headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer .sliderContainer p.headlineH1Center{font-weight:600}@media screen and (max-width: 680px){.sliderContainer .headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer p.headlineH1Center,.sliderContainer .sliderContainer p.headlineH1Center{font-weight:600 !important}}@media screen and (max-width: 1100px){.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:100px 60px}.sliderContainer p{font-size:22px;line-height:32px}}@media screen and (max-width: 800px){.sliderContainer{background-size:cover !important}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:60px 60px}.sliderContainer .swiper-container{height:500px}.sliderContainer p{font-size:20px;line-height:30px}}@media screen and (max-width: 600px){.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:60px 40px}.sliderContainer p{font-size:18px;line-height:28px}.sliderContainer a{font-size:15px;line-height:normal}.sliderContainer .swiper-button-next{right:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}.sliderContainer .swiper-button-prev{left:10px;height:26px;width:15px;margin-top:-13px;background-size:15px 26px}}@media screen and (max-width: 480px){.sliderContainer .swiper-container{height:400px}.sliderContainer .inner.small,.sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner{padding:20px 35px}.sliderContainer a{font-size:15px;line-height:normal}}@media screen and (max-width: 420px){.sliderContainer .swiper-container{height:450px}}.mapsContainer{float:right;width:calc((100% - 40px) / 2)}@media screen and (max-width: 800px){.mapsContainer{float:none;width:100%;margin-top:25px}}.mapsContainer iframe{width:100% !important}.contactMain{margin-bottom:50px !important}@media screen and (max-width: 1100px){.contactMain{padding-left:25px;padding-right:25px}}.powermail_form_3,.powermail_form_4,.powermail_form_5,.powermail_form_6,.powermail_form_7{float:left;width:calc((100% - 40px) / 2)}@media screen and (max-width: 800px){.powermail_form_3,.powermail_form_4,.powermail_form_5,.powermail_form_6,.powermail_form_7{float:none;width:100%}}.powermail_form_3 fieldset,.powermail_form_4 fieldset,.powermail_form_5 fieldset,.powermail_form_6 fieldset,.powermail_form_7 fieldset{margin:0;padding:0;border:none}.powermail_form_3 fieldset legend,.powermail_form_4 fieldset legend,.powermail_form_5 fieldset legend,.powermail_form_6 fieldset legend,.powermail_form_7 fieldset legend{display:none}.powermail_form_3 fieldset>div+div,.powermail_form_4 fieldset>div+div,.powermail_form_5 fieldset>div+div,.powermail_form_6 fieldset>div+div,.powermail_form_7 fieldset>div+div{margin-top:15px}.powermail_form_3 h3,.powermail_form_4 h3,.powermail_form_5 h3,.powermail_form_6 h3,.powermail_form_7 h3{display:none}.powermail_form_3 div label,.powermail_form_4 div label,.powermail_form_5 div label,.powermail_form_6 div label,.powermail_form_7 div label{float:none;display:block;width:100%;margin-bottom:2px}.powermail_form_3 div input,.powermail_form_4 div input,.powermail_form_5 div input,.powermail_form_6 div input,.powermail_form_7 div input{display:block;border:solid 1px #c6c6c6;height:30px;width:400px;width:100%;padding:0 10px;color:#333}.powermail_form_3 div input[type=submit],.powermail_form_4 div input[type=submit],.powermail_form_5 div input[type=submit],.powermail_form_6 div input[type=submit],.powermail_form_7 div input[type=submit]{width:100px;cursor:pointer}.powermail_form_3 div textarea,.powermail_form_4 div textarea,.powermail_form_5 div textarea,.powermail_form_6 div textarea,.powermail_form_7 div textarea{display:block;margin-top:5px;resize:none;width:400px;width:100%;height:150px;border:solid 1px #c6c6c6;padding:5px 10px;color:#333}.powermail_form_3 div .parsley-required,.powermail_form_3 div .parsley-custom-error-message,.powermail_form_4 div .parsley-required,.powermail_form_4 div .parsley-custom-error-message,.powermail_form_5 div .parsley-required,.powermail_form_5 div .parsley-custom-error-message,.powermail_form_6 div .parsley-required,.powermail_form_6 div .parsley-custom-error-message,.powermail_form_7 div .parsley-required,.powermail_form_7 div .parsley-custom-error-message{font-size:12px;line-height:normal;color:#be1622}.powermail_form_3 div.powermail_fieldwrap_textarea label,.powermail_form_4 div.powermail_fieldwrap_textarea label,.powermail_form_5 div.powermail_fieldwrap_textarea label,.powermail_form_6 div.powermail_fieldwrap_textarea label,.powermail_form_7 div.powermail_fieldwrap_textarea label{width:auto}.powermail_form_3 div.powermail_fieldwrap_check,.powermail_form_4 div.powermail_fieldwrap_check,.powermail_form_5 div.powermail_fieldwrap_check,.powermail_form_6 div.powermail_fieldwrap_check,.powermail_form_7 div.powermail_fieldwrap_check{position:relative}.powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner,.powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner{position:relative;padding-left:20px}.powermail_form_3 div.powermail_fieldwrap_check label,.powermail_form_4 div.powermail_fieldwrap_check label,.powermail_form_5 div.powermail_fieldwrap_check label,.powermail_form_6 div.powermail_fieldwrap_check label,.powermail_form_7 div.powermail_fieldwrap_check label{font-size:12px;line-height:normal;max-width:100%}.powermail_form_3 div.powermail_fieldwrap_check label a,.powermail_form_4 div.powermail_fieldwrap_check label a,.powermail_form_5 div.powermail_fieldwrap_check label a,.powermail_form_6 div.powermail_fieldwrap_check label a,.powermail_form_7 div.powermail_fieldwrap_check label a{font-size:12px;line-height:normal}.powermail_form_3 div.powermail_fieldwrap_check input,.powermail_form_4 div.powermail_fieldwrap_check input,.powermail_form_5 div.powermail_fieldwrap_check input,.powermail_form_6 div.powermail_fieldwrap_check input,.powermail_form_7 div.powermail_fieldwrap_check input{width:auto;height:auto;position:absolute;left:0;top:2px;margin:0}.powermail_form_3 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_4 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_5 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_6 div.powermail_fieldwrap_check+.powermail_fieldwrap_check,.powermail_form_7 div.powermail_fieldwrap_check+.powermail_fieldwrap_check{margin-top:0}.powermail_form_3 .textOverSendButton,.powermail_form_4 .textOverSendButton,.powermail_form_5 .textOverSendButton,.powermail_form_6 .textOverSendButton,.powermail_form_7 .textOverSendButton{font-size:12px;margin-top:25px;margin-bottom:0}.firstSection{max-height:870px;position:relative;overflow:hidden}.firstSection>a{display:block}.firstSection>a+div{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,0.4)}.firstSection>a+div img:first-of-type{position:absolute;z-index:150;top:50%;margin-top:-49px;text-align:center;left:50%;margin-left:-183px}@media screen and (max-width: 480px){.firstSection>a+div img:first-of-type{max-width:250px;margin-left:-125px;margin-top:-33px}}.firstSection>a+div img:first-of-type+img{position:absolute;left:50%;margin-left:-58px;bottom:40px}@media screen and (max-width: 600px){.firstSection>a+div img:first-of-type+img{display:none}}.firstSection video{width:100%;display:block}.firstSection figure{margin:0;padding:0;width:100%}.firstSection figure img{width:100%}.firstSection video+.linkLayout,.firstSection figure+.linkLayout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(0,0,0,0.4)}.firstSection video+.linkLayout img:first-of-type,.firstSection figure+.linkLayout img:first-of-type{position:absolute;z-index:150;top:50%;margin-top:-49px;text-align:center;left:50%;margin-left:-183px}@media screen and (max-width: 480px){.firstSection video+.linkLayout img:first-of-type,.firstSection figure+.linkLayout img:first-of-type{max-width:250px;margin-left:-125px;margin-top:-33px}}.firstSection video+.linkLayout img:first-of-type+img,.firstSection figure+.linkLayout img:first-of-type+img{position:absolute;left:50%;margin-left:-58px;bottom:40px}@media screen and (max-width: 600px){.firstSection video+.linkLayout img:first-of-type+img,.firstSection figure+.linkLayout img:first-of-type+img{display:none}}.secondSection{background:#0067b1}.secondSection h2,.secondSection .ce-table table caption,.ce-table table .secondSection caption{font-size:40px;font-weight:400;color:#fff;line-height:normal;text-align:left;margin:0 0 26px 0}.secondSection h2:after,.secondSection .ce-table table caption:after,.ce-table table .secondSection caption:after{display:none}.secondSection p{color:#fff;max-width:540px}.secondSection div.inner{padding:0 25px 50px 25px}.secondSection div.inner:first-of-type{padding-top:130px}.secondSection div.inner:first-of-type .big{position:absolute;top:-70px;right:95px;z-index:5}.secondSection div.inner:first-of-type .medium{position:absolute;bottom:-85px;left:-5px}.secondSection div.inner:first-of-type .small{position:absolute;left:40px;top:-25px}.secondSection div.inner:nth-of-type(2) .big{position:absolute;top:-48px;left:16px;z-index:5}.secondSection div.inner:nth-of-type(2) .medium{position:absolute;bottom:-75px;left:40px}.secondSection div.inner:nth-of-type(2) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:nth-of-type(3) h2,.secondSection div.inner:nth-of-type(3) .ce-table table caption,.ce-table table .secondSection div.inner:nth-of-type(3) caption{margin-top:0px}.secondSection div.inner:nth-of-type(3) .big{position:absolute;bottom:-75px;left:40px;z-index:5}.secondSection div.inner:nth-of-type(3) .medium{position:absolute;top:-48px;left:16px}.secondSection div.inner:nth-of-type(3) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:nth-of-type(4) .big{position:absolute;top:-48px;left:16px;z-index:5}.secondSection div.inner:nth-of-type(4) .medium{position:absolute;bottom:-75px;left:40px}.secondSection div.inner:nth-of-type(4) .small{position:absolute;right:90px;top:115px}.secondSection div.inner:last-of-type{padding-bottom:130px;text-align:center}.secondSection div.inner .left{float:left;width:50%;position:relative}.secondSection div.inner .right{float:left;width:50%;position:relative}.secondSection div.inner .default{position:relative;z-index:15}@media screen and (max-width: 1180px){.secondSection div.inner .small,.secondSection div.inner .medium,.secondSection div.inner .big{display:none !important}.secondSection div.inner .right{padding-left:3%;padding-right:3%}.secondSection div.inner .left{padding-right:5%}}.secondSection div.inner+div{margin-top:130px}@media screen and (max-width: 1024px){.secondSection .animatedParent{display:none}.secondSection div.inner:first-of-type{padding-top:50px}.secondSection div.inner:last-of-type{padding-bottom:50px}.secondSection div.inner .right:not(.animatedParent){padding:0;margin:0 auto;float:none;width:100%}.secondSection div.inner .right:not(.animatedParent) h2,.secondSection div.inner .right:not(.animatedParent) .ce-table table caption,.ce-table table .secondSection div.inner .right:not(.animatedParent) caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.secondSection div.inner .right:not(.animatedParent) p{max-width:none}.secondSection div.inner .left:not(.animatedParent){padding:0;margin:0 auto;float:none;width:100%}.secondSection div.inner .left:not(.animatedParent) h2,.secondSection div.inner .left:not(.animatedParent) .ce-table table caption,.ce-table table .secondSection div.inner .left:not(.animatedParent) caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.secondSection div.inner .left:not(.animatedParent) p{max-width:none}.secondSection div.inner+div{margin-top:50px}}@media screen and (max-width: 768px){.secondSection div.inner .right:not(.animatedParent){width:100%}.secondSection div.inner .right:not(.animatedParent) p{max-width:none}.secondSection div.inner .left:not(.animatedParent){width:100%}.secondSection div.inner .left:not(.animatedParent) p{max-width:none}}@media screen and (max-width: 480px){.secondSection div.inner img{max-width:250px}}.thirdSection{text-align:center;background:#fc0;padding-top:100px}.thirdSection .inner{padding:100px 25px 170px 25px}.thirdSection .left{float:left;width:50%;position:relative}.thirdSection .right{float:left;width:50%;position:relative;padding-top:110px}.thirdSection .right a{margin-bottom:30px}.thirdSection h2,.thirdSection .ce-table table caption,.ce-table table .thirdSection caption{font-size:40px;text-align:center;margin:0 0 15px 0;color:#333}.thirdSection p{color:#333;text-align:center;margin:0 0 40px 0}.thirdSection .buttonContainer{text-align:center}.thirdSection .default{z-index:10;position:relative;left:55px;left:0}.thirdSection .big{position:absolute;bottom:50px;left:-40px;z-index:5}.thirdSection .medium{position:absolute;left:165px;top:-65px}.thirdSection .small{position:absolute;bottom:0;right:60px}@media screen and (max-width: 1250px){.thirdSection .default{left:25px}}@media screen and (max-width: 1180px){.thirdSection{padding-top:0}.thirdSection .default{left:0}.thirdSection .small,.thirdSection .medium,.thirdSection .big{display:none !important}.thirdSection .left{padding-right:5%}.thirdSection .right{padding-left:3%;padding-right:3%}}@media screen and (max-width: 1024px){.thirdSection{padding-top:0}.thirdSection .inner{padding-top:50px;padding-bottom:50px}.thirdSection .inner h2,.thirdSection .inner .ce-table table caption,.ce-table table .thirdSection .inner caption{font-size:30px;line-height:normal;margin:0 0 15px 0}.thirdSection .inner a{font-size:22px;line-height:normal}.thirdSection .left{display:none}.thirdSection .right{float:none;width:100%;padding:0}}.wrapsvg,.wrapsvg1,.wrapsvg4,.wrapsvg2,.wrapsvg3{float:left;border:1px solid transparent;position:relative}@media screen and (max-width: 1024px){.wrapsvg,.wrapsvg1,.wrapsvg4,.wrapsvg2,.wrapsvg3{display:none !important}}.wrapsvg1{left:-705px;top:128px}.wrapsvg4{left:-705px;top:128px}.wrapsvg2{left:-15px;top:-140px}.wrapsvg3{left:-700px;top:60px}.svg1{position:absolute}.svg2{position:absolute}.svg3{position:absolute}.svg4{position:absolute}nav.section{position:fixed;top:50%;right:20px;z-index:9999}@media screen and (max-width: 1024px){nav.section{display:none}}nav.section ul li{width:20px;height:20px;border-radius:25px;background:#fff;display:block;cursor:pointer;transition:.3s all}nav.section ul li a{z-index:100;display:none;padding:14px 10px;margin-top:-3px;right:48px;font-size:12px;text-decoration:none}nav.section ul li+li{margin-top:5px}nav.section ul li:hover a{display:inline;position:fixed;color:#fff;height:10px;line-height:2px;text-align:center;background:#be1622}nav.section ul li.active{width:15px;height:15px;transition:.3s all;margin:5px auto 0 auto}.newsletter{width:100%;padding:50px 0 0 0;background:#ececec;position:relative}.newsletter:after,.newsletter:before{top:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.newsletter:after{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.newsletter:before{border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:20px;margin-left:-20px}.newsletter .right{float:right;width:100%;max-width:463px;max-width:420px}@media screen and (max-width: 900px){.newsletter .right{float:none;width:100%;max-width:none;padding:0 25px}}.newsletter .firstrow{width:100%;max-width:840px;margin:0 auto}.newsletter .firstrow h2,.newsletter .firstrow .ce-table table caption,.ce-table table .newsletter .firstrow caption{text-align:left}.newsletter .firstrow h2:after,.newsletter .firstrow .ce-table table caption:after,.ce-table table .newsletter .firstrow caption:after{margin:10px 0 0 0}.newsletter .firstrow p{font-weight:700;color:#333;margin:0 0 30px 0}.newsletter .firstrow ul{margin:0;padding:0;list-style:none}.newsletter .firstrow ul li{display:block;color:#333;font-weight:700}.newsletter .firstrow ul li span{font-size:22px;margin-right:10px;border-radius:50px;border:solid 2px #333;padding:10px;vertical-align:sub}.newsletter .firstrow ul li p{margin:0;display:inline-block;vertical-align:middle}@media screen and (max-width: 440px){.newsletter .firstrow ul li p{width:80%}}@media screen and (max-width: 360px){.newsletter .firstrow ul li p{width:70%}}.newsletter .firstrow ul li+li{margin-top:10px}.newsletter .secondrow{background:#333;padding:60px 0;margin-top:30px}.newsletter .secondrow .inner{max-width:836px;position:relative}.newsletter .secondrow img{position:absolute;left:0;left:50px;bottom:0;box-shadow:1px 1px 5px rgba(0,0,0,0.4)}@media screen and (max-width: 900px){.newsletter .secondrow img{display:none}}.newsletter .secondrow .button{text-align:center}.newsletter .secondrow .button.animation span,.newsletter .secondrow .button.animation i{display:inline-block;padding-left:0;transition:0.7s all}.newsletter .secondrow .button.animation span+i{padding-left:5px;transition:0.7s all}.newsletter .secondrow .button.animation i+span{padding-left:5px;transition:0.7s all}.newsletter .secondrow .button.animation:hover span+i{padding-left:10px;transition:0.7s all}.newsletter .secondrow .button.animation:hover i+span{padding-left:10px;transition:0.7s all}.ce-download{float:left;width:42%;margin-bottom:50px}.ce-download h2,.ce-download .ce-table table caption,.ce-table table .ce-download caption{text-align:left}.ce-download h2:after,.ce-download .ce-table table caption:after,.ce-table table .ce-download caption:after{margin:10px 0 0 0}.ce-download strong{font-weight:700;font-size:72px;line-height:3.3rem;color:#333;margin:0 0 15px 0;display:block}.ce-download .date{margin:0 0 30px 0;font-size:14px;line-height:normal;color:#333}.ce-download .agbContainer{margin-top:30px;margin-bottom:25px;padding-left:30px;position:relative;font-size:14px;line-height:normal}.ce-download .agbContainer a{color:#0067b1;text-decoration:none}.ce-download .agbContainer a:hover{text-decoration:underline}.ce-download .agbContainer input{position:absolute;left:0;top:1px;width:20px;height:20px}.ce-download .shortDescription{margin-top:0;font-size:14px;line-height:normal}.ce-download .Dbutton{color:#fff;background:#df8e96;text-decoration:none;width:100%;max-width:280px;display:block;padding:15px;border:none;outline:none;text-align:left;font-size:22px;line-height:normal}.ce-download .Dbutton span{font-size:15px;line-height:normal;display:block;margin-top:5px}.ce-download .Dbutton.active{background:#be1622;cursor:pointer}.ce-download .Dbutton+div+.Dbutton,.ce-download .Dbutton+.Dbutton{margin-top:20px}.ce-download .Dbutton.github{background:#ececec;color:#333;padding:20px 15px}.ce-download .Dbutton.github span{font-size:45px;vertical-align:sub;margin-right:8px;margin-left:15px;display:inline-block}.downloadOverlayContainer{background:#fff;padding:25px 50px;max-width:720px;margin:0 auto;position:relative}.downloadOverlayContainer h1,.downloadOverlayContainer h2,.downloadOverlayContainer .ce-table table caption,.ce-table table .downloadOverlayContainer caption,.downloadOverlayContainer h3{font-size:16px;line-height:normal;color:#333;font-weight:400;text-align:center;margin:0 0 15px 0}.downloadOverlayContainer h3{font-weight:700}.downloadOverlayContainer .input{background:#ececec;padding:8px 12px;border:dotted 1px #333;display:inline-block;width:65%;color:#0067b1;overflow-x:auto;height:40px}.downloadOverlayContainer .copyButton{background:#0067b1;color:#fff;font-size:15px;line-height:normal;padding:8px 5px;display:inline-block;width:32%;text-align:center;vertical-align:top;border:none;outline:none;cursor:pointer;height:40px}.downloadOverlayContainer .copyButton i{margin-right:5px}@media screen and (max-width: 720px){.downloadOverlayContainer{padding:25px 25px}.downloadOverlayContainer .input{display:block;width:100%;height:auto}.downloadOverlayContainer .copyButton{display:block;width:100%;height:auto}}.mfp-wrap{overflow-x:scroll !important}.ce-downloadhinweis{float:right;width:50%;margin-bottom:50px}.ce-downloadhinweis h2,.ce-downloadhinweis .ce-table table caption,.ce-table table .ce-downloadhinweis caption{text-align:left}.ce-downloadhinweis h2:after,.ce-downloadhinweis .ce-table table caption:after,.ce-table table .ce-downloadhinweis caption:after{margin:10px 0 0 0}.ce-downloadhinweis p+p{margin-top:30px}.ce-downloadhinweis p+ol,.ce-downloadhinweis p+ul{margin-top:25px}.ce-downloadhinweis ul{margin:0;padding:0;list-style:none}.ce-downloadhinweis ul li{color:#333}.ce-downloadhinweis ul li a{text-decoration:none;color:#333;font-size:15px;line-height:normal}.ce-downloadhinweis ul li a:hover{text-decoration:underline}.ce-downloadhinweis ul li+li{margin-top:3px}.ce-downloadhinweis ul li:before{content:"\f178";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:5px}.ce-downloadhinweis ol{margin:0;padding:0;list-style:none}.ce-downloadhinweis ol li{display:block;counter-increment:olliste}.ce-downloadhinweis ol li:before{content:counter(olliste) ".";font-weight:700;font-size:32px;line-height:normal;color:#bbbbbb;margin-right:5px}.ce-downloadhinweis ol li+li{margin-top:15px}.ce-downloadhinweis ol+p{margin-top:25px}@media screen and (max-width: 768px){.ce-download{float:none;width:100%}.ce-downloadhinweis{float:none;width:100%}}.ce-youtube-text{margin-bottom:50px}.ce-youtube-text h2,.ce-youtube-text .ce-table table caption,.ce-table table .ce-youtube-text caption{margin-top:0}.ce-youtube-text .left,.ce-youtube-text .right{float:left;width:calc((100% - 20px) / 2)}@media screen and (max-width: 767px){.ce-youtube-text .left,.ce-youtube-text .right{float:none;width:100%}}.ce-youtube-text .left iframe{width:100% !important;height:315px}.ce-youtube-text .right{margin-left:20px}.ce-youtube-text .right a{display:block;margin-top:15px}@media screen and (max-width: 767px){.ce-youtube-text .right{margin-left:0;margin-top:20px}}.ce-youtube-slider{margin-bottom:50px}.ce-youtube-slider .inner.small,.ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner{position:relative}.ce-youtube-slider a{text-decoration:none}.ce-youtube-slider p{margin:3px 0 0 0;color:#333}.ce-youtube-slider+div,.ce-youtube-slider+section{border-top:solid 1px #c6c6c6;padding-top:50px}.ce-youtube-slider .swiper-button-prev-small-youtube,.ce-youtube-slider .swiper-button-next-small-youtube{padding:12px 10px;background:#ececec;width:30px}.ce-youtube-slider .swiper-button-prev-small-youtube i.fa,.ce-youtube-slider .swiper-button-next-small-youtube i.fa{padding-left:0}.ce-youtube-slider .swiper-button-next-small-youtube{right:-30px}.ce-youtube-slider .swiper-button-prev-small-youtube{left:-30px}.ce-youtube-slider .swiper-slide a div{max-height:140px;height:auto;overflow:hidden}.ce-youtube-slider .swiper-slide a div img{width:100%}@media screen and (max-width: 640px){.ce-youtube-slider .swiper-slide a div{max-height:none}}.shopDetailsContainer{background:#ececec;padding:10px 0;margin-bottom:10px}.shopDetailsContainer .left{float:left;min-height:1px}.shopDetailsContainer .left a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .left a i{font-size:12px}.shopDetailsContainer .right{float:right;min-height:1px}.shopDetailsContainer .right ul li{display:inline-block}.shopDetailsContainer .right ul li a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .right ul li+li{margin-left:5px}.shopDetailsContainer .tx-sy-osbeeproducts{padding:0}.shopDetailsContainer .tx-sy-osbeeproducts ul{display:inline-block}.shopDetailsContainer .changeMoney span{position:relative;margin-right:5px;color:#333;font-weight:600;font-size:14px;line-height:normal}.shopDetailsContainer .changeMoney li{position:relative;margin-right:5px;color:#333;font-weight:600;font-size:14px;line-height:normal}.shopDetailsContainer .changeMoney li a{color:#333;font-weight:600;font-size:14px;line-height:normal;text-decoration:none}.shopDetailsContainer .changeMoney li ul{width:85px;display:none;position:absolute;background:#fff;padding:5px 10px;box-shadow:1px 1px 5px rgba(0,0,0,0.35);top:32px;left:0}.shopDetailsContainer .changeMoney li ul:before{content:"";height:15px;width:100%;position:absolute;top:-15px}.shopDetailsContainer .changeMoney li ul li a{padding-left:0}.shopDetailsContainer .changeMoney li:hover ul{display:block}.marketplace-wrapper{padding:50px 0}@media screen and (max-width: 1120px){.marketplace-wrapper.inner.small,.tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner{padding:50px 25px}}@media screen and (max-width: 767px){.marketplace-wrapper.inner.small,.tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner{padding:0px 25px}}.marketplace-wrapper .mp-mobile{display:none;margin-bottom:0;margin-top:25px;margin-bottom:25px}.marketplace-wrapper .mp-mobile button{width:100%;outline:none;border:none}@media screen and (max-width: 767px){.marketplace-wrapper .mp-mobile{display:block}}.marketplace-wrapper .mp-sidebar{float:left;width:24.27%;min-height:1px;margin-right:0.97%}.marketplace-wrapper .mp-sidebar.right{margin-right:0;margin-left:0.97%}.marketplace-wrapper .mp-sidebar.right>div{margin-bottom:0}.marketplace-wrapper .mp-sidebar.right>div+div{margin-top:30px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-sidebar{float:none;width:100%;margin-right:0;display:none;margin-bottom:25px}.marketplace-wrapper .mp-sidebar.active{display:block}.marketplace-wrapper .mp-sidebar.right{margin-left:0;display:block}}.marketplace-wrapper .mp-sidebar>div{margin-bottom:99px}.marketplace-wrapper .mp-sidebar>div+div{margin-top:40px;margin-bottom:0}.marketplace-wrapper .mp-sidebar h2,.marketplace-wrapper .mp-sidebar .ce-table table caption,.ce-table table .marketplace-wrapper .mp-sidebar caption{text-align:left;color:#333;text-transform:uppercase;font-size:16px;line-height:normal;font-weight:700;margin:0 0 10px 0;font-family:"Open Sans",sans-serif;padding-bottom:3px;border-bottom:solid 2px #fc0}.marketplace-wrapper .mp-sidebar h2:after,.marketplace-wrapper .mp-sidebar .ce-table table caption:after,.ce-table table .marketplace-wrapper .mp-sidebar caption:after{display:none}.marketplace-wrapper .mp-sidebar .mp-suche input[type="text"],.marketplace-wrapper .mp-sidebar .mp-suche select{height:40px;border:solid 1px #818181;padding:5px 10px;width:100%;font-size:14px}.marketplace-wrapper .mp-sidebar .mp-suche input[type="text"]{margin-bottom:10px}.marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"]{width:100%;height:40px;border:none;outline:none;font-size:16px;line-height:normal;font-weight:700;color:#fff;background:#0067b1;text-align:left;padding:10px;cursor:pointer;position:relative;margin-top:5px}.marketplace-wrapper .mp-sidebar .mp-suche form{position:relative}.marketplace-wrapper .mp-sidebar .mp-suche form:after{content:"\f105";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px;position:absolute;right:10px;bottom:9px;color:#fff}.marketplace-wrapper .mp-sidebar .mp-category nav ul li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li{display:block}.marketplace-wrapper .mp-sidebar .mp-category nav ul li a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a{text-decoration:none;color:#333;font-size:16px;line-height:normal;font-weight:700}.marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover{text-decoration:underline}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a{display:block}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a .mp-categoryteaser,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a .mp-categoryteaser{width:20px;height:20px;float:left;color:#fff;text-align:center;margin-right:10px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li>a .mp-categoryteaser i,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li>a .mp-categoryteaser i{text-align:center;vertical-align:middle;color:#fff;font-size:10px;padding:0 0 3px 0}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul{margin-top:8px;margin-left:20px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li{padding-left:10px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a{font-weight:400}.marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li+li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li+li{margin-top:5px}.marketplace-wrapper .mp-sidebar .mp-category nav ul li+li,.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li+li{margin-top:12px}.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a{font-weight:400}.marketplace-wrapper .mp-sidebar .mp-downloads nav ul li+li{margin-top:10px}.marketplace-wrapper .mp-sidebar .mp-info img{display:block}.marketplace-wrapper .mp-sidebar .mp-info img+p{font-size:13px;line-height:normal;margin:15px 0 0 0}.marketplace-wrapper .mp-sidebar .mp-info img+p+p{margin-top:15px}.marketplace-wrapper .mp-sidebar .mp-buttons a{text-decoration:none;color:#fff;background:#0067b1;width:100%;display:block;font-size:16px;line-height:normal;font-weight:700;text-transform:uppercase;text-align:center;padding:15px}.marketplace-wrapper .mp-sidebar .mp-buttons a+a{margin-top:10px}.marketplace-wrapper .mp-sidebar .mp-buttons a.blue{background:#0067b1}.marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton{padding:0;color:#333;background:transparent}.marketplace-wrapper .mp-sidebar .mp-productspecifikation{background:#ececec;padding:15px 10px 30px 10px}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p{margin:0;font-size:13px;line-height:normal}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p+p{margin-top:30px}.marketplace-wrapper .mp-sidebar .mp-productspecifikation p a{color:#0067b1;font-weight:700;text-decoration:none}.marketplace-wrapper .mp-sidebar .mp-productShare p{margin:0;font-weight:700}.marketplace-wrapper .mp-sidebar .mp-productShare br{display:none}.marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal{text-align:left !important}.marketplace-wrapper .mp-contentContainer{float:left;width:74.76%;min-height:1px}.marketplace-wrapper .mp-contentContainer.detailseite{width:49.51%;padding-top:25px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-contentContainer{float:none;width:100%;margin-bottom:25px}.marketplace-wrapper .mp-contentContainer.detailseite{width:100%}}.marketplace-wrapper .mp-contentContainer .mp-banner{width:100%;height:auto;margin-bottom:30px;position:relative}@media screen and (max-width: 480px){.marketplace-wrapper .mp-contentContainer .mp-banner{display:none}}.marketplace-wrapper .mp-contentContainer .mp-banner div{position:absolute;top:40px;left:40px}@media screen and (max-width: 1024px){.marketplace-wrapper .mp-contentContainer .mp-banner div{top:20px;left:20px}}.marketplace-wrapper .mp-contentContainer .mp-banner div h2,.marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption,.ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption{color:#fff;font-weight:700;text-align:left;font-size:32px;line-height:normal;text-transform:uppercase;margin-top:0;font-family:"Open Sans",sans-serif}.marketplace-wrapper .mp-contentContainer .mp-banner div h2:after,.marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after,.ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after{margin:0}.marketplace-wrapper .mp-contentContainer .mp-banner div p{color:#fff;margin:0;font-size:13px;line-height:normal}.marketplace-wrapper .mp-contentContainer .mp-banner div p+p{margin-top:15px}@media screen and (max-width: 767px){.marketplace-wrapper .mp-contentContainer .mp-banner div p{display:none}}.marketplace-wrapper .mp-contentContainer .mp-banner div a{color:#fff;text-decoration:none;font-size:13px;line-height:normal;display:block;margin-top:15px;text-transform:uppercase}.marketplace-wrapper .mp-contentContainer .mp-banner div a:after{content:"\f178";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px}.marketplace-wrapper .mp-contentContainer .mp-banner div a:hover{text-decoration:underline}.marketplace-wrapper .mp-contentContainer .mp-filter{width:100%;margin-bottom:20px}@media screen and (min-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul{display:flex;-ms-flex-flow:row wrap;flex-wrap:nowrap}}.marketplace-wrapper .mp-contentContainer .mp-filter ul li{background:#bbbbbb;color:#fff;cursor:pointer;padding:15px 0;font-weight:700;text-transform:uppercase;text-align:center}@media screen and (min-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{flex-direction:column;order:4;flex-grow:4}}.marketplace-wrapper .mp-contentContainer .mp-filter ul li.active,.marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover{background:#333}.marketplace-wrapper .mp-contentContainer .mp-filter ul li+li{margin-left:10px}@media screen and (max-width: 1024px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{font-size:13px;line-height:normal}}@media screen and (max-width: 768px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li{font-size:12px;line-height:normal}}@media screen and (max-width: 600px){.marketplace-wrapper .mp-contentContainer .mp-filter ul li+li{margin-left:0;margin-top:10px}}.marketplace-wrapper .mp-contentContainer .mp-content article{float:left;width:250px;width:calc((100% - 21px) / 3);border:solid 1px #818181}.marketplace-wrapper .mp-contentContainer .mp-content article+article{margin-left:10px}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+4){margin-top:10px}.marketplace-wrapper .mp-contentContainer .mp-content article>a{display:block;height:100%;position:relative;padding-bottom:50px}.marketplace-wrapper .mp-contentContainer .mp-content article header{position:relative;padding:10px 10px 0 10px}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage,.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser{display:block;float:left;max-width:70px;margin-right:10px;width:54px;height:54px}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i,.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i{text-align:center;vertical-align:middle;color:#fff;font-size:24px;padding:15px}.marketplace-wrapper .mp-contentContainer .mp-content article header h3{font-size:16px;line-height:normal;color:#333;font-weight:400;margin:0 0 10px 0;max-width:calc(100% - 70px);float:left}.marketplace-wrapper .mp-contentContainer .mp-content article header span{font-size:11px;line-height:normal;display:block;font-weight:400;color:#333;clear:both}.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner{position:absolute;top:0;right:0;z-index:800}@media screen and (max-width: 1120px){.marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner{display:none}}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer{position:relative}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span{color:#fc0;position:absolute;top:4px;font-size:9px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span{left:12px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span{left:23px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span+span{left:34px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span+span+span+span+span,.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span+span+span+span+span{left:45px}.marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty{position:relative;left:auto;right:auto;bottom:auto;width:100%}.marketplace-wrapper .mp-contentContainer .mp-content article main{margin-top:15px;padding:0 10px}.marketplace-wrapper .mp-contentContainer .mp-content article main p{font-size:13px;line-height:normal;margin:0}.marketplace-wrapper .mp-contentContainer .mp-content article main p+p{margin-top:10px}.marketplace-wrapper .mp-contentContainer .mp-content article main img{display:block;margin-top:15px;max-height:25px}.marketplace-wrapper .mp-contentContainer .mp-content article footer{margin-top:10px;border-top:solid 1px #818181;padding:10px 10px 10px 10px;position:absolute;left:0;right:0;bottom:0}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer{float:left;position:relative}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span{color:#fc0;position:absolute;top:4px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span{left:19px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span{left:38px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span+span{left:57px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span+span+span+span+span{left:76px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .price{float:none}@media screen and (max-width: 1100px){.marketplace-wrapper .mp-contentContainer .mp-content article footer .price{font-size:13px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .price span{font-size:10px !important}}.marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation{display:none;background:#0067b1;color:#fff;text-align:center;text-transform:uppercase;font-weight:700;font-size:16px;line-height:normal;padding:10px}.marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after{content:"\f178";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:5px}.marketplace-wrapper .mp-contentContainer .mp-content article a{text-decoration:none;color:#333}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer{padding:0}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer{display:none}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price{display:none}.marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation{display:block}@media screen and (max-width: 1023px){.marketplace-wrapper .mp-contentContainer .mp-content article{width:calc((100% - 11px) / 2)}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:10px}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n+3){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+3){margin-top:10px}}@media screen and (max-width: 560px){.marketplace-wrapper .mp-contentContainer .mp-content article{width:100%;margin-left:0 !important}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n+4){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n+3){margin-left:0}.marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n+2){margin-top:10px}}.mpdetail-content .mp-productInfo{margin-bottom:60px}.mpdetail-content .mp-productInfo>img,.mpdetail-content .mp-productInfo>.mpdetail-productcategoryteaser{float:left;margin:0 10px;max-width:110px;display:block;text-align:center;height:100px;width:100px}.mpdetail-content .mp-productInfo>img i,.mpdetail-content .mp-productInfo>.mpdetail-productcategoryteaser i{font-size:40px;vertical-align:middle;color:#fff;display:inline-block;line-height:100px}.mpdetail-content .mp-productInfo>div{float:left;max-width:340px}.mpdetail-content .mp-productInfo>div h1{font-size:16px;line-height:normal;color:#333;font-weight:700;margin:0 0 5px 0}.mpdetail-content .mp-productInfo>div>span{font-size:11px;line-height:normal;display:block;font-weight:400;color:#333}.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung img{display:block;margin:15px 0;float:left}.mpdetail-content .mp-productInfo>div .mpdetail-auszeichnung img+img{margin-left:5px}.mpdetail-content .mp-productInfo>div .ratingContainer{position:relative;display:inline-block}.mpdetail-content .mp-productInfo>div .ratingContainer .filled{position:absolute;top:0;left:0;width:0%;overflow:hidden;height:22px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span{color:#fc0;position:absolute;top:4px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span{left:19px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span{left:38px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span+span{left:57px}.mpdetail-content .mp-productInfo>div .ratingContainer .filled span+span+span+span+span{left:76px}.mpdetail-content .mp-productWrapper>ul li{float:left;width:calc(100% / 3);background:#fff;text-align:center;border-top:solid 2px #ebebeb;border-left:solid 2px #ebebeb;cursor:pointer}.mpdetail-content .mp-productWrapper>ul li a{color:#333;font-size:13px;line-height:normal;cursor:pointer;text-decoration:none;font-weight:700;display:block;padding:15px}@media screen and (max-width: 360px){.mpdetail-content .mp-productWrapper>ul li a{font-size:11px;line-height:normal}}.mpdetail-content .mp-productWrapper>ul li.current,.mpdetail-content .mp-productWrapper>ul li:hover{background:#ececec;border-top:solid 2px #fc0}.mpdetail-content .mp-productWrapper>ul li.current i,.mpdetail-content .mp-productWrapper>ul li:hover i{color:#fc0}.mpdetail-content .mp-productWrapper>ul li.current{border-left:solid 2px transparent;border-right:solid 2px transparent}.mpdetail-content .mp-productWrapper>ul li.current+li{border-left:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li:nth-of-type(2).current{border-left:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li+li{border-right:solid 2px #ebebeb}.mpdetail-content .mp-productWrapper>ul li+li+li{border-left:solid 2px transparent}.mpdetail-content .mp-productWrapper .mp-productTab{display:none;background:#ececec;padding:15px 10px}.mpdetail-content .mp-productWrapper .mp-productTab:first-of-type{display:block}.mpdetail-content .mp-productWrapper .mp-productTab h3{color:#333;margin:0 0 10px 0;font-size:18px;line-height:normal;font-weight:700}.mpdetail-content .mp-productWrapper .mp-productTab a{font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab p{margin:0;font-size:13px;line-height:normal;color:#333}.mpdetail-content .mp-productWrapper .mp-productTab p a{font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab p+p{margin-top:15px}.mpdetail-content .mp-productWrapper .mp-productTab ul{margin:10px 0 0 0;padding:0;list-style-type:none}.mpdetail-content .mp-productWrapper .mp-productTab ul li{position:relative;padding-left:15px;font-size:13px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab ul li:before{content:"\f054";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:4px;left:0;color:#333;font-size:12px}.mpdetail-content .mp-productWrapper .mp-productTab ul li+li{margin-top:4px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span{color:#bbb;cursor:pointer}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover ~ span{color:#fc0}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover:before,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer span:hover ~ span:before{content:"\f005"}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer>.ratingContainer p{font-size:18px;line-height:normal;color:#bbb;display:inline-block}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form{margin-bottom:20px;padding-bottom:30px;border-bottom:solid 1px #bbbbbb}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea{resize:none;height:105px;padding:10px;width:100%;margin-top:10px;color:#bbb;font-size:18px;line-height:normal}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea+p{font-size:13px;line-height:normal;color:#bbb;text-align:right}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"]{display:inline-block;font-size:16px;line-height:normal;color:#fff;border:none;outline:none;text-align:center;background:#0067b1;text-transform:uppercase;padding:15px;min-width:160px;margin-top:-10px;font-weight:700;cursor:pointer}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3{margin-bottom:5px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment+.mp-usercomment{margin-top:25px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star{color:#fc0}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span{color:#bbb}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply{background:#fff;padding:15px 10px;margin-left:30px;position:relative}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before,.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.forumWrapOuter{background:#ececec}.forumWrapOuter .ce-Image-Text-Element{margin-bottom:0;padding-bottom:40px}.tx-typo3forum-pi1{padding-top:50px;padding-bottom:50px}.tx-typo3forum-pi1 .forum_menu,.tx-typo3forum-pi1 .topic_list_menu{margin-bottom:40px}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1){float:left}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before{content:"\f053";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2){float:right;margin-left:15px}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before{content:"\f0fe";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3),.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3){float:right;display:none !important}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i{display:none}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a{background:#fc0}.tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before,.tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before{content:"\f005";display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 640px){.tx-typo3forum-pi1 .forum_menu ul li,.tx-typo3forum-pi1 .topic_list_menu ul li{float:none !important;width:100% !important;margin-bottom:5px;margin-left:0 !important}.tx-typo3forum-pi1 .forum_menu ul li a,.tx-typo3forum-pi1 .topic_list_menu ul li a{width:100%;text-align:center}}.tx-typo3forum-pi1 #topic fieldset,.tx-typo3forum-pi1 #post fieldset,.tx-typo3forum-pi1 #report fieldset{border:none;padding:0;margin:0}.tx-typo3forum-pi1 #topic fieldset legend,.tx-typo3forum-pi1 #post fieldset legend,.tx-typo3forum-pi1 #report fieldset legend{margin-bottom:40px}.tx-typo3forum-pi1 #topic fieldset .control-group,.tx-typo3forum-pi1 #post fieldset .control-group,.tx-typo3forum-pi1 #report fieldset .control-group{margin-bottom:15px}.tx-typo3forum-pi1 #topic fieldset .control-group+.control-group>label,.tx-typo3forum-pi1 #post fieldset .control-group+.control-group>label,.tx-typo3forum-pi1 #report fieldset .control-group+.control-group>label{position:relative}.tx-typo3forum-pi1 #topic fieldset .markItUpContainer,.tx-typo3forum-pi1 #post fieldset .markItUpContainer,.tx-typo3forum-pi1 #report fieldset .markItUpContainer{width:100%;max-width:927px}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader,.tx-typo3forum-pi1 #post fieldset .markItUpHeader,.tx-typo3forum-pi1 #report fieldset .markItUpHeader{float:right}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu{padding-right:0}.tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a,.tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a,.tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a{width:18px;height:18px}.tx-typo3forum-pi1 #topic fieldset input[type="submit"],.tx-typo3forum-pi1 #post fieldset input[type="submit"],.tx-typo3forum-pi1 #report fieldset input[type="submit"]{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;background:#c6c6c6;font-size:14px;line-height:33px;cursor:pointer;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="submit"]+.btn,.tx-typo3forum-pi1 #post fieldset input[type="submit"]+.btn,.tx-typo3forum-pi1 #report fieldset input[type="submit"]+.btn{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;margin-left:10px;background:#c6c6c6;font-size:14px;line-height:35px;color:#000;font-weight:400;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="checkbox"],.tx-typo3forum-pi1 #post fieldset input[type="checkbox"],.tx-typo3forum-pi1 #report fieldset input[type="checkbox"]{margin-left:0;margin-top:0;vertical-align:bottom}.tx-typo3forum-pi1 #topic fieldset input[type="text"],.tx-typo3forum-pi1 #topic fieldset textarea,.tx-typo3forum-pi1 #post fieldset input[type="text"],.tx-typo3forum-pi1 #post fieldset textarea,.tx-typo3forum-pi1 #report fieldset input[type="text"],.tx-typo3forum-pi1 #report fieldset textarea{border:solid 1px #c6c6c6;padding:0 10px;height:30px;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #topic fieldset input[type="text"],.tx-typo3forum-pi1 #post fieldset input[type="text"],.tx-typo3forum-pi1 #report fieldset input[type="text"]{width:100%;max-width:927px}.tx-typo3forum-pi1 #topic fieldset textarea,.tx-typo3forum-pi1 #post fieldset textarea,.tx-typo3forum-pi1 #report fieldset textarea{padding-top:10px;padding-bottom:10px;margin-top:5px;min-height:200px;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 #post fieldset .control-group>label{position:relative}.tx-typo3forum-pi1 #topic fieldset .control-group+.control-group>label{position:relative}.tx-typo3forum-pi1 #report .markItUp{margin-top:-20px}.tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code,.tx-typo3forum-pi1 #report .markItUp .markItUpSeparator{display:none}.tx-typo3forum-pi1 ul.nav-pills-condensed{margin-bottom:5px}.tx-typo3forum-pi1>h2,.ce-table table .tx-typo3forum-pi1>caption{display:none}.tx-typo3forum-pi1>h2.enable,.ce-table table .tx-typo3forum-pi1>caption.enable{text-transform:none;text-align:left;padding-left:10px;background:#0067b1;padding:15px 0 15px 10px;margin:0;font-size:16px;line-height:normal;color:#fff}.tx-typo3forum-pi1>h2.enable:after,.ce-table table .tx-typo3forum-pi1>caption.enable:after{display:none}.tx-typo3forum-pi1 table tbody td{background:#fff !important;padding:10px 8px;line-height:60px;vertical-align:middle;height:60px;font-size:13px;line-height:normal}.tx-typo3forum-pi1 table tbody td div{font-size:13px;line-height:18.2px;font-size:.8125rem;line-height:1.1375rem;font-weight:300;color:#b4b4b4;font-size:13px;line-height:normal}.tx-typo3forum-pi1 table tbody td a{font-size:16px;line-height:normal;font-weight:700;text-decoration:none;color:#333}.tx-typo3forum-pi1 table tbody td:nth-of-type(n+3){text-align:center}.tx-typo3forum-pi1 .f3-widget-paginator{text-align:right}.tx-typo3forum-pi1 .f3-widget-paginator li{color:#0067b1;font-weight:700;font-size:13px;line-height:normal;display:inline-block}.tx-typo3forum-pi1 .f3-widget-paginator li a{font-size:13px}.tx-typo3forum-pi1 .f3-widget-paginator li.current{color:#fc0}.tx-typo3forum-pi1 .f3-widget-paginator li+li{margin-left:5px}.tx-typo3forum-pi1 .tx-typo3forum-postbutton{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;background:#c6c6c6;font-size:14px;line-height:33px;cursor:pointer;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 .tx-typo3forum-postbutton+.btn{display:block;float:left;border:solid 1px #c6c6c6;height:35px;padding:0 10px;margin-left:10px;background:#c6c6c6;font-size:14px;line-height:35px;color:#000;font-weight:400;font-family:"Open Sans",sans-serif}.tx-typo3forum-pi1 .previewTitle{margin-bottom:40px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview-wrap{display:none;padding-bottom:50px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview{background-color:#ffffff;padding:20px;margin-bottom:15px;max-width:927px}.tx-typo3forum-pi1 #tx-typo3forum-postpreview .postsubject{font-size:16px;line-height:normal;font-weight:700;color:#333;margin:0 0 5px 0;display:block}.tx-typo3forum-pi1 #tx-typo3forum-postpreview ul{list-style-type:disc;padding:0 20px}.tx-typo3forum-pi1 .tx-typo3forum-postsubmit{margin-right:10px}.tx-typo3forum-pi1 #cke_typo3forum_editor{max-width:925px}code{background-color:#ececec;padding:10px;font-family:courier;display:block}.ce-osbee-forum h2,.ce-osbee-forum .ce-table table caption,.ce-table table .ce-osbee-forum caption{text-transform:none;text-align:left;padding-left:10px;background:#0067b1;padding:15px 0 15px 10px;margin:0;font-size:16px;line-height:normal;color:#fff}.ce-osbee-forum h2:after,.ce-osbee-forum .ce-table table caption:after,.ce-table table .ce-osbee-forum caption:after{display:none}.ce-osbee-forum .ce-osbee-forum-wrap{display:block;width:100%;background:#fff}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child{width:100%;padding:15px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon{float:left;max-width:70px;margin-right:15px;width:41px;height:41px;border-radius:25px;background:#c6c6c6}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic{background:#fff;text-align:center;vertical-align:middle;border:solid 1px #bbb;width:20px;height:20px;color:#bbb}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i{padding:0;font-size:12px;padding-top:4px;display:block}@media screen and (max-width: 640px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{float:left;width:55%}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3{margin:0;font-size:16px;line-height:normal}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a{font-size:16px;line-height:normal;font-weight:700;color:#333;margin:0 0 5px 0;display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a{font-weight:400;font-size:12px;line-height:normal;margin:0;display:block;width:100%;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span{display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span+span,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span+span{color:#bbb}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{width:40%}}@media screen and (max-width: 800px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{width:36%}}@media screen and (max-width: 768px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left{float:none;width:100%}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a{margin-bottom:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p{margin-bottom:20px;max-width:85%}}@media screen and (max-width: 480px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p{margin-bottom:0;max-width:100%}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{float:right;width:36%;min-width:360px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p{display:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts{display:block}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics{font-size:12px;line-height:14px;margin:0;font-weight:400;width:45px;text-align:center;float:left}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span{display:block}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics{width:40px}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts{font-size:12px;line-height:14px;margin:0;font-weight:400;float:left;width:45px;text-align:center;margin-left:25px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span{display:block}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts{width:40px}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:220px;position:relative;padding-left:40px;display:block;float:left;margin-left:25px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon{max-height:30px;border-radius:25px;width:auto;margin-right:0;position:absolute;left:0;top:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a{font-size:12px;line-height:14px;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover{text-decoration:underline}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor{font-size:12px;line-height:14px}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a{font-size:12px;line-height:14px;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover{text-decoration:underline}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time{font-size:12px;line-height:14px;display:block;width:100%;color:#c6c6c6}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:200px}}@media screen and (max-width: 420px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{width:auto}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img,.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available{margin-top:0}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span{display:inline;vertical-align:middle;line-height:30px;font-size:12px;line-height:14px}@media screen and (max-width: 1024px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{width:35%;min-width:330px}}@media screen and (max-width: 768px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{float:none;width:100%}}@media screen and (max-width: 480px){.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right{display:none}}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a{font-weight:400;color:#333;text-decoration:none}.ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child+.ce-osbee-forum-child{border-top:solid 1px #bbbbbb}ul.nav-pills li{display:inline-block}ul.nav-pills li a{font-size:12px;line-height:normal;color:#333;font-weight:400;text-decoration:none}ul.nav-pills li a:hover{text-decoration:underline}ul.nav-pills li:last-of-type a{font-weight:700;color:#333}ul.nav-pills li+li:before{content:"\f054";color:#fc0;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;font-size:10px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul.nav-pills+.ce-osbee-forum{margin-top:20px}.ce-osbee-forum-singlepost{position:relative;background:#fff;padding:30px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{width:20%;float:left;padding-right:2%;border-right:solid 1px #bbb;text-align:center}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon{float:none;display:block;margin:0;background:#ececec;padding:10px;text-align:center;border-radius:150px;height:85px;width:85px;margin:15px auto;font-size:60px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:16px;line-height:normal;margin:0 0 10px 0;color:#333;font-weight:700;text-decoration:none}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover{text-decoration:underline}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname{font-size:16px;line-height:normal;margin:0 0 10px 0;color:#333;font-weight:700}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName{font-size:18px;line-height:normal;font-weight:600;color:#333}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered{font-size:14px;line-height:normal;color:#bbbbbb;margin-bottom:10px}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince{font-size:12px;line-height:normal;color:#bbbbbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts{font-size:12px;line-height:normal;color:#bbbbbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p{font-size:14px;line-height:normal;font-weight:400;margin:0}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p+p{margin-top:2px}@media screen and (max-width: 1024px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{width:25%}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:14px;line-height:normal}}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation{float:none;width:100%;border-right:none;padding-right:0}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon{display:none}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div{padding-bottom:15px;border-bottom:solid 1px #bbb}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div *{display:block;text-align:left}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a{font-size:14px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts,.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered{margin-left:0}}@media screen and (max-width: 480px){.ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div{padding-bottom:15px}}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{width:77%;float:left;padding-left:2%;margin-left:3%}@media screen and (max-width: 1024px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{width:70%}}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content{float:none;margin-left:0;width:100%;margin-top:20px}}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text{padding:0;margin:0;font-size:12px;line-height:normal;padding-top:10px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p{font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text ul{list-style-type:disc;padding:0 20px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text ul li{font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote{background:#fff;color:#333;border:none;margin:0 0 15px 0}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user{color:#333;font-size:12px;font-weight:400;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a{color:#333;font-size:12px;font-weight:400;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text{margin-top:10px;font-style:italic;color:#bbb;font-size:12px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before{content:"\f10e";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:30px;color:#0067b1;margin-right:10px;vertical-align:top}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote{margin:-30px 0 10px 35px;padding:0}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before{font-size:20px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{border-bottom:solid 1px #bbb;padding-bottom:5px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu{float:right}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a{font-weight:400;font-size:12px;line-height:normal}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon{padding-left:0;position:relative;top:-4px}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date{float:left;font-size:12px;line-height:normal;color:#333;font-style:normal;font-size:13px;color:#bbb}@media screen and (max-width: 768px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{position:absolute;top:30px;right:30px;border-bottom:none}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date{float:none;display:inline-block}.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu{float:none;margin-left:10px;display:inline-block}}@media screen and (max-width: 480px){.ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation{position:relative;top:0;text-align:right;right:auto;border-bottom:none}}.ce-osbee-forum-singlepost+.ce-osbee-forum-singlepost{border-top:solid 1px #bbbbbb}.ce-osbee-forum-singlepost:first-of-type{margin-top:30px}.f3-widget-paginator{margin:40px 0 30px 0;text-align:right}.osbee-forum-empty{display:none}.osbee-forum-empty.enable{display:block}p.tx-srfeuserregister-pi1-error{font-size:13px;line-height:normal}.blogContentFullWidth{margin-top:25px}.blogContent{float:left;width:73.78%;width:calc(100% - 32.85%);display:block;max-width:740px;padding:50px 0;margin-right:4.85%;padding-top:0}.blogContent a{color:#0067b1}@media screen and (max-width: 1020px){.blogContent{width:100%;max-width:none;margin-right:0;float:none}}.blogSidebar{float:left;width:23.30%;width:calc(100% - 72%);max-width:240px;display:block;padding:50px 0;padding-top:0;margin-top:40px}@media screen and (max-width: 1020px){.blogSidebar{float:none;width:100%;max-width:none}}.blogSidebar .csc-header{width:100%;text-align:left}.blogSidebar h3,.blogSidebar h1,.blogSidebar h2,.blogSidebar .ce-table table caption,.ce-table table .blogSidebar caption{display:inline-block;width:100%;padding:0 0 3px 0;border-bottom:solid 2px #fc0;font-weight:bold;margin:0 0 10px 0;font-size:16px;line-height:normal;text-transform:none;text-align:left}.blogSidebar .news{padding:0;margin-bottom:40px}.blogSidebar .blog-subscribe h2,.blogSidebar .blog-subscribe .ce-table table caption,.ce-table table .blogSidebar .blog-subscribe caption{display:inline-block;width:100%;padding:0 0 3px 0;border-bottom:solid 2px #fc0;font-weight:bold;margin:0 0 10px 0;font-size:16px;line-height:normal;text-transform:none;text-align:left}.blogSidebar .blog-subscribe h2:after,.blogSidebar .blog-subscribe .ce-table table caption:after,.ce-table table .blogSidebar .blog-subscribe caption:after{display:none}.blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice{font-style:normal;margin:0;font-size:15px;line-height:normal}.blogSidebar .blog-subscribe .terms{margin-top:15px}.blogSidebar .blog-subscribe .terms .termsInputContainer{float:left;width:10%;text-align:left}.blogSidebar .blog-subscribe .terms .termsInputContainer input{width:15px;height:15px;border:solid 1px #c6c6c6;background:#fff}.blogSidebar .blog-subscribe .terms p{float:left;width:90%;font-size:12px;line-height:normal}.blogSidebar .blog-subscribe .terms p a{padding-left:0;background-image:none;font-weight:400;font-size:12px;line-height:normal}.blogSidebar .blog-subscribe .terms p span{display:none}.blogSidebar .blog-subscribe .firstname input,.blogSidebar .blog-subscribe .email input{margin-top:0}.news-list-view h3{margin:0}.news-list-view h3 a{text-decoration:none}.news-list-view h3 a span{font-size:18px;color:#333;font-weight:normal}.news-list-view h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.news-list-view .header{display:inline-block;width:100%;max-width:470px;max-width:450px;margin-bottom:15px}.news-list-view .article{clear:both;height:210px;height:auto;border-bottom:1px solid #fc0}.news-list-view .article .footer{display:none}.news-list-view .no-media-element img{width:250px;height:187px}.news-list-view .more{font-size:15px;line-height:normal;vertical-align:bottom}.news-list-view .news-img-wrap{display:inline-block;margin:0 !important;padding:0;max-width:250px;height:100%;width:26%}.news-list-view .news-img-wrap img{max-width:100%;height:auto}.news-list-view .news-img-wrap a{margin:0;padding:0;border:0;max-width:100%}@media screen and (max-width: 640px){.news-list-view .news-img-wrap{display:none}}.news-list-view .news-content-wrap{width:72%;float:left;margin-left:2%}.news-list-view .news-content-wrap h3{margin-bottom:20px}@media screen and (max-width: 640px){.news-list-view .news-content-wrap{float:none;width:100%;margin-left:0}}.news-list-view .teaser-text>span{display:block}.news-list-view .teaser-text ul,.news-list-view .teaser-text ol{padding-left:0;margin-left:15px}.news-list-view .teaser-text .more{display:block;margin-top:15px}.news-single{padding:0;margin-top:40px}.news-single .header h3{font-size:18px;color:#333;font-weight:normal;margin-bottom:25px;margin-top:10px}.news-single .header h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.news-single .news-text-wrap p{color:#333}.news-single .footer{border-top:1px solid #fc0;margin-bottom:40px;padding:0;padding-top:20px;text-align:right}.news-single .footer p{font-weight:bold;color:#333;margin-bottom:0}.news-single .footer span span{padding-right:0;margin-right:0}.news-single .footer .socialmedia{display:none}.news-single .news-backlink-wrap a{font-size:15px;line-height:normal;font-weight:bold;color:#333;text-decoration:none}.news-single .article .news-img-wrap{width:100%;height:auto;margin-bottom:30px;float:none;margin:0;float:left;width:auto;margin-right:15px;margin-bottom:25px;max-width:350px}@media screen and (max-width: 768px){.news-single .article .news-img-wrap{max-width:none;float:none;margin-right:0;margin-bottom:15px;width:100%}}.news-single .article .news-img-wrap img{max-width:100%;height:auto}.news-single .shareThisPost{float:right;border-left:solid 1px #ddd;padding-left:10px}.news-single .news-list-category span{display:inline-block;font-size:13px;border-right:none}.news-single .news-list-category span+span:before{content:"|";display:inline-block;margin:0 5px 0 2px}@media screen and (max-width: 768px){.news-single .news-list-category{float:none;width:100%;display:block;margin-top:5px}.news-single .news-list-date{margin-top:5px}.news-single .shareThisPost{display:block;width:100%;float:none;padding-left:0;border-left:none}}.news p+ul{margin-top:15px}.blogSidebar .news ul li{padding-left:0;font-weight:700}.blogSidebar .news ul li ul li{font-weight:400}.blogSidebar .news ul li:before{display:none}.csc-header{margin:0;padding:0;display:inline-block}.blog-commentContainer{background:#ececec;padding:15px 10px}.blog-commentContainer form{margin-bottom:20px;padding-bottom:30px;border-bottom:solid 1px #bbbbbb}.blog-commentContainer form h3{margin:5px 0 0 0}.blog-commentContainer form textarea{resize:none;height:120px;padding:10px;width:100%;margin-top:10px;color:#bbb;font-size:18px;line-height:normal}.blog-commentContainer form textarea+p{font-size:14px;line-height:normal;color:#bbb;text-align:right}.blog-commentContainer form input[type="submit"]{display:inline-block;font-size:15px;line-height:normal;color:#fff;border:none;outline:none;text-align:center;background:#0067b1;text-transform:uppercase;padding:15px;min-width:160px;margin-top:-10px;font-weight:700;cursor:pointer}.toctoc-comments-pi1{border-bottom:1px solid transparent}.tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child{display:none}.tx-tc-ct-ry-report-line{text-align:right;font-size:12px;line-height:normal}.tx-tc-cts-ct-box+.tx-tc-cts-ct-box{border-top:solid 1px #c6c6c6;padding-top:15px !important}.tx-tc-cts-ct-box+.tx-tc-cts-ct-box.replyAnswer{border-top:none}.blog-usercomment{margin-left:0 !important}.blog-usercomment h3{margin-bottom:5px;margin-top:0}.blog-usercomment h3 time{display:inline-block}.blog-usercomment h3 .tx-tc-popularity-pic{display:none}.blog-usercomment+.blog-usercomment{margin-top:25px}.tx-tc-indent-subcmt{background:#fff;padding:15px 10px !important;margin-left:30px;position:relative}.tx-tc-indent-subcmt h3{margin-bottom:10px;margin-top:0}.tx-tc-indent-subcmt h3 time{display:inline-block}.tx-tc-indent-subcmt h3 .tx-tc-popularity-pic{display:none}.tx-tc-indent-subcmt:before,.tx-tc-indent-subcmt:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.tx-tc-indent-subcmt:before{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.tx-tc-indent-subcmt:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:15px;margin-left:-200px}.new-socialmedia{font-size:15px}.new-socialmedia i{font-size:22px}.tx-tc-dtadyn{padding:0 25px !important}.tx-tc-ct-form-field-upload{display:none !important}.tx-tc-width100-85{width:100%;float:none !important}.tx-tc-ct-form-gender{display:none}.tx-tc-ct-form-field{margin-top:5px}.tx-tc-ct-form-field input{background:#fff !important;border:solid 1px #c6c6c6;color:#333 !important}.tx-tcfh112{opacity:1 !important}.tx-tc-ct-reqhint{font-size:12px !important;line-height:normal !important}.latest-news-container{background:#ececec;padding:40px 0}.latest-news-container .startpage-latesnews{float:left;width:calc((100% - 60px) / 3);border-bottom:solid 1px #fc0;padding-bottom:20px;position:relative}.latest-news-container .startpage-latesnews .news-img-wrap{width:100%;margin-bottom:15px;max-width:none;vertical-align:bottom;display:table-cell}.latest-news-container .startpage-latesnews .news-img-wrap a{display:block}.latest-news-container .startpage-latesnews .news-img-wrap img{width:100%;display:block;height:auto}.latest-news-container .startpage-latesnews .header{width:100%;height:auto}.latest-news-container .startpage-latesnews .header h3{font-weight:400}.latest-news-container .startpage-latesnews .header h3 span{font-size:14px;line-height:19.6px;font-size:.875rem;line-height:1.225rem}.latest-news-container .startpage-latesnews .header h3:after{display:none}.latest-news-container .startpage-latesnews+.startpage-latesnews{margin-left:30px}@media screen and (max-width: 768px){.latest-news-container .startpage-latesnews{float:none;width:100%}.latest-news-container .startpage-latesnews .news-img-wrap{width:25%;margin-right:5%;float:left}.latest-news-container .startpage-latesnews .teaser-header-container{float:left;width:70%;padding-left:25px}.latest-news-container .startpage-latesnews .teaser-header-container .header{margin-bottom:0}.latest-news-container .startpage-latesnews .teaser-header-container .header h3 span{font-size:15px;line-height:normal}.latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more{margin-top:5px}.latest-news-container .startpage-latesnews+.startpage-latesnews{margin-left:0;margin-top:30px}}@media screen and (max-width: 520px){.latest-news-container .startpage-latesnews .news-img-wrap{display:none}.latest-news-container .startpage-latesnews .teaser-header-container{float:none;width:100%}}.rss-feed-button{padding-bottom:50px}.rss-feed-button a{width:100%;text-align:center}.rss-feed-button a i{font-size:16px}.new-socialmedia{padding-right:0 !important}.shariff .orientation-horizontal{display:block !important;-ms-flex-wrap:none !important;flex-wrap:none !important;text-align:right !important}.shariff .orientation-horizontal.col-5 li{-ms-flex:none !important;flex:none !important;min-width:0 !important;max-width:none;width:auto !important;margin-right:10px !important;margin-left:0 !important;padding:0;float:none;display:inline-block;margin-bottom:0}.shariff .orientation-horizontal.col-5 .fa{border-right:none !important;padding-right:0;margin-right:0;width:auto !important;line-height:normal;font-size:13px !important}.shariff .orientation-horizontal.col-5 .share_text{display:none}.shariff .theme-grey .shariff-button.info{border:none;padding-left:5px}.shariff .theme-grey .shariff-button.info .share_text{display:none !important}.shariff .theme-grey .shariff-button.info a{color:#000}.shariff .theme-grey .shariff-button a{background:transparent !important;background-color:transparent !important;height:auto;line-height:normal}.shariff .theme-grey .shariff-button a span{color:#333}.shariff .theme-grey .shariff-button a span:before{color:#333}.toctoc-comments-pi1.tx-tc-responsive{font-family:"Open Sans",sans-serif;border:none !important;padding:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu{border:none;margin-bottom:25px;font-size:15px;line-height:normal;border-bottom:solid 1px #0067b1;padding-bottom:10px;background:transparent}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover{border-bottom:solid 1px #0067b1;background:transparent !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle{color:#333}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop{width:18px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt{height:auto !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea{height:150px;padding:10px 15px !important;font-size:15px;line-height:normal !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin{background:#be1622;color:#fff;font-size:15px;padding:5px 10px;margin-left:4.5% !important;font-family:"Open Sans",sans-serif;opacity:1;border-radius:0;border:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp{opacity:1 !important}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage{height:auto}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm{margin-bottom:20px}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis{height:auto;margin-bottom:20px}.toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav{height:auto;width:100% !important;border:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight{background:transparent;border:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel{padding:10px;right:-2px;top:28px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox{font-size:14px;line-height:normal;font-weight:600;color:#0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink{color:#0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected{color:#be1622}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular{border:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box{margin:0;padding:0 10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate{font-size:12px;line-height:normal;color:#333;display:block;margin-top:2px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text{font-size:15px;line-height:normal;color:#333}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img{display:none}@media screen and (max-width: 480px){.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text{font-size:12px;line-height:normal}}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box+.tx-tc-cts-ct-box{margin-top:25px;padding-top:25px !important;border-top:solid 1px #0067b1}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply{border:none !important;padding:0 !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt{padding-left:25px !important;width:100% !important;background:#f6f7f8;padding-top:0px !important;border-top:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after{display:none !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox{position:relative;background:#fff;border:4px solid #fff;padding:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after,.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before{bottom:100%;left:12%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after{border-color:rgba(191,30,46,0);border-bottom-color:#fff;border-width:25px;margin-left:-25px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before{border-color:rgba(191,30,46,0);border-bottom-color:#fff;border-width:20px;margin-left:-20px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32{padding:0;height:32px;margin-right:10px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text{padding-top:0 !important}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate{margin-left:42px}.toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp{margin-left:25px !important;width:calc(100% - 25px) !important}.tx-felogin-pi1{background-color:#ececec;padding:30px 17px 70px 17px;margin-bottom:50px}.tx-felogin-pi1 h3{font-family:"Quicksand",sans-serif;font-weight:700;text-transform:uppercase;color:#333;font-size:24px;line-height:normal;text-align:left;margin-bottom:20px}.tx-felogin-pi1 h3:after{content:"";display:block;width:50px;height:5px;background:#fc0;margin:10px 0 0 0}.tx-felogin-pi1 form fieldset{border:none;padding:0}.tx-felogin-pi1 form fieldset>div{width:400px}.tx-felogin-pi1 form fieldset>div>div{border:1px solid #c6c6c6;display:inline-block;float:left;width:49%;height:53px;line-height:53px;margin-top:20px;padding-left:10px}.tx-felogin-pi1 form fieldset>div>div:first-child{margin-right:2%}.tx-felogin-pi1 form fieldset>div label{display:inline-block}.tx-felogin-pi1 form fieldset>div input[type="text"],.tx-felogin-pi1 form fieldset>div input[type="password"]{width:100%;height:55px;border:1px solid #c6c6c6;padding:10px;color:#333;font-size:15px}.tx-felogin-pi1 form fieldset>div input[type="submit"]{background:#0067b1 none repeat scroll 0% 0%;font-size:1rem;line-height:1.4rem;text-transform:uppercase;color:#fff;padding:15px 60px;margin-top:20px;border:medium none;outline:medium none;font-weight:700;cursor:pointer;width:100%}@media screen and (max-width: 485px){.tx-felogin-pi1 form fieldset>div{width:100%}.tx-felogin-pi1 form fieldset>div>div{width:100%}.tx-felogin-pi1 form fieldset>div>div:first-child{margin-right:0}}.tx-felogin-pi1 .felogin-links{padding-top:4px;width:400px}.tx-felogin-pi1 .felogin-links>div{display:inline-block;float:right}.tx-felogin-pi1 .felogin-links>div:first-child{float:left}.tx-felogin-pi1 .felogin-links>div a{color:#333;font-weight:normal}@media screen and (max-width: 485px){.tx-felogin-pi1 .felogin-links{width:100%}.tx-felogin-pi1 .felogin-links>div{display:block;float:none;margin-top:5px}.tx-felogin-pi1 .felogin-links>div:first-child{float:none}}.tx-sy-osbeeproducts{padding:0 0 40px 0}.tx-sy-osbeeproducts h2,.tx-sy-osbeeproducts .ce-table table caption,.ce-table table .tx-sy-osbeeproducts caption{font-weight:700;color:#0067b1;font-size:18px;line-height:normal;display:block;margin:0 0 5px 0}.tx-sy-osbeeproducts .os_cartFactory,.tx-sy-osbeeproducts .os_cartApps{margin-bottom:40px}.tx-sy-osbeeproducts .os_cartFactory table,.tx-sy-osbeeproducts .os_cartApps table{border-spacing:0}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type{border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td,.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td{background:#ececec;padding:10px 0 10px 10px;height:40px;color:#313131;font-weight:700;border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){background:#d7d7d7;padding:10px}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3){text-align:right;border-left:none}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){text-align:right;border-left:none}.tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6){padding:10px 0;border-left:none;text-align:center;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row,.tx-sy-osbeeproducts .os_cartApps table tr.row{border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row td,.tx-sy-osbeeproducts .os_cartApps table tr.row td{background:#fff;padding:10px 0 10px 10px;color:#313131;font-weight:400;border-left:solid 1px #c6c6c6;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type{color:#0067b1;text-decoration:none;font-weight:700}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2){padding:0 10px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4){text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6){padding:10px 0;text-align:center;padding-left:10px;padding-right:10px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i{font-size:20px}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a{margin:0;padding:0;background:transparent;border:none;color:#be1622;font-size:20px;font-weight:700;text-decoration:none}.tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover,.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover{text-decoration:none}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td{font-size:15px;line-height:normal;border-left:solid 1px #c6c6c6;border-top:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type{font-size:15px;line-height:normal;font-weight:700;color:#333;text-align:left;padding:10px;background:#ececec;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2){font-size:15px;line-height:normal;font-weight:700;text-align:right;padding:10px;background:#d7d7d7;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5){font-weight:700;font-size:15px;line-height:normal;text-align:right;background:#ececec;padding:10px;height:40px}.tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type,.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type{min-height:1px;background:#ececec;height:40px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td{padding:10px;font-size:15px;font-weight:700;line-height:normal;background:#ececec;border-top:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2){background:#d7d7d7}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7){text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7),.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8){border-left:none}.tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8){border-right:solid 1px #c6c6c6;text-align:center}.tx-sy-osbeeproducts .os_cartApps table tr.row td{border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3){border-left:none;text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4){border-left:none;text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7),.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8){border-left:none;text-align:right;padding-right:10px}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8){padding:10px 0;text-align:center;padding-left:10px;padding-right:10px;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i{font-size:20px}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a{margin:0;padding:0;background:transparent;border:none;color:#be1622;font-size:20px;font-weight:700;text-decoration:none}.tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover{text-decoration:none}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td{padding:10px;border-top:none;font-weight:700}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3),.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4){background:#ececec}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type{border-left:none}.tx-sy-osbeeproducts .os_overviewModules{padding-bottom:80px;margin-bottom:80px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table{border-spacing:0}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td{padding:10px;font-weight:700;font-size:15px;line-height:normal;background:#ececec;border-top:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2){background:#d7d7d7;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type{border-left:none;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr.row td{font-size:15px;line-height:normal;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type{color:#0067b1;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type{border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td{font-weight:700;font-size:15px;line-height:normal;height:40px;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div{font-size:15px;line-height:normal;font-weight:700}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2){background:#d7d7d7;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3){background:#ececec;text-align:right}.tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type{background:#ececec;border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .os_cartSupport{margin-bottom:40px}.tx-sy-osbeeproducts .os_cartSupport>div{float:left;width:calc((100% - 30px) / 4);background:#ececec;border:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_cartSupport>div .radioSupportName{margin-top:10px;margin-right:10px;padding:10px;font-size:18px;line-height:normal;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:3px}.tx-sy-osbeeproducts .os_cartSupport>div .container{padding:10px}.tx-sy-osbeeproducts .os_cartSupport>div .container .radioSupport{width:20px;height:20px;display:inline-block;margin:0 5px 0 0;vertical-align:bottom}.tx-sy-osbeeproducts .os_cartSupport>div .container div{display:inline-block;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_cartSupport>div .container a{color:#0067b1;font-size:15px;text-decoration:none;display:block}.tx-sy-osbeeproducts .os_cartSupport>div .container a:hover{text-decoration:underline}.tx-sy-osbeeproducts .os_cartSupport>div:first-of-type .radioSupportName{background:#d1d1d1}.tx-sy-osbeeproducts .os_cartSupport>div:nth-of-type(2) .radioSupportName{background:#fc0}.tx-sy-osbeeproducts .os_cartSupport>div:nth-of-type(3) .radioSupportName{background:#777372}.tx-sy-osbeeproducts .os_cartSupport>div:last-of-type .radioSupportName{background:#3a3a3a}.tx-sy-osbeeproducts .os_cartSupport>div+div{margin-left:10px}.tx-sy-osbeeproducts .os_carAppSupport{margin-bottom:40px}.tx-sy-osbeeproducts .os_carAppSupport>div{float:left;width:calc((100% - 20px) / 3);background:#ececec;border:solid 1px #c6c6c6}.tx-sy-osbeeproducts .os_carAppSupport>div .radioAppSupportName{margin-top:10px;margin-right:10px;padding:10px;font-size:18px;line-height:normal;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tx-sy-osbeeproducts .os_carAppSupport>div .container{padding:10px}.tx-sy-osbeeproducts .os_carAppSupport>div .container .radioAppSupport{width:20px;height:20px;display:inline-block;margin:0 5px 0 0;vertical-align:bottom}.tx-sy-osbeeproducts .os_carAppSupport>div .container div{display:inline-block;font-weight:700;font-size:15px;line-height:normal}.tx-sy-osbeeproducts .os_carAppSupport>div .container a{color:#0067b1;font-size:15px;text-decoration:none;display:block}.tx-sy-osbeeproducts .os_carAppSupport>div .container a:hover{text-decoration:underline}.tx-sy-osbeeproducts .os_carAppSupport>div:first-of-type .radioAppSupportName{background:#88b3d6}.tx-sy-osbeeproducts .os_carAppSupport>div:nth-of-type(2) .radioAppSupportName{background:#3f83c0}.tx-sy-osbeeproducts .os_carAppSupport>div:nth-of-type(3) .radioAppSupportName{background:#105b9e}.tx-sy-osbeeproducts .os_carAppSupport>div+div{margin-left:10px}.tx-sy-osbeeproducts .overviewSupport{margin-bottom:80px;padding-bottom:80px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table{border-spacing:0}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td{font-size:15px;line-height:normal;font-weight:700;padding:10px;background:#ececec;border-top:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type{border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type{text-align:right;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td{font-size:15px;line-height:normal;padding:10px;border-bottom:solid 1px #c6c6c6;border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport{font-weight:700;color:#0067b1;font-size:15px}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2){border-left:none}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type{border-left:none;border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td{font-size:15px;line-height:normal;padding:10px;border-left:solid 1px #c6c6c6;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type{border-right:solid 1px #c6c6c6;border-left:none}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td{background:#ececec;height:40px;font-weight:700;font-size:15px;line-height:normal;padding:10px;border-bottom:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type{border-left:solid 1px #c6c6c6}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4){text-align:right}.tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type{border-right:solid 1px #c6c6c6}.tx-sy-osbeeproducts .lastStep{border:solid 1px #c6c6c6;background:#ececec}.tx-sy-osbeeproducts .lastStep table{border-spacing:0}.tx-sy-osbeeproducts .lastStep table tr td{padding:0 10px 2px 10px;font-size:15px;line-height:normal;text-align:right}.tx-sy-osbeeproducts .lastStep table tr:first-of-type td{padding-top:10px}.tx-sy-osbeeproducts .lastStep table tr:last-of-type td{font-weight:700;padding-bottom:10px}.tx-sy-osbeeproducts .linkInActive{background:#bbbbbb;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:left;margin-top:20px;border:none;cursor:pointer}.tx-sy-osbeeproducts .tooltipp{display:none;position:absolute;background-color:#dddddd;padding:10px 20px;color:black;font-size:18px;margin-left:120px;float:left;margin-top:20px}.tx-sy-osbeeproducts .checkoutOption{margin-top:20px}.tx-sy-osbeeproducts .checkoutOption .checkoutSubmit{background:#be1622;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:right;border:none;cursor:pointer}.tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue{background:#0067b1;color:#fff;padding:10px 20px;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;float:left;border:none;cursor:pointer}.step3YourData,.mp-contentContainer.checkout .step3YourOrder{padding-bottom:80px;margin-bottom:80px;border-bottom:solid 1px #bcbcbc;border-spacing:0;width:100%}.step3YourData caption,.mp-contentContainer.checkout .step3YourOrder caption{font-weight:700;color:#1268b3;font-size:18px;line-height:normal;display:block;margin:0 0 2px 0;text-align:left}.step3YourData tr:first-of-type td,.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td{padding:10px;font-weight:700;font-size:14px;line-height:normal;background:#f5f5f5;border-top:solid 1px #bcbcbc;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc}.step3YourData tr:first-of-type td:nth-of-type(2),.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2){background:#d7d7d7}.step3YourData tr:first-of-type td:last-of-type,.mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type{border-left:none;border-right:solid 1px #bcbcbc}.step3YourData tr.row td,.mp-contentContainer.checkout .step3YourOrder tr.row td{font-size:14px;line-height:normal;padding:10px;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.step3YourData tr.row td:first-of-type,.mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type{color:#1268b3;font-weight:700;font-size:14px;line-height:normal;border-right:none}.orderlist table{margin-bottom:80px;border-spacing:0;width:100%}.orderlist table caption{font-weight:700;color:#1268b3;font-size:18px;line-height:normal;display:block;margin:0 0 2px 0;text-align:left}.orderlist table tr:first-of-type th{padding:10px;font-weight:700;font-size:14px;line-height:normal;background:#f5f5f5;border-top:solid 1px #bcbcbc;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc;text-align:left}.orderlist table tr:first-of-type th:nth-of-type(3){text-align:center}.orderlist table tr:first-of-type th:nth-of-type(4){text-align:right}.orderlist table tr:first-of-type th:last-of-type{border-right:solid 1px #bcbcbc}.orderlist table tr td{font-size:14px;line-height:normal;padding:10px;border-left:solid 1px #bcbcbc;border-bottom:solid 1px #bcbcbc}.orderlist table tr td:nth-of-type(3){text-align:center}.orderlist table tr td:nth-of-type(4){text-align:right}.orderlist table tr td:last-of-type{border-right:solid 1px #bcbcbc}.step3YourOrder{width:100%;border-spacing:0;margin-bottom:80px}.step3YourOrder caption{text-align:left;font-size:18px;color:#0067b1;font-weight:700;padding-bottom:5px}.step3YourOrder tr td{font-size:14px;line-height:normal;padding:10px;border-top:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.step3YourOrder tr td:first-of-type{width:35%;font-weight:700;border-left:solid 1px #bcbcbc}.step3YourOrder tr:last-of-type td{border-bottom:solid 1px #bcbcbc}.step3YourOrder tr:nth-child(odd){background:#f5f5f5}.backToListButton{margin-bottom:40px}.mp-contentContainer.checkout h1{font-size:20px;line-height:normal;margin-bottom:80px;font-weight:700;text-transform:none}@media screen and (max-width: 480px){.mp-contentContainer.checkout h1{font-size:18px;margin-bottom:40px}}.mp-contentContainer.checkout .checkout_optionText{padding:25px 40px;border:solid 1px #bcbcbc}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_optionText{padding:15px 20px}}.mp-contentContainer.checkout .checkout_optionText strong{display:block;font-weight:700;color:#333;font-size:15px;line-height:normal}.mp-contentContainer.checkout .checkout_optionText p{margin:10px 0 0 0}.mp-contentContainer.checkout .checkout_paymentOption{padding:25px 40px;background:#f5f5f5;border:solid 1px #bcbcbc;margin-top:15px}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption{padding:15px 20px}}.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption{color:#333;margin-bottom:25px;font-size:24px;line-height:normal;text-transform:uppercase}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption h2,.mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption,.ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption{font-size:18px;line-height:normal}}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2),.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3){padding:15px 20px;border:solid 1px #bcbcbc;background:#fff}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input{display:inline-block}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label{vertical-align:bottom;display:inline-block;margin-left:10px;font-size:20px;font-weight:700;line-height:normal}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label{font-size:14px;line-height:normal;margin-left:5px}}.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2)+div,.mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3)+div{margin-top:10px}.mp-contentContainer.checkout .checkout_paymentOption input[type="submit"]{display:inline-block;margin-top:20px;background:#0067b1;border:none;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;line-height:normal;padding:8px 16px;cursor:pointer}@media screen and (max-width: 480px){.mp-contentContainer.checkout .checkout_paymentOption input[type="submit"]{font-size:14px;line-height:normal}}.mp-contentContainer.checkout .step3YourData,.mp-contentContainer.checkout .step3YourOrder{width:100%;border-spacing:0}.mp-contentContainer.checkout .step3YourData caption,.mp-contentContainer.checkout .step3YourOrder caption{text-align:left;font-size:18px;color:#0067b1;font-weight:700;padding-bottom:5px}.mp-contentContainer.checkout .step3YourData tr td,.mp-contentContainer.checkout .step3YourOrder tr td{font-size:15px;line-height:normal;padding:10px;border-top:solid 1px #bcbcbc;border-right:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr td:first-of-type,.mp-contentContainer.checkout .step3YourOrder tr td:first-of-type{width:35%;font-weight:700;border-left:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr:last-of-type td,.mp-contentContainer.checkout .step3YourOrder tr:last-of-type td{border-bottom:solid 1px #bcbcbc}.mp-contentContainer.checkout .step3YourData tr:nth-child(odd),.mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd){background:#f5f5f5}.mp-contentContainer.checkout .step3YourOrder{margin-top:40px}.mp-contentContainer.checkout .step3CheckoutButton{color:#fff;text-decoration:none;background:#0067b1;font-size:18px;line-height:normal;padding:8px 16px;border:none;cursor:pointer;display:inline-block;margin-top:20px}.checkout_thankyou{border:solid 1px #bcbcbc;padding:25px 40px;margin:40px 0}.checkout_thankyou strong{display:block;font-weight:700;color:#333;font-size:15px;line-height:normal}.checkout_thankyou p{margin:10px 0 0 0}.tx-contentpackage-checkoutFormular div{display:block}.tx-contentpackage-checkoutFormular div label{width:25%;text-align:right;padding-right:1em;float:left;height:55px;vertical-align:middle;line-height:55px}.tx-contentpackage-checkoutFormular div input{text-align:left;width:50%;float:left;height:55px;border:solid 1px #bbb;padding:10px}.tx-contentpackage-checkoutFormular div+div{margin-top:5px}@media screen and (max-width: 600px){.tx-contentpackage-checkoutFormular div label{display:block;width:100%;float:none;height:auto;text-align:left}.tx-contentpackage-checkoutFormular div input{float:none;display:block;width:100%}}.tx-contentpackage-checkoutFormular input[type="submit"]{background:#0067b1;font-size:15px;line-height:22.4px;font-size:1rem;line-height:1.4rem;text-transform:uppercase;color:#fff;padding:15px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer;margin-left:25%}@media screen and (max-width: 600px){.tx-contentpackage-checkoutFormular input[type="submit"]{margin-left:0}}.checkoutSteps{margin-bottom:40px;text-align:center}.checkoutSteps .step{display:inline-block;position:relative;background:#ccc;border:4px solid #fff;border-bottom:none;border-top:none;padding-left:10px;padding-right:10px;z-index:10;color:#fff;font-weight:700;font-size:16px;height:47px;line-height:46px}.checkoutSteps .step.active{background:#0067b1}.checkoutSteps .step.active:after{border-left-color:#0067b1}.checkoutSteps .step:after,.checkoutSteps .step:before{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.checkoutSteps .step:after{border-color:rgba(204,204,204,0);border-left-color:#ccc;border-width:23px;margin-top:-23px}.checkoutSteps .step:before{border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:28px;margin-top:-28px}.checkoutSteps .step+.step{padding-left:30px;z-index:9;margin-left:-4px}.checkoutSteps .step+.step+.step{z-index:8}.checkoutSteps .step+.step+.step+.step{z-index:7}.checkoutError{background:#be1622;color:#fff;font-weight:700;font-size:15px;line-height:normal;text-align:center;margin-bottom:40px;display:block;padding:5px 10px}.tx-indexedsearch-searchbox{padding-top:50px;padding-bottom:50px}.tx-indexedsearch-searchbox form label{font-size:16px;line-height:normal;color:#333;display:block}.tx-indexedsearch-searchbox form input[type="text"]{height:25px;border:solid 1px #c6c6c6;font-size:12px;min-width:280px;padding:0 5px}.tx-indexedsearch-searchbox form input[type="submit"]{display:block;background:#be1622;color:#fff;border:none;font-size:15px;padding:5px 10px;margin-top:5px;min-width:280px}.suchergebnis{padding-bottom:50px}.tx-indexedsearch-browsebox{list-style-type:none;margin:0;padding:0}.tx-indexedsearch-browsebox ul{list-style-type:none;margin-top:15px;margin-bottom:15px}.tx-indexedsearch-browsebox li{float:left}.tx-indexedsearch-browsebox li a{color:#c6c6c6;text-decoration:none}.tx-indexedsearch-browsebox li+li{margin-left:10px}.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a{color:#be1622}.tx-indexedsearch-browsebox+.tx-indexedsearch-res{margin-top:40px}.tx-indexedsearch-res+.tx-indexedsearch-res{margin-top:25px;padding-top:25px;border-top:solid 1px #c6c6c6}.tx-indexedsearch-res+.tx-indexedsearch-browsebox{margin-top:40px}.tx-srfeuserregister-pi1{margin-bottom:50px;float:left;width:70%}.tx-srfeuserregister-pi1 p{padding:0}.tx-srfeuserregister-pi1 p.textOverSendButton{position:relative;margin:0;padding:0;clear:both;margin-bottom:-10px;padding-top:25px}.tx-srfeuserregister-pi1 p.textOverSendButton+dt{display:none}.tx-srfeuserregister-pi1 .customRegisterCheckbox{position:relative;padding-left:30px;margin-top:10px}.tx-srfeuserregister-pi1 .customRegisterCheckbox p,.tx-srfeuserregister-pi1 .customRegisterCheckbox a{font-size:12px;line-height:normal}.tx-srfeuserregister-pi1 .customRegisterCheckbox a{background:transparent;padding-left:0}.tx-srfeuserregister-pi1 .customRegisterCheckbox input{position:absolute;left:0;top:1px}.tx-srfeuserregister-pi1 fieldset{border:none;padding:0;margin:0}.tx-srfeuserregister-pi1 fieldset legend{display:none}.tx-srfeuserregister-pi1 fieldset h2,.tx-srfeuserregister-pi1 fieldset .ce-table table caption,.ce-table table .tx-srfeuserregister-pi1 fieldset caption{font-size:18px;line-height:normal;text-align:left;margin:0 0 5px 0}.tx-srfeuserregister-pi1 fieldset h2:after,.tx-srfeuserregister-pi1 fieldset .ce-table table caption:after,.ce-table table .tx-srfeuserregister-pi1 fieldset caption:after{margin:10px 0 0 0}.tx-srfeuserregister-pi1 fieldset h2+p,.tx-srfeuserregister-pi1 fieldset .ce-table table caption+p,.ce-table table .tx-srfeuserregister-pi1 fieldset caption+p{margin:0 0 25px 0}.tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file{padding:30px 0}.tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label{font-size:15px;line-height:normal;display:block;margin-bottom:10px}.tx-srfeuserregister-pi1 fieldset label{height:55px;vertical-align:middle}.tx-srfeuserregister-pi1 fieldset dd{width:100%}.tx-srfeuserregister-pi1 fieldset dt{text-align:left}.tx-srfeuserregister-pi1 fieldset input[type="text"],.tx-srfeuserregister-pi1 fieldset input[type="password"],.tx-srfeuserregister-pi1 fieldset input[type="email"],.tx-srfeuserregister-pi1 fieldset input[type="date"],.tx-srfeuserregister-pi1 fieldset select{width:325px;width:100%;height:55px;border:solid 1px #bbb;padding:10px;color:#333;font-size:18px}.tx-srfeuserregister-pi1 fieldset input[type="submit"]{background:#0067b1;font-size:15px;line-height:normal;text-transform:uppercase;color:#fff;padding:15px;margin-top:30px;border:none;outline:none;font-weight:700;cursor:pointer;width:100%;text-align:center}.tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged{display:inline-block}.tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged+p{display:inline-block}.tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms{display:inline-block}.tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms+input[type="checkbox"]{float:left;margin-top:15px}.tx-srfeuserregister-pi1 fieldset input[type=password]{margin-right:0}.tx-srfeuserregister-pi1 fieldset .formwrap>div{float:left;width:48%}.tx-srfeuserregister-pi1 fieldset .formwrap>div.passwort input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.passwortagain input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.company input,.tx-srfeuserregister-pi1 fieldset .formwrap>div.jobrole input{width:100%}.tx-srfeuserregister-pi1 fieldset .formwrap>div+div{margin-left:3.5%}.tx-srfeuserregister-pi1 fieldset .jobrole input{margin-top:7px}.tx-srfeuserregister-pi1 fieldset .terms input{display:inline-block}.tx-srfeuserregister-pi1 fieldset .terms p{margin:0;display:inline-block}.tx-srfeuserregister-pi1 fieldset .terms p a{color:#0067b1;font-size:15px;line-height:normal;text-decoration:none}.tx-srfeuserregister-pi1 fieldset .terms p a:hover{text-decoration:underline}@media screen and (max-width: 800px){.tx-srfeuserregister-pi1{float:none;width:100%}.tx-srfeuserregister-pi1 dt{width:30%}.tx-srfeuserregister-pi1 dd{width:70%}}@media screen and (max-width: 600px){.tx-srfeuserregister-pi1 dt,.tx-srfeuserregister-pi1 dd{width:100%}.tx-srfeuserregister-pi1 dt{display:block;margin-top:5px;text-align:left}.tx-srfeuserregister-pi1 fieldset .formwrap>div{width:100%}.tx-srfeuserregister-pi1 fieldset .formwrap>div+div{margin-left:0}.tx-srfeuserregister-pi1 fieldset input[type="text"],.tx-srfeuserregister-pi1 fieldset input[type="password"],.tx-srfeuserregister-pi1 fieldset input[type="email"],.tx-srfeuserregister-pi1 fieldset input[type="date"],.tx-srfeuserregister-pi1 fieldset select{width:100%}}.editForm .leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{padding-top:0}.community-forum-news{padding:25px 0;background:#ececec}.community-forum-news>.inner>div{float:left;width:calc((100% - 20px) / 2)}.community-forum-news>.inner>div.news{margin-left:20px;padding-top:8px}@media screen and (max-width: 1100px){.community-forum-news>.inner>div.news .inner.small,.community-forum-news>.inner>div.news .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .community-forum-news>.inner>div.news .tx-felogin-pi1-inner{padding:0 !important}}.community-forum-news>.inner>div.news .latest-news-container{padding:0;margin-top:42px;padding-top:44px;padding-left:84px}@media screen and (max-width: 980px){.community-forum-news>.inner>div.news .latest-news-container{padding-top:0;margin-top:0;padding-left:0}}.community-forum-news>.inner>div.news .latest-news-container>h2,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption{text-align:left;position:relative;top:-44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container>h2,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption{top:auto}}.community-forum-news>.inner>div.news .latest-news-container>h2:after,.community-forum-news>.inner>div.news .ce-table table .latest-news-container>caption:after,.ce-table table .community-forum-news>.inner>div.news .latest-news-container>caption:after{margin:10px 0 10px 0}.community-forum-news>.inner>div.news .latest-news-container .startpage-article{position:relative;top:-44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-article{top:auto}}.community-forum-news>.inner>div.news .latest-news-container .startpage-article .more{position:relative;top:44px}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-article .more{top:auto}}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews{margin-top:20px;width:calc((100% - 30px) / 2)}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews .header{margin-top:10px}.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews .header h3 span{font-size:15px;font-weight:600;line-height:normal}@media screen and (max-width: 768px){.community-forum-news>.inner>div.news .latest-news-container .startpage-latesnews{width:100%}}.community-forum-news>.inner>div.tx-typo3forum-pi1>h2,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1>caption{text-align:left;text-transform:none}.community-forum-news>.inner>div.tx-typo3forum-pi1>h2:after,.ce-table table .community-forum-news>.inner>div.tx-typo3forum-pi1>caption:after{margin:10px 0 10px 0}.community-forum-news>.inner>div.tx-typo3forum-pi1 .ce-forum-latest-post>div{padding:10px}@media screen and (max-width: 980px){.community-forum-news>.inner>div{float:none;width:100%;margin-left:0 !important;max-width:none}}.zweispaltig-unterseiten-layout{max-width:1030px;width:100%;margin-left:auto;margin-right:auto}@media screen and (max-width: 1100px){.zweispaltig-unterseiten-layout{padding:0 25px}}.leftSidebar{float:left;width:23.30%;width:calc(100% - 72%);max-width:240px;display:block;padding:50px 0;padding-top:0;margin-top:40px;min-height:1px}.leftSidebar .leftMenu{float:none;width:100%;margin-top:0}.leftSidebar .inner.small,.leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner,.leftSidebar .inner{padding:0 !important}@media screen and (max-width: 767px){.leftSidebar{float:none;width:100%;margin-left:0;max-width:none;padding-bottom:0}.leftSidebar .leftMenu{margin-bottom:0;padding-bottom:0;margin-top:25px}.leftSidebar .leftMenu .profile-sidebar-content{margin-top:15px}}.rightContent{float:left;width:73.78%;width:calc(100% - 32.85%);display:block;max-width:740px;padding:50px 0;margin-left:4.85%;padding-top:0;min-height:1px;margin-top:40px}.rightContent .tx-srfeuserregister-pi1{float:none;width:100%;display:block;margin-bottom:40px}.rightContent .tx-srfeuserregister-pi1 input{padding:10px 15px}.rightContent .inner.small,.rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner,.rightContent .inner{padding:0 !important}@media screen and (max-width: 767px){.rightContent{float:none;width:100%;margin-left:0;max-width:none;margin-top:25px}}header.header{padding:0px 0 25px 0;max-height:133px;border-bottom:solid 5px #fc0;position:fixed;top:0;z-index:9999;left:0;right:0;background:#fff}header.header.compexHeader{height:100px;padding-top:25px}header.header.compexHeader .topMeta{display:none}header.header.compexHeader+*{margin-top:100px;display:block}@media screen and (max-width: 480px){header.header.compexHeader{height:72px;padding-top:15px;padding-bottom:15px}header.header.compexHeader+*{margin-top:72px}}header.header+*{margin-top:133px;display:block}@media screen and (max-width: 860px){header.header{height:155px;max-height:155px}header.header+*{margin-top:155px}}@media screen and (max-width: 480px){header.header{height:200px;max-height:200px}header.header+*{margin-top:200px}}@media screen and (max-width: 460px){header.header{max-height:120px;height:120px}header.header+*{margin-top:120px}}header.header .topMeta{width:100%;background:#f5f5f5;margin-bottom:20px;height:30px;line-height:30px}@media screen and (max-width: 860px){header.header .topMeta{height:auto}}header.header .topMeta .left{float:left;color:#333;font-size:12px;font-weight:600;line-height:30px}@media screen and (max-width: 860px){header.header .topMeta .left{float:none;width:100%;text-align:center}}@media screen and (max-width: 460px){header.header .topMeta .left{display:none}}header.header .topMeta .right{float:right}header.header .topMeta .right form{position:relative;float:left;margin-right:5px}header.header .topMeta .right form input[type="text"]{border:0;background:#fff;padding:0 5px;height:24px;position:relative;padding-right:25px;font-size:12px;line-height:24px;top:-2px;margin-right:35px;margin-bottom:0}header.header .topMeta .right form button{position:absolute;right:5px;top:1px;background:transparent;border:none;font-size:18px;color:#333}header.header .topMeta .right form button:before{content:"\f002";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 460px){header.header .topMeta .right form{display:none}}@media screen and (max-width: 860px){header.header .topMeta .right{float:none;width:100%;text-align:center;text-align:right}}header.header .topMeta a{text-decoration:none;text-transform:uppercase;color:#333;font-size:12px;line-height:normal;font-weight:600;padding:0 10px;border-left:solid 1px #333}header.header .topMeta a i{margin-right:3px}header.header .topMeta a:hover{text-decoration:underline}header.header .topMeta a:last-of-type{border-right:solid 1px #333}@media screen and (max-width: 860px){header.header .topMeta a{border-left:none}header.header .topMeta a:last-of-type{border-right:none;border-left:solid 1px #333;padding-left:14px}}@media screen and (max-width: 480px) and (min-width: 461px){header.header .topMeta a{display:block;float:none;margin-left:auto;margin-right:auto;width:100%;clear:both;padding-top:10px}header.header .topMeta a:last-of-type{border-left:none}}header.header .logo{float:left;display:block;max-width:215px}@media screen and (max-width: 480px){header.header .logo{max-width:180px}}header.header .logo img{max-height:50px}header.header nav{float:right}@media screen and (min-width: 1121px){header.header nav>ul>li{float:left;padding:14px 0;position:relative}header.header nav>ul>li>a{color:#333;text-decoration:none;font-weight:700;text-transform:uppercase;font-family:"Open Sans",sans-serif}header.header nav>ul>li>a i{display:none}header.header nav>ul>li+li{margin-left:25px}header.header nav>ul>li:last-of-type{margin-left:40px;background:#be1622;padding:14px 19px}header.header nav>ul>li:last-of-type a{color:#fff}header.header nav>ul>li:last-of-type:hover:before,header.header nav>ul>li:last-of-type.active:before{display:none !important}header.header nav>ul>li ul{display:none;position:absolute;width:170px;top:75px;background:#fff;z-index:99999;box-shadow:1px 1px 5px rgba(0,0,0,0.35)}header.header nav>ul>li ul li{display:block}header.header nav>ul>li ul li a{font-size:12px;font-weight:700;color:#333;text-decoration:none;line-height:14px;padding:14px 10px;display:block;text-transform:uppercase}header.header nav>ul>li ul li:hover,header.header nav>ul>li ul li.active{background:#be1622}header.header nav>ul>li ul li:hover a,header.header nav>ul>li ul li.active a{color:#fff}header.header nav>ul>li ul li+li{border-top:solid 1px #b7b7b7}header.header nav>ul>li:hover:after{content:"";position:absolute;left:0;right:0;bottom:-28px;width:100%;height:45px;cursor:pointer}header.header nav>ul>li:hover ul{display:block}header.header nav>ul>li:hover:before,header.header nav>ul>li.active:before{content:"";position:absolute;border-bottom:solid 2px #bf1e2e;height:2px;width:100%;top:38px}}@media screen and (max-width: 1120px){header.header nav{position:relative}header.header nav>ul{position:absolute;width:250px;right:0;box-shadow:1px 1px 5px rgba(0,0,0,0.5);z-index:999999;display:none}header.header nav>ul li{float:none;display:block;padding:0;width:100%;background:#fff}header.header nav>ul li.active{background:#be1622}header.header nav>ul li.active>a{color:#fff}header.header nav>ul li a{display:block;width:100%;padding:14px 60px 14px 10px;color:#333;text-decoration:none;font-weight:700;position:relative;text-transform:uppercase;font-family:"Open Sans",sans-serif}header.header nav>ul li a:hover{color:#fff;background:#be1622}header.header nav>ul li a i{display:inline-block;position:absolute;right:0;top:38%;margin-top:-18px;padding:16px}header.header nav>ul li a i.fa-chevron-up{display:none}header.header nav>ul li.open a i.fa-chevron-up{display:inline-block}header.header nav>ul li.open a i.fa-chevron-down{display:none}header.header nav>ul li+li{margin-left:0;border-top:solid 1px #b7b7b7}header.header nav>ul li>ul{display:none}header.header nav>ul li>ul li{background:#f9f9f9;border-top:solid 1px #b7b7b7}header.header nav>ul li>ul li a{font-size:13px;line-height:normal;padding:10px 10px 10px 30px}header.header nav>ul li>ul li.active a{color:#fff;background:#be1622}header.header nav>ul li.open>ul{display:block}header.header nav>ul>li:last-of-type{border-top:none}header.header nav>ul>li:last-of-type a{color:#fff;background:#be1622}header.header nav.active>ul{display:block;height:450px;overflow:scroll}}header.header .mobile-button{display:none;padding:10px 0;cursor:pointer}header.header .mobile-button i{font-size:40px}@media screen and (max-width: 640px){header.header .mobile-button{padding:5px 0 0 0}}@media screen and (max-width: 1120px){header.header .mobile-button{display:block}}body.compexCommerce header.header.compexHeader .topMeta{height:0px}body.compexCommerce header.header.compexHeader .topMeta .right{display:none}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type{margin-left:25px;background:transparent;padding:11px 0}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:after{content:"\f107";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;z-index:9600}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:hover:after{left:auto;right:auto;bottom:auto;position:relative;width:auto;height:auto}@media screen and (max-width: 1120px){body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch{padding:0;margin:0}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch:after{display:none}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch ul{width:100%;padding:0 10px 15px 10px;background:#be1622}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.languageSwitch ul li{background:#be1622;border-top:none}}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type>a{color:#333;position:relative;z-index:9600;font-size:13px;line-height:normal}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type img{vertical-align:middle;position:relative;z-index:9600}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type:hover:before,body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type.active:before{display:none !important}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type li a{color:#333;font-weight:700}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type li a:hover{color:#fff}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul{width:80px;padding-left:10px;top:0px;padding-top:47px;left:-10px;z-index:9500;padding-bottom:10px}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li img{vertical-align:middle}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li a{font-weight:700;padding:0;display:inline}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li:hover{background:transparent}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li:hover a{color:#333}body.compexCommerce header.header.compexHeader nav>ul>li:last-of-type ul li+li{border-top:none;padding-top:10px}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search:hover:before{display:none !important}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search .compexCommerce-openSearch i{display:block;font-size:18px;color:#333}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form{position:absolute;top:38px;right:0;display:none}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form.active{display:block;-webkit-animation:display-none-transition 1s both;animation:display-none-transition 1s both}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form div{position:relative}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form input[type="text"]{height:30px;padding:0 25px 0 5px;width:180px;border:solid 1px #be1622;outline:none}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form button{border:none;background:transparent;position:absolute;right:5px;top:5px}body.compexCommerce header.header.compexHeader nav>ul>li.cc-search form button i{font-size:15px;color:#be1622}@-webkit-keyframes display-none-transition{0%{opacity:0}100%{opacity:1}}@keyframes display-none-transition{0%{opacity:0}100%{opacity:1}}@media screen and (max-width: 1360px){header.header .topMeta,header.header .topMeta+div{padding:0 20px}}@media screen and (max-width: 1300px) and (min-width: 1121px){header.header nav>ul>li>a{font-size:13px;line-height:normal}header.header nav>ul>li:last-of-type{margin-left:20px}header.header nav>ul>li+li{margin-left:18px}}footer.footer{background:#333;padding:50px 0 15px 0}footer.footer div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner{margin-bottom:80px}footer.footer div.inner.small:nth-of-type(2),footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2),.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2){margin-bottom:0}footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element{margin-bottom:0;max-width:none;width:auto;float:left}footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small,footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner{padding-left:0;padding-right:0}@media screen and (max-width: 860px){footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element{float:none}}footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{margin:0;padding:0;list-style:none;float:left;width:calc(100% / 6)}footer.footer div.inner.small ul>a,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul>a,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul>a{color:#fff;font-size:13px;line-height:normal;font-weight:700;text-decoration:none}footer.footer div.inner.small ul>a:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul>a:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul>a:after{content:"";display:block;width:75px;height:1px;background:#fc0;margin:10px 0 10px 0}footer.footer div.inner.small ul li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li{display:block}footer.footer div.inner.small ul li a,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a{display:block;color:#cecece;text-decoration:none;font-size:12px;line-height:normal;font-weight:400}footer.footer div.inner.small ul li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li+li{margin-top:5px}footer.footer div.inner.small ul.imprintList,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList{width:auto;float:right;margin-top:-4px}footer.footer div.inner.small ul.imprintList li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li{display:inline-block}footer.footer div.inner.small ul.imprintList li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li+li{margin-left:10px}footer.footer div.inner.small ul.imprintList li:after,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after{display:none}@media screen and (max-width: 860px){footer.footer div.inner.small ul.imprintList,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList{float:none !important;margin:10px 0 0 0;width:auto !important}}footer.footer div.inner.small p,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p{font-size:12px;line-height:normal;color:#fff;margin:0}@media screen and (max-width: 860px){footer.footer div.inner.small p,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p{float:none}}footer.footer div.inner.small+div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner+div.inner.small,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner+div.inner.small,footer.footer .tx-felogin-pi1 div.inner.small+div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.inner.small+div.tx-felogin-pi1-inner,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner+div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner+div.tx-felogin-pi1-inner{margin-bottom:0}@media screen and (max-width: 800px){footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{width:calc(100% / 3)}footer.footer div.inner.small ul:nth-of-type(n+4),footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n+4),.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n+4){margin-top:20px}}@media screen and (max-width: 720px){footer.footer div.inner.small,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner{margin-bottom:50px}footer.footer div.inner.small ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul{float:none;width:100%}footer.footer div.inner.small ul li:first-of-type,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type{display:block}footer.footer div.inner.small ul li+li,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li+li,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li+li{margin-right:10px;display:inline-block}footer.footer div.inner.small ul+ul,footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul+ul,.tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul+ul{margin-top:20px}}.breadcrumbContainer{padding-top:11px;padding-bottom:11px}@media screen and (max-width: 1100px){.breadcrumbContainer{padding-top:11px !important;padding-bottom:11px !important}}.breadcrumbContainer ul li{color:#333;display:inline-block;font-size:13px;line-height:normal}.breadcrumbContainer ul li a{color:#999999;text-decoration:none;font-size:13px;line-height:normal}.breadcrumbContainer ul li:before{content:"\f015";color:#fc0;display:inline-block;margin-right:5px;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.breadcrumbContainer ul li+li{margin-left:5px}.breadcrumbContainer ul li+li:before{content:"\f054"}.breadcrumbContainer ul li:last-of-type a{color:#333}.mfp-image-holder .mfp-content{margin-top:50px;padding:0 25px}.mfp-image-holder .mfp-content figure{background:#fff}img.mfp-img{max-height:100% !important}.ce-video{padding:30px 0}.ce-video .left{float:left;max-width:500px;margin-right:30px}.ce-video .left video{max-width:100%;height:auto}.ce-video .right{float:left;max-width:500px}.ce-video .right h1,.ce-video .right h2,.ce-video .right .ce-table table caption,.ce-table table .ce-video .right caption,.ce-video .right h3{margin-top:0}.ce-video .right h2,.ce-video .right .ce-table table caption,.ce-table table .ce-video .right caption{text-align:left}.ce-video .right h2:after,.ce-video .right .ce-table table caption:after,.ce-table table .ce-video .right caption:after{margin:10px 0 0 0}.ce-forum-latest-post{margin-top:40px;max-width:83%}@media screen and (max-width: 980px){.ce-forum-latest-post{max-width:none}}.ce-forum-latest-post+.ce-forum-latest-post{margin-top:0}.ce-forum-latest-post:last-of-type{margin-bottom:40px;border-bottom:solid 1px #bbb}.ce-forum-latest-post h2,.ce-forum-latest-post .ce-table table caption,.ce-table table .ce-forum-latest-post caption{text-align:left}.ce-forum-latest-post h2:after,.ce-forum-latest-post .ce-table table caption:after,.ce-table table .ce-forum-latest-post caption:after{margin:10px 0 10px 0}.ce-forum-latest-post>div{display:block;width:100%;padding:12px;background:#fff;border-right:solid 1px #bbbbbb;border-left:solid 1px #bbbbbb;border-top:solid 1px #bbbbbb}.ce-forum-latest-post>div img{float:left;max-width:70px;margin-right:15px}.ce-forum-latest-post>div div h3{font-size:18px;line-height:normal;font-weight:700;color:#333;margin:0 0 0 0}.ce-forum-latest-post>div div h3 a{color:#333}.ce-forum-latest-post>div div p{font-weight:400;float:left}.ce-forum-latest-post>div div p+p{margin-left:10px}.tx-typo3forum-post-latest-box h2,.tx-typo3forum-post-latest-box .ce-table table caption,.ce-table table .tx-typo3forum-post-latest-box caption{text-align:left}.tx-typo3forum-post-latest-box h2:after,.tx-typo3forum-post-latest-box .ce-table table caption:after,.ce-table table .tx-typo3forum-post-latest-box caption:after{margin:10px 0 10px 0}.leftMenu{float:left;width:24.27%;margin-top:30px}@media screen and (max-width: 767px){.leftMenu{float:none;width:100%;margin-bottom:40px;padding-bottom:40px;border-bottom:solid 1px #bbbbbb}.leftMenu .profile-sidebar-content{display:none}.leftMenu .profile-sidebar-content.active{display:block}}.leftMenu h3{font-size:16px;line-height:normal;font-weight:700;color:#333;text-transform:uppercase;border-bottom:solid 2px #fc0;margin-bottom:15px}.leftMenu ul{margin:0;padding:0;list-style-type:none}.leftMenu ul li{display:block}.leftMenu ul li a{font-size:15px;line-height:normal;color:#333;text-decoration:none;font-weight:400;text-transform:uppercase}.leftMenu ul li.active a,.leftMenu ul li:hover a{font-weight:700;color:#333}.leftMenu ul li+li{margin-top:15px}.leftMenu+.tx-srfeuserregister-pi1,.leftMenu+*{width:74.75%;float:left;margin-left:0.97%;padding:30px 10px 0 10px}@media screen and (max-width: 767px){.leftMenu+.tx-srfeuserregister-pi1,.leftMenu+*{float:none;width:100%;margin-left:0;padding:0}}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice,.leftMenu+* .tx-srfeuserregister-pi1-notice{margin:0;font-style:normal;font-size:15px;line-height:normal}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash,.leftMenu+* .tx-srfeuserregister-pi1-trash{margin:0 0 10px 0}.leftMenu+.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a,.leftMenu+* .tx-srfeuserregister-pi1-trash a{background:transparent;padding-left:0;font-size:15px;line-height:normal;font-weight:400}.leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{float:left;width:32.46%;text-align:left;padding:17px 10px 16px 10px}@media screen and (max-width: 600px){.leftMenu+.tx-srfeuserregister-pi1 dt,.leftMenu+* dt{float:none;width:100%;padding:0 10px 0 0}}.leftMenu+.tx-srfeuserregister-pi1 dt label,.leftMenu+* dt label{font-size:15px;line-height:normal;color:#333}.leftMenu+.tx-srfeuserregister-pi1 dd,.leftMenu+* dd{float:left;width:66.23%;margin-left:1.29%}@media screen and (max-width: 600px){.leftMenu+.tx-srfeuserregister-pi1 dd,.leftMenu+* dd{float:none;width:100%;margin-left:0;margin-top:0}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="text"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="password"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="email"],.leftMenu+* dd input[type="text"],.leftMenu+* dd input[type="password"],.leftMenu+* dd input[type="email"]{margin-top:0}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="submit"],.leftMenu+* dd input[type="submit"]{margin-top:0}}.leftMenu+.tx-srfeuserregister-pi1 dd input[type="text"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="password"],.leftMenu+.tx-srfeuserregister-pi1 dd input[type="email"],.leftMenu+* dd input[type="text"],.leftMenu+* dd input[type="password"],.leftMenu+* dd input[type="email"]{width:100%;height:55px;vertical-align:middle;line-height:55px;padding:0 10px;font-size:15px;color:#333}.leftMenu+.tx-srfeuserregister-pi1 input[type="submit"],.leftMenu+* input[type="submit"]{float:right;margin-bottom:40px}.leftMenu .profile-sidebar{display:none;margin-top:15px}.leftMenu .profile-sidebar button{border:none;width:100%;display:block}@media screen and (max-width: 767px){.leftMenu .profile-sidebar{display:block}}.formular-sidebar{float:left;width:25%;margin-left:5%;padding-top:50px;padding-bottom:50px}.formular-sidebar .formular-sidebar-content{width:100%}.formular-sidebar .formular-sidebar-content+.formular-sidebar-content{margin-top:40px}.formular-sidebar h2,.formular-sidebar .ce-table table caption,.ce-table table .formular-sidebar caption{font-size:18px;line-height:normal;text-align:left;margin:0 0 5px 0}.formular-sidebar h2:after,.formular-sidebar .ce-table table caption:after,.ce-table table .formular-sidebar caption:after{margin:10px 0 0 0}.formular-sidebar img{margin-top:20px}.formular-sidebar p{font-size:13px;line-height:normal}.formular-sidebar .fontAwesome-list{margin-bottom:20px}.formular-sidebar .fontAwesome-list ul{margin:0;padding:0;list-style:none}.formular-sidebar .fontAwesome-list ul li{display:block;font-size:16px;line-height:normal;color:#333;font-weight:700}.formular-sidebar .fontAwesome-list ul li i{display:table-cell;font-size:22px;margin-right:10px;border-radius:50px;border:solid 2px #333;padding:10px;vertical-align:sub;float:left;height:46px;width:46px}.formular-sidebar .fontAwesome-list ul li span{margin:0;display:table-cell;vertical-align:middle;padding-left:10px;height:46px}@media screen and (max-width: 440px){.formular-sidebar .fontAwesome-list ul li span{width:80%}}@media screen and (max-width: 360px){.formular-sidebar .fontAwesome-list ul li span{width:70%}}.formular-sidebar .fontAwesome-list ul li+li{padding-top:10px;clear:both}@media screen and (max-width: 800px){.formular-sidebar{float:none;width:100%;margin-left:0;padding:0 0 50px 0}}.ui-icon{display:none !important}.compexCommerce .news-list-view .header{max-width:none}.cc_container .cc_btn{padding:8px 10px !important}body.compexCommerce main>*:first-child{margin-top:40px}body.compexCommerce main>.sliderContainer{margin-top:0 !important}body.compexCommerce main>.unterseiten-banner:first-child{margin-top:0} +/*# sourceMappingURL=screen.css.map */ diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/typo-welcome-validated.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/typo-welcome-validated.css new file mode 100644 index 0000000..b9b4b15 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/html/typo-welcome-validated.css @@ -0,0 +1,12703 @@ + /*typo welcome test*/ + .welcome-image::before { + content: url('../image/StartAppHere.png'); + } + + /* cyrillic-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); + /*unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;*/ + } + /* cyrillic */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); +/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ + } + /* greek-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); +/* unicode-range: U+1F00-1FFF; */ + } + /* greek */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); +/* unicode-range: U+0370-03FF; */ + } + /* vietnamese */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* cyrillic-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */ + } + /* cyrillic */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ + } + /* greek-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+1F00-1FFF; */ + } + /* greek */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0370-03FF; */ + } + /* vietnamese */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* cyrillic-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); +/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */ + } + /* cyrillic */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); +/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ + } + /* greek-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); +/* unicode-range: U+1F00-1FFF; */ + } + /* greek */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); +/* unicode-range: U+0370-03FF; */ + } + /* vietnamese */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* cyrillic-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); +/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */ + } + /* cyrillic */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); +/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ + } + /* greek-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); +/* unicode-range: U+1F00-1FFF; */ + } + /* greek */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); +/* unicode-range: U+0370-03FF; */ + } + /* vietnamese */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* vietnamese */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 300; + src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 300; + src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 300; + src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* vietnamese */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 400; + src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 400; + src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 400; + src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* vietnamese */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 700; + src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 700; + src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 700; + src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + + i.fa { + padding-left : 5px; + font-size : 0.9rem; + } + .bg-blue { + background-color : #0067b1; + } + .bg-darkblue { + background-color : #002f58; + } + .bg-red { + background-color : #be1622; + } + .bg-white { + background-color : #fff; + } + .button { + display : inline-block; + background : inherit; + color : inherit; + padding : 15px; + text-transform : uppercase; + font-weight : 700; + font-size : 15px; + line-height : normal; + text-decoration : none; + cursor : pointer; + } + .button i { + padding-right : 5px; + transition : all 0.5s; + font-size : 18px; + line-height : normal; + } + .button span + i { + padding-left : 5px; + transition : all 0.5s; + } + .button:hover { + text-decoration : none !important ; + } + .button:hover i { + padding-right : 10px; + transition : all 0.5s; + } + .button:hover span + i { + padding-left : 10px; + transition : all 0.5s; + } + span span { + background : inherit; + color : inherit; + } + .redbutton, .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .darkbluebutton, .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a { + display : inline-block; + background : none 0% 0% repeat scroll #be1622; + color : #FFF; + padding : 15px; + text-transform : uppercase; + font-weight : 700; + font-size : 15px; + line-height : normal; + text-decoration : none; + cursor : pointer; + border : none; + } + .redbutton:hover, .bluebutton:hover, .thirdSection .right a:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover, .darkbluebutton:hover, .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover, .whitebutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover { + text-decoration : none !important ; + } + .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a { + background-color : #0067b1; + } + .darkbluebutton { + background-color : #002f58; + text-align : left; + } + .darkbluebutton.arrowlink:after, .thirdSection .right a.darkbluebutton:after { + float : right; + } + .darkbluebutton.arrowlink:hover:after, .thirdSection .right a.darkbluebutton:hover:after { + padding-left : 30px; + } + .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton { + background-color : #f5f5f5; + color : #333; + } + .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover { + background-color : #0067b1; + color : #fff; + } + .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a { + background-color : #ffffff; + color : #333; + } + .arrowlink, .thirdSection .right a { + font-weight : 700; + text-decoration : none; + transition : all 0.5s; + } + .arrowlink:after, .thirdSection .right a:after { + font-family : 'FontAwesome'; + content : "\f178"; + padding-left : 5px; + font-size : 15px; + transition : all 0.7s; + display : inline-block; + } + .arrowlink:hover, .thirdSection .right a:hover { + text-decoration : none; + } + .arrowlink:hover:after, .thirdSection .right a:hover:after { + padding-left : 15px; + transition : all 0.5s; + } + .arrowlink.down:after, .thirdSection .right a.down:after { + content : "\f078"; + vertical-align : bottom; + } + .arrowlink.down.active:after, .thirdSection .right a.down.active:after { + content : "\f077"; + } + .keylink { + text-align : center; + color : #fff; + font-weight : 700; + font-size : 15px; + line-height : normal; + } + .keylink:before { + content : "\f084"; + font-family : 'FontAwesome'; + padding-right : 5px; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + .downloadlink { + text-align : center; + font-weight : 700; + text-decoration : none; + transition : all 0.5s; + min-height : 54px; + } + .downloadlink:after { + font-family : 'FontAwesome'; + content : "\f019"; + padding-left : 5px; + font-size : 15px; + transition : all 0.5s; + } + .downloadlink:hover { + font-size : 18px; + } + .downloadlink:hover:after { + font-size : 17px; + transition : all 0.5s; + } + .buttonContainer { + text-align : center; + } + .versal { + text-transform : uppercase; + } + .cf:before, .inner:before, body.contact .contactMain:before, .ce-twoCol-Box .boxen:before, .ce-twoCol-Box .boxen.withFontAwesome:before, .ce-twoCol-Box .boxen.withoutFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome div:before, .text-slide:before, .toggleContainer h3:before, .ce-threeBoxesWithOption:before, .ce-threeBoxesWithOption .inner div:before, .fontAwesome-list.twocol ul:before, .ce-os-bee:before, .ce-table:before, .service-formular:before, .service-formular .powermail_check_outer:before, .secondSection div.inner:before, .thirdSection:before, .thirdSection .inner:before, .newsletter:before, .newsletter .firstrow:before, .newsletter .secondrow:before, .newsletter .secondrow .inner:before, .ce-youtube-text:before, .ce-youtube-slider:before, .marketplace-wrapper:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:before, .marketplace-wrapper .mp-contentContainer .mp-filter ul:before, .marketplace-wrapper .mp-contentContainer .mp-content:before, .marketplace-wrapper .mp-contentContainer .mp-content article header:before, .marketplace-wrapper .mp-contentContainer .mp-content article footer:before, .mpdetail-content .mp-productInfo:before, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:before, .mpdetail-content .mp-productWrapper > ul:before, .tx-typo3forum-pi1 .forum_menu ul:before, .tx-typo3forum-pi1 .topic_list_menu ul:before, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #topic fieldset div:before, .tx-typo3forum-pi1 #post fieldset div:before, .tx-typo3forum-pi1 #report fieldset div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before, .ce-osbee-forum-singlepost:before, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before, .blogSidebar .blog-subscribe .terms:before, .news-list-view .article:before, .news-list-view .news-content-wrap:before, .latest-news-container:before, .latest-news-container .startpage-latesnews:before, .latest-news-container .startpage-latesnews .news-img-wrap a:before, .shariff .orientation-horizontal:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before, .tx-sy-osbeeproducts .os_cartSupport:before, .tx-sy-osbeeproducts .os_cartSupport > div .container:before, .tx-sy-osbeeproducts .os_carAppSupport:before, .tx-sy-osbeeproducts .os_carAppSupport > div .container:before, .tx-sy-osbeeproducts .checkoutOption:before, .tx-contentpackage-checkoutFormular div:before, .checkoutSteps:before, .tx-indexedsearch-browsebox:before, .tx-srfeuserregister-pi1 fieldset:before, .tx-srfeuserregister-pi1 fieldset .formwrap:before, .community-forum-news:before, .community-forum-news > .inner > div.news .latest-news-container:before, .zweispaltig-unterseiten-layout:before, header.header:before, header.header .topMeta:before, header.header .topMeta + div:before, header.header nav > ul:before, footer.footer div.inner.small:before, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before, .ce-video:before, .ce-forum-latest-post:before, .ce-forum-latest-post > div:before, .ce-forum-latest-post > div div:before, .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after { + content : " "; + display : table; + } + .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after { + clear : both; + } + html { + margin : 0; + padding : 0; + font-size : 15px; + line-height : normal; + } + html * { + box-sizing : border-box; + font-family : "Open Sans", sans-serif; + } + body { + margin : 0; + padding : 0; + counter-reset : olliste; + } + section, main, footer, nav, aside, article { + display : block; + } + img { + height : auto; + max-width : 100%; + } + figure { + margin : 0; + padding : 0; + } + ul { + margin : 0; + padding : 0; + list-style : none; + } + ::-webkit-input-placeholder { + color : #333333; + opacity : 1 !important ; + } + :-moz-placeholder { + color : #333333; + } + ::-moz-placeholder { + color : #333333; + } + :-ms-input-placeholder { + color : #333333; + } + input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color : #333333; + opacity : 1 !important ; + } + input:-moz-placeholder, textarea:-moz-placeholder { + color : #333333; + } + input::-moz-placeholder, textarea::-moz-placeholder { + color : #333333; + } + input:-ms-input-placeholder, textarea:-ms-input-placeholder { + color : #333333; + } + .unorderedList li, .clients ul li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li, .text-slide .left ul li, .ce-Image-Text-Element .einspaltig ul li, .toggleContainer ul li, .ce-threeBoxesWithOption .inner div article ul li, .fontAwesome-list ul li ul li, .fontAwesome-list.twocol ul li ul li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li, .ce-leftright > div figure + div ul li, .news ul li { + position : relative; + padding-left : 15px; + } + .unorderedList li:before, .clients ul li:before, .ce-twoCol-Box .boxen.withFontAwesome > div ul li:before, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li:before, .text-slide .left ul li:before, .ce-Image-Text-Element .einspaltig ul li:before, .toggleContainer ul li:before, .ce-threeBoxesWithOption .inner div article ul li:before, .fontAwesome-list ul li ul li:before, .fontAwesome-list.twocol ul li ul li:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before, .ce-leftright > div figure + div ul li:before, .news ul li:before { + content : "\f054"; + content : "\f111"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + position : absolute; + top : 7px; + left : 0; + color : #be1622; + font-size : 6px; + } + .unorderedList li + li, .clients ul li + li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li + li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li + li, .text-slide .left ul li + li, .ce-Image-Text-Element .einspaltig ul li + li, .toggleContainer ul li + li, .ce-threeBoxesWithOption .inner div article ul li + li, .fontAwesome-list ul li ul li + li, .fontAwesome-list.twocol ul li ul li + li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li + li, .ce-leftright > div figure + div ul li + li, .news ul li + li { + margin-top : 4px; + } + .unorderedList li ul, .clients ul li ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul li ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li ul, .text-slide .left ul li ul, .ce-Image-Text-Element .einspaltig ul li ul, .toggleContainer ul li ul, .ce-threeBoxesWithOption .inner div article ul li ul, .fontAwesome-list ul li ul li ul, .fontAwesome-list.twocol ul li ul li ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul, .ce-leftright > div figure + div ul li ul, .news ul li ul { + margin-top : 5px; + } + .unorderedList + p, .clients ul + p, .ce-twoCol-Box .boxen.withFontAwesome > div ul + p, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + p, .text-slide .left ul + p, .ce-Image-Text-Element .einspaltig ul + p, .toggleContainer ul + p, .ce-threeBoxesWithOption .inner div article ul + p, .fontAwesome-list ul li ul + p, .fontAwesome-list.twocol ul li ul + p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + p, .ce-leftright > div figure + div ul + p, .news ul + p, .unorderedList + ul, .clients ul + ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul + ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + ul, .text-slide .left ul + ul, .ce-Image-Text-Element .einspaltig ul + ul, .toggleContainer ul + ul, .ce-threeBoxesWithOption .inner div article ul + ul, .fontAwesome-list ul li ul + ul, .fontAwesome-list.twocol ul li ul + ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + ul, .ce-leftright > div figure + div ul + ul, .news ul + ul { + margin-top : 15px; + } + .inner { + max-width : 1325px; + margin : 0 auto; + } + .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner { + max-width : 1030px; + margin : 0 auto; + } + @media screen and (max-width:1100px) { + .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner { + padding : 0 25px; + } + } + main { + overflow : hidden; + } + body.contact .contactMain { + max-width : 1030px; + margin : 0 auto 0 auto; + } + h1, h2, .ce-table table caption, h3 { + margin : 0; + font-size : inherit; + line-height : normal; + } + .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { + font-family : "Quicksand", sans-serif; + font-size : 60px; + line-height : normal; + color : #333; + margin : 0 0 40px 0; + text-transform : uppercase; + font-weight : 300; + display : block; + } + @media screen and (max-width:1024px) { + .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { + font-size : 45px; + margin-bottom : 30px; + } + } + @media screen and (max-width:768px) { + .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { + font-size : 35px; + margin-bottom : 25px; + } + } + @media screen and (max-width:640px) { + .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { + font-size : 28px; + margin-bottom : 20px; + } + } + .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { + font-family : "Quicksand", sans-serif; + font-size : 60px; + line-height : normal; + color : #333; + margin : 0 0 40px 0; + text-transform : uppercase; + text-align : center; + font-weight : 300; + display : block; + } + @media screen and (max-width:1024px) { + .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { + font-size : 45px; + } + } + @media screen and (max-width:768px) { + .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { + font-size : 35px; + } + } + @media screen and (max-width:640px) { + .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { + font-size : 28px; + } + } + .headlineH2Center, p.headlineH2Center, .service-formular fieldset .powermail_legend, .sliderContainer p.headlineH2Center, .latest-news-container h2, .latest-news-container .ce-table table caption, .ce-table table .latest-news-container caption, .mp-contentContainer.checkout h1 { + font-family : "Quicksand", sans-serif; + font-weight : 400; + text-transform : uppercase; + color : #333; + font-size : 24px; + line-height : normal; + text-align : center; + display : block; + margin : 0 0 15px 0; + } + .headlineH2Center:after, .service-formular fieldset .powermail_legend:after, .sliderContainer p.headlineH2Center:after, .latest-news-container h2:after, .latest-news-container .ce-table table caption:after, .ce-table table .latest-news-container caption:after, .mp-contentContainer.checkout h1:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 10px auto 0 auto; + } + .headlineH2, p.headlineH2, .sliderContainer p.headlineH2, .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend, .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption { + font-family : "Quicksand", sans-serif; + font-weight : 400; + text-transform : uppercase; + color : #333; + font-size : 24px; + line-height : normal; + display : block; + margin : 0 0 15px 0; + } + .headlineH2:after, .sliderContainer p.headlineH2:after, .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #report fieldset legend:after, .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 10px 0 0 0; + } + .headlineH2withoutUnderline, .headlineH2withoutUnderlineLeft, p.headlineH2withoutUnderline, .sliderContainer p.headlineH2withoutUnderline { + font-size : 36px; + line-height : normal; + font-family : "Quicksand", sans-serif; + font-weight : 400; + color : #fff; + display : block; + margin : 0 0 15px 0; + text-align : center; + } + .headlineH2withoutUnderlineLeft { + text-align : left; + } + .headlineH3, p.headlineH3, .sliderContainer p.headlineH3 { + font-weight : 700; + font-size : 16px; + line-height : normal; + color : #333; + margin : 0 0 20px 0; + display : block; + } + .smallHeadlineWithUnderline, p.smallHeadlineWithUnderline, .sliderContainer p.smallHeadlineWithUnderline { + font-size : 18px; + line-height : normal; + font-weight : 700; + color : #333; + margin-bottom : 20px; + } + .smallHeadlineWithUnderline:after, .sliderContainer p.smallHeadlineWithUnderline:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 5px 0 0 0; + } + a { + color : #0067b1; + text-decoration : none; + font-weight : 700; + } + a span { + color : inherit; + } + a:hover { + text-decoration : underline; + } + a.arrowlink:hover, .thirdSection .right a:hover { + text-decoration : underline !important ; + } + a.arrowlink:hover:after, .thirdSection .right a:hover:after { + text-decoration : none !important ; + } + a.button:hover { + text-decoration : none !important ; + } + a.button:hover span { + text-decoration : none !important ; + } + span a { + color : inherit; + } + .textlinkarrow:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:after, .ce-table table tr td a:after, .ce-leftright > div figure + div a:after, .ce-youtube-text .right a:after, .news-list-view .more:after { + content : "\f178"; + transition : all 0.7s; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + font-weight : 700; + font-family : 'FontAwesome'; + padding-left : 5px; + transition : all 0.7s; + } + .textlinkarrow:hover, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover, .ce-table table tr td a:hover, .ce-leftright > div figure + div a:hover, .ce-youtube-text .right a:hover, .news-list-view .more:hover { + text-decoration : none; + } + .textlinkarrow:hover:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover:after, .ce-table table tr td a:hover:after, .ce-leftright > div figure + div a:hover:after, .ce-youtube-text .right a:hover:after, .news-list-view .more:hover:after { + padding-left : 10px; + } + .textlinkarrow.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a, .ce-table table tr td a.whitetextlinkarrow, .ce-leftright > div figure + div a, .ce-youtube-text .right a.whitetextlinkarrow, .ce-youtube-text .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-youtube-text .right a, .news-list-view .whitetextlinkarrow.more, .news-list-view .ce-leftright > div figure + div a.more, .ce-leftright > div figure + div .news-list-view a.more { + color : #fff; + } + h1, h2, .ce-table table caption, h3, h4, h5, h6 { + font-size : 15px; + line-height : normal; + margin : 0; + font-weight : 400; + } + p { + font-size : 15px; + line-height : normal; + margin : 0; + } + p + p, p + ul, p + ol { + margin-top : 15px; + } + p + h1, p + h2, .ce-table table p + caption, p + h3, p + .headlineH3, .sliderContainer p + p.headlineH3, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline, p + .smallHeadlineWithUnderline, .sliderContainer p + p.smallHeadlineWithUnderline, p + .headlineH2, .sliderContainer p + p.headlineH2, .tx-typo3forum-pi1 #topic fieldset p + legend, .tx-typo3forum-pi1 #post fieldset p + legend, .tx-typo3forum-pi1 #report fieldset p + legend, .mp-contentContainer.checkout .checkout_paymentOption p + h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table p + caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption p + caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > p + caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + caption, p + .headlineH2Center, .service-formular fieldset p + .powermail_legend, .sliderContainer p + p.headlineH2Center, .latest-news-container p + h2, .latest-news-container .ce-table table p + caption, .ce-table table .latest-news-container p + caption, .mp-contentContainer.checkout p + h1, p + .headlineH1Center, .sliderContainer p + p.headlineH1Center, p + .headlineH1, .sliderContainer p + p.headlineH1, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline { + margin-top : 25px; + } + p i { + font-style : italic; + } + p.bigText { + font-size : 18px; + line-height : normal; + } + p.bigText a { + font-size : 18px; + line-height : normal; + } + p.centeralign, p.align-center { + text-align : center; + } + p.leftalign, p.align-left { + text-align : left; + } + p.rightalign, p.align-right { + text-align : right; + } + ul li { + font-size : 15px; + line-height : normal; + } + a { + font-size : 15px; + line-height : normal; + } + .bigText { + font-size : 18px; + line-height : normal; + } + .centeralign, .align-center { + text-align : center; + } + .leftalign { + text-align : left; + } + .rightalign { + text-align : right; + } + .hvr-grow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { + transform : scale(1.1); + } + .hvr-shrink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { + transform : scale(0.9); + } + @keyframes hvr-pulse { + 25% { + transform : scale(1.1); + } + 75% { + transform : scale(0.9); + } + } + .hvr-pulse { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { + animation-name : hvr-pulse; + animation-duration : 1s; + animation-timing-function : linear; + animation-iteration-count : infinite; + } + @keyframes hvr-pulse-grow { + to { + transform : scale(1.1); + } + } + .hvr-pulse-grow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { + animation-name : hvr-pulse-grow; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : infinite; + animation-direction : alternate; + } + @keyframes hvr-pulse-shrink { + to { + transform : scale(0.9); + } + } + .hvr-pulse-shrink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { + animation-name : hvr-pulse-shrink; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : infinite; + animation-direction : alternate; + } + @keyframes hvr-push { + 50% { + transform : scale(0.8); + } + 100% { + transform : scale(1); + } + } + .hvr-push { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-push:hover, .hvr-push:focus, .hvr-push:active { + animation-name : hvr-push; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + @keyframes hvr-pop { + 50% { + transform : scale(1.2); + } + } + .hvr-pop { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { + animation-name : hvr-pop; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + .hvr-bounce-in { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.5s; + } + .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { + transform : scale(1.2); + transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36); + } + .hvr-bounce-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.5s; + } + .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { + transform : scale(0.8); + transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36); + } + .hvr-rotate { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { + transform : rotate(4deg); + } + .hvr-grow-rotate { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { + transform : scale(1.1) rotate(4deg); + } + .hvr-float { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-float:hover, .hvr-float:focus, .hvr-float:active { + transform : translateY(-8px); + } + .hvr-sink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { + transform : translateY(8px); + } + @keyframes hvr-bob { + 0% { + transform : translateY(-8px); + } + 50% { + transform : translateY(-4px); + } + 100% { + transform : translateY(-8px); + } + } + @keyframes hvr-bob-float { + 100% { + transform : translateY(-8px); + } + } + .hvr-bob { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { + animation-name : hvr-bob-float, hvr-bob; + animation-duration : 0.3s, 1.5s; + animation-delay : 0s, 0.3s; + animation-timing-function : ease-out, ease-in-out; + animation-iteration-count : 1, infinite; + animation-fill-mode : forwards; + animation-direction : normal, alternate; + } + @keyframes hvr-hang { + 0% { + transform : translateY(8px); + } + 50% { + transform : translateY(4px); + } + 100% { + transform : translateY(8px); + } + } + @keyframes hvr-hang-sink { + 100% { + transform : translateY(8px); + } + } + .hvr-hang { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { + animation-name : hvr-hang-sink, hvr-hang; + animation-duration : 0.3s, 1.5s; + animation-delay : 0s, 0.3s; + animation-timing-function : ease-out, ease-in-out; + animation-iteration-count : 1, infinite; + animation-fill-mode : forwards; + animation-direction : normal, alternate; + } + .hvr-skew { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { + transform : skew(-10deg); + } + .hvr-skew-forward { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + transform-origin : 0 100%; + } + .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { + transform : skew(-10deg); + } + .hvr-skew-backward { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + transform-origin : 0 100%; + } + .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { + transform : skew(10deg); + } + @keyframes hvr-wobble-vertical { + 16.65% { + transform : translateY(8px); + } + 33.3% { + transform : translateY(-6px); + } + 49.95% { + transform : translateY(4px); + } + 66.6% { + transform : translateY(-2px); + } + 83.25% { + transform : translateY(1px); + } + 100% { + transform : translateY(0); + } + } + .hvr-wobble-vertical { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { + animation-name : hvr-wobble-vertical; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-horizontal { + 16.65% { + transform : translateX(8px); + } + 33.3% { + transform : translateX(-6px); + } + 49.95% { + transform : translateX(4px); + } + 66.6% { + transform : translateX(-2px); + } + 83.25% { + transform : translateX(1px); + } + 100% { + transform : translateX(0); + } + } + .hvr-wobble-horizontal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { + animation-name : hvr-wobble-horizontal; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-to-bottom-right { + 16.65% { + transform : translate(8px,8px); + } + 33.3% { + transform : translate(-6px,-6px); + } + 49.95% { + transform : translate(4px,4px); + } + 66.6% { + transform : translate(-2px,-2px); + } + 83.25% { + transform : translate(1px,1px); + } + 100% { + transform : translate(0,0); + } + } + .hvr-wobble-to-bottom-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { + animation-name : hvr-wobble-to-bottom-right; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-to-top-right { + 16.65% { + transform : translate(8px,-8px); + } + 33.3% { + transform : translate(-6px,6px); + } + 49.95% { + transform : translate(4px,-4px); + } + 66.6% { + transform : translate(-2px,2px); + } + 83.25% { + transform : translate(1px,-1px); + } + 100% { + transform : translate(0,0); + } + } + .hvr-wobble-to-top-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { + animation-name : hvr-wobble-to-top-right; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-top { + 16.65% { + transform : skew(-12deg); + } + 33.3% { + transform : skew(10deg); + } + 49.95% { + transform : skew(-6deg); + } + 66.6% { + transform : skew(4deg); + } + 83.25% { + transform : skew(-2deg); + } + 100% { + transform : skew(0); + } + } + .hvr-wobble-top { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transform-origin : 0 100%; + } + .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { + animation-name : hvr-wobble-top; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-bottom { + 16.65% { + transform : skew(-12deg); + } + 33.3% { + transform : skew(10deg); + } + 49.95% { + transform : skew(-6deg); + } + 66.6% { + transform : skew(4deg); + } + 83.25% { + transform : skew(-2deg); + } + 100% { + transform : skew(0); + } + } + .hvr-wobble-bottom { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transform-origin : 100% 0; + } + .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { + animation-name : hvr-wobble-bottom; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-skew { + 16.65% { + transform : skew(-12deg); + } + 33.3% { + transform : skew(10deg); + } + 49.95% { + transform : skew(-6deg); + } + 66.6% { + transform : skew(4deg); + } + 83.25% { + transform : skew(-2deg); + } + 100% { + transform : skew(0); + } + } + .hvr-wobble-skew { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { + animation-name : hvr-wobble-skew; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-buzz { + 50% { + transform : translateX(3px) rotate(2deg); + } + 100% { + transform : translateX(-3px) rotate(-2deg); + } + } + .hvr-buzz { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { + animation-name : hvr-buzz; + animation-duration : 0.15s; + animation-timing-function : linear; + animation-iteration-count : infinite; + } + @keyframes hvr-buzz-out { + 10% { + transform : translateX(3px) rotate(2deg); + } + 20% { + transform : translateX(-3px) rotate(-2deg); + } + 30% { + transform : translateX(3px) rotate(2deg); + } + 40% { + transform : translateX(-3px) rotate(-2deg); + } + 50% { + transform : translateX(2px) rotate(1deg); + } + 60% { + transform : translateX(-2px) rotate(-1deg); + } + 70% { + transform : translateX(2px) rotate(1deg); + } + 80% { + transform : translateX(-2px) rotate(-1deg); + } + 90% { + transform : translateX(1px) rotate(0); + } + 100% { + transform : translateX(-1px) rotate(0); + } + } + .hvr-buzz-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { + animation-name : hvr-buzz-out; + animation-duration : 0.75s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + .hvr-fade { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + overflow : hidden; + transition-duration : 0.3s; + transition-property : color, background-color; + } + .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { + background-color : #2098d1; + color : white; + } + @keyframes hvr-back-pulse { + 50% { + background-color : rgba(32, 152, 209, 0.75); + } + } + .hvr-back-pulse { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + overflow : hidden; + transition-duration : 0.5s; + transition-property : color, background-color; + } + .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { + animation-name : hvr-back-pulse; + animation-duration : 1s; + animation-delay : 0.5s; + animation-timing-function : linear; + animation-iteration-count : infinite; + background-color : #2098d1; + background-color : #2098d1; + color : white; + } + .hvr-sweep-to-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-sweep-to-right:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleX(0); + transform-origin : 0 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { + color : white; + } + .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { + transform : scaleX(1); + } + .hvr-sweep-to-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-sweep-to-left:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleX(0); + transform-origin : 100% 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { + color : white; + } + .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { + transform : scaleX(1); + } + .hvr-sweep-to-bottom { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-sweep-to-bottom:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleY(0); + transform-origin : 50% 0; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { + color : white; + } + .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { + transform : scaleY(1); + } + .hvr-sweep-to-top { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-sweep-to-top:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleY(0); + transform-origin : 50% 100%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { + color : white; + } + .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { + transform : scaleY(1); + } + .hvr-bounce-to-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.5s; + } + .hvr-bounce-to-right:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleX(0); + transform-origin : 0 50%; + transition-property : transform; + transition-duration : 0.5s; + transition-timing-function : ease-out; + } + .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { + color : white; + } + .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { + transform : scaleX(1); + transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); + } + .hvr-bounce-to-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.5s; + } + .hvr-bounce-to-left:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleX(0); + transform-origin : 100% 50%; + transition-property : transform; + transition-duration : 0.5s; + transition-timing-function : ease-out; + } + .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { + color : white; + } + .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { + transform : scaleX(1); + transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); + } + .hvr-bounce-to-bottom { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.5s; + } + .hvr-bounce-to-bottom:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleY(0); + transform-origin : 50% 0; + transition-property : transform; + transition-duration : 0.5s; + transition-timing-function : ease-out; + } + .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { + color : white; + } + .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { + transform : scaleY(1); + transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); + } + .hvr-bounce-to-top { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.5s; + } + .hvr-bounce-to-top:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleY(0); + transform-origin : 50% 100%; + transition-property : transform; + transition-duration : 0.5s; + transition-timing-function : ease-out; + } + .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { + color : white; + } + .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { + transform : scaleY(1); + transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); + } + .hvr-radial-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + background : #e1e1e1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-radial-out:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + border-radius : 100%; + transform : scale(0); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { + color : white; + } + .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { + transform : scale(2); + } + .hvr-radial-in { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + background : #2098d1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-radial-in:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #e1e1e1; + border-radius : 100%; + transform : scale(2); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { + color : white; + } + .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { + transform : scale(0); + } + .hvr-rectangle-in { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #2098d1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-rectangle-in:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #e1e1e1; + transform : scale(1); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { + color : white; + } + .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { + transform : scale(0); + } + .hvr-rectangle-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #e1e1e1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-rectangle-out:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scale(0); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { + color : white; + } + .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { + transform : scale(1); + } + .hvr-shutter-in-horizontal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #2098d1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-shutter-in-horizontal:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + bottom : 0; + left : 0; + right : 0; + background : #e1e1e1; + transform : scaleX(1); + transform-origin : 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { + color : white; + } + .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { + transform : scaleX(0); + } + .hvr-shutter-out-horizontal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #e1e1e1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-shutter-out-horizontal:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + bottom : 0; + left : 0; + right : 0; + background : #2098d1; + transform : scaleX(0); + transform-origin : 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { + color : white; + } + .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { + transform : scaleX(1); + } + .hvr-shutter-in-vertical { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #2098d1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-shutter-in-vertical:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + bottom : 0; + left : 0; + right : 0; + background : #e1e1e1; + transform : scaleY(1); + transform-origin : 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { + color : white; + } + .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { + transform : scaleY(0); + } + .hvr-shutter-out-vertical { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #e1e1e1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-shutter-out-vertical:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + bottom : 0; + left : 0; + right : 0; + background : #2098d1; + transform : scaleY(0); + transform-origin : 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { + color : white; + } + .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { + transform : scaleY(1); + } + .hvr-border-fade { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow; + box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent; + } + .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { + box-shadow : 0 0 0 4px #2098d1 inset, 0 0 1px transparent; + } + .hvr-hollow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : background; + box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent; + } + .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { + background : none; + } + .hvr-trim { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-trim:before { + content : ''; + position : absolute; + border : white solid 4px; + top : 4px; + left : 4px; + right : 4px; + bottom : 4px; + opacity : 0; + transition-duration : 0.3s; + transition-property : opacity; + } + .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { + opacity : 1; + } + @keyframes hvr-ripple-out { + 100% { + top : -12px; + right : -12px; + bottom : -12px; + left : -12px; + opacity : 0; + } + } + .hvr-ripple-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-ripple-out:before { + content : ''; + position : absolute; + border : #e1e1e1 solid 6px; + top : 0; + right : 0; + bottom : 0; + left : 0; + animation-duration : 1s; + } + .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { + animation-name : hvr-ripple-out; + } + @keyframes hvr-ripple-in { + 100% { + top : 0; + right : 0; + bottom : 0; + left : 0; + opacity : 1; + } + } + .hvr-ripple-in { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-ripple-in:before { + content : ''; + position : absolute; + border : #e1e1e1 solid 4px; + top : -12px; + right : -12px; + bottom : -12px; + left : -12px; + opacity : 0; + animation-duration : 1s; + } + .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { + animation-name : hvr-ripple-in; + } + .hvr-outline-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-outline-out:before { + content : ''; + position : absolute; + border : #e1e1e1 solid 4px; + top : 0; + right : 0; + bottom : 0; + left : 0; + transition-duration : 0.3s; + transition-property : top, right, bottom, left; + } + .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { + top : -8px; + right : -8px; + bottom : -8px; + left : -8px; + } + .hvr-outline-in { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-outline-in:before { + content : ''; + position : absolute; + border : #e1e1e1 solid 4px; + top : -16px; + right : -16px; + bottom : -16px; + left : -16px; + opacity : 0; + transition-duration : 0.3s; + transition-property : top, right, bottom, left; + } + .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { + top : -8px; + right : -8px; + bottom : -8px; + left : -8px; + opacity : 1; + } + .hvr-round-corners { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : border-radius; + } + .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { + border-radius : 1em; + } + .hvr-underline-from-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-underline-from-left:before { + content : ""; + position : absolute; + z-index : -1; + left : 0; + right : 100%; + bottom : 0; + background : #2098d1; + height : 4px; + transition-property : right; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { + right : 0; + } + .hvr-underline-from-center { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-underline-from-center:before { + content : ""; + position : absolute; + z-index : -1; + left : 50%; + right : 50%; + bottom : 0; + background : #2098d1; + height : 4px; + transition-property : left, right; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { + left : 0; + right : 0; + } + .hvr-underline-from-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-underline-from-right:before { + content : ""; + position : absolute; + z-index : -1; + left : 100%; + right : 0; + bottom : 0; + background : #2098d1; + height : 4px; + transition-property : left; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { + left : 0; + } + .hvr-overline-from-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-overline-from-left:before { + content : ""; + position : absolute; + z-index : -1; + left : 0; + right : 100%; + top : 0; + background : #2098d1; + height : 4px; + transition-property : right; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { + right : 0; + } + .hvr-overline-from-center { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-overline-from-center:before { + content : ""; + position : absolute; + z-index : -1; + left : 50%; + right : 50%; + top : 0; + background : #2098d1; + height : 4px; + transition-property : left, right; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { + left : 0; + right : 0; + } + .hvr-overline-from-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-overline-from-right:before { + content : ""; + position : absolute; + z-index : -1; + left : 100%; + right : 0; + top : 0; + background : #2098d1; + height : 4px; + transition-property : left; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { + left : 0; + } + .hvr-reveal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-reveal:before { + content : ""; + position : absolute; + z-index : -1; + left : 0; + right : 0; + top : 0; + bottom : 0; + border-color : #2098d1; + border-style : solid; + border-width : 0; + transition-property : border-width; + transition-duration : 0.1s; + transition-timing-function : ease-out; + } + .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { + transform : translateY(0); + border-width : 4px; + } + .hvr-underline-reveal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-underline-reveal:before { + content : ""; + position : absolute; + z-index : -1; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + height : 4px; + transform : translateY(4px); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { + transform : translateY(0); + } + .hvr-overline-reveal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-overline-reveal:before { + content : ""; + position : absolute; + z-index : -1; + left : 0; + right : 0; + top : 0; + background : #2098d1; + height : 4px; + transform : translateY(-4px); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { + transform : translateY(0); + } + .hvr-glow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow; + } + .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { + box-shadow : 0 0 8px rgba(0, 0, 0, 0.6); + } + .hvr-shadow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow; + } + .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { + box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5); + } + .hvr-grow-shadow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow, transform; + } + .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { + box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5); + transform : scale(1.1); + } + .hvr-box-shadow-outset { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow; + } + .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { + box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6); + } + .hvr-box-shadow-inset { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow; + box-shadow : 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent; + } + .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { + box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent; + } + .hvr-float-shadow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-float-shadow:before { + position : absolute; + z-index : -1; + content : ''; + top : 100%; + left : 5%; + height : 10px; + width : 90%; + opacity : 0; + background : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); + transition-duration : 0.3s; + transition-property : transform, opacity; + } + .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { + transform : translateY(-5px); + } + .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { + opacity : 1; + transform : translateY(5px); + } + .hvr-shadow-radial { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-shadow-radial:before, .hvr-shadow-radial:after { + position : absolute; + content : ''; + left : 0; + width : 100%; + box-sizing : border-box; + background-repeat : no-repeat; + height : 5px; + opacity : 0; + transition-duration : 0.3s; + transition-property : opacity; + } + .hvr-shadow-radial:before { + bottom : 100%; + background : radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); + } + .hvr-shadow-radial:after { + top : 100%; + background : radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); + } + .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { + opacity : 1; + } + .hvr-bubble-top { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-bubble-top:before { + position : absolute; + z-index : -1; + content : ''; + border-style : solid; + transition-duration : 0.3s; + transition-property : transform; + left : calc(50% - 10px); + top : 0; + border-width : 0 10px 10px 10px; + border-color : transparent transparent #e1e1e1 transparent; + } + .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { + transform : translateY(-10px); + } + .hvr-bubble-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-bubble-right:before { + position : absolute; + z-index : -1; + content : ''; + border-style : solid; + transition-duration : 0.3s; + transition-property : transform; + top : calc(50% - 10px); + right : 0; + border-width : 10px 0 10px 10px; + border-color : transparent transparent transparent #e1e1e1; + } + .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { + transform : translateX(10px); + } + .hvr-bubble-bottom { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-bubble-bottom:before { + position : absolute; + z-index : -1; + content : ''; + border-style : solid; + transition-duration : 0.3s; + transition-property : transform; + left : calc(50% - 10px); + bottom : 0; + border-width : 10px 10px 0 10px; + border-color : #e1e1e1 transparent transparent transparent; + } + .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { + transform : translateY(10px); + } + .hvr-bubble-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-bubble-left:before { + position : absolute; + z-index : -1; + content : ''; + border-style : solid; + transition-duration : 0.3s; + transition-property : transform; + top : calc(50% - 10px); + left : 0; + border-width : 10px 10px 10px 0; + border-color : transparent #e1e1e1 transparent transparent; + } + .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { + transform : translateX(-10px); + } + .hvr-bubble-float-top { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-top:before { + position : absolute; + z-index : -1; + content : ''; + left : calc(50% - 10px); + top : 0; + border-style : solid; + border-width : 0 10px 10px 10px; + border-color : transparent transparent #e1e1e1 transparent; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { + transform : translateY(10px); + } + .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { + transform : translateY(-10px); + } + .hvr-bubble-float-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-right:before { + position : absolute; + z-index : -1; + top : calc(50% - 10px); + right : 0; + content : ''; + border-style : solid; + border-width : 10px 0 10px 10px; + border-color : transparent transparent transparent #e1e1e1; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { + transform : translateX(-10px); + } + .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { + transform : translateX(10px); + } + .hvr-bubble-float-bottom { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-bottom:before { + position : absolute; + z-index : -1; + content : ''; + left : calc(50% - 10px); + bottom : 0; + border-style : solid; + border-width : 10px 10px 0 10px; + border-color : #e1e1e1 transparent transparent transparent; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { + transform : translateY(-10px); + } + .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { + transform : translateY(10px); + } + .hvr-bubble-float-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-left:before { + position : absolute; + z-index : -1; + content : ''; + top : calc(50% - 10px); + left : 0; + border-style : solid; + border-width : 10px 10px 10px 0; + border-color : transparent #e1e1e1 transparent transparent; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { + transform : translateX(10px); + } + .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { + transform : translateX(-10px); + } + .hvr-icon-back { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-left : 2.2em; + transition-duration : 0.1s; + } + .hvr-icon-back:before { + content : "\f137"; + position : absolute; + left : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.1s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before { + transform : translateX(-4px); + } + .hvr-icon-forward { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.1s; + } + .hvr-icon-forward:before { + content : "\f138"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.1s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { + transform : translateX(4px); + } + @keyframes hvr-icon-down { + 0%, 50%, 100% { + transform : translateY(0); + } + 25%, 75% { + transform : translateY(6px); + } + } + .hvr-icon-down { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-down:before { + content : "\f01a"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { + animation-name : hvr-icon-down; + animation-duration : 0.75s; + animation-timing-function : ease-out; + } + @keyframes hvr-icon-up { + 0%, 50%, 100% { + transform : translateY(0); + } + 25%, 75% { + transform : translateY(-6px); + } + } + .hvr-icon-up { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-up:before { + content : "\f01b"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before { + animation-name : hvr-icon-up; + animation-duration : 0.75s; + animation-timing-function : ease-out; + } + .hvr-icon-spin { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-spin:before { + content : "\f021"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transition-duration : 1s; + transition-property : transform; + transition-timing-function : ease-in-out; + } + .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before { + transform : rotate(360deg); + } + @keyframes hvr-icon-drop { + 0% { + opacity : 0; + } + 50% { + opacity : 0; + transform : translateY(-100%); + } + 51%, 100% { + opacity : 1; + } + } + .hvr-icon-drop { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-drop:before { + content : "\f041"; + position : absolute; + right : 1em; + opacity : 1; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before { + opacity : 0; + transition-duration : 0.3s; + animation-name : hvr-icon-drop; + animation-duration : 0.5s; + animation-delay : 0.3s; + animation-fill-mode : forwards; + animation-timing-function : ease-in-out; + animation-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); + } + .hvr-icon-fade { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-fade:before { + content : "\f00c"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.5s; + transition-property : color; + } + .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before { + color : #0F9E5E; + } + @keyframes hvr-icon-float-away { + 0% { + opacity : 1; + } + 100% { + opacity : 0; + transform : translateY(-1em); + } + } + .hvr-icon-float-away { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-float-away:before, .hvr-icon-float-away:after { + content : "\f055"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + } + .hvr-icon-float-away:after { + opacity : 0; + animation-duration : 0.5s; + animation-fill-mode : forwards; + } + .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after { + animation-name : hvr-icon-float-away; + animation-timing-function : ease-out; + } + @keyframes hvr-icon-sink-away { + 0% { + opacity : 1; + } + 100% { + opacity : 0; + transform : translateY(1em); + } + } + .hvr-icon-sink-away { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-sink-away:before, .hvr-icon-sink-away:after { + content : "\f056"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-sink-away:after { + opacity : 0; + animation-duration : 0.5s; + animation-fill-mode : forwards; + } + .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { + animation-name : hvr-icon-sink-away; + animation-timing-function : ease-out; + } + .hvr-icon-grow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-grow:before { + content : "\f118"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before { + transform : scale(1.3) translateZ(0); + } + .hvr-icon-shrink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-shrink:before { + content : "\f119"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before { + transform : scale(0.8); + } + @keyframes hvr-icon-pulse { + 25% { + transform : scale(1.3); + } + 75% { + transform : scale(0.8); + } + } + .hvr-icon-pulse { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-pulse:before { + content : "\f015"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-timing-function : ease-out; + } + .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before { + animation-name : hvr-icon-pulse; + animation-duration : 1s; + animation-timing-function : linear; + animation-iteration-count : infinite; + } + @keyframes hvr-icon-pulse-grow { + to { + transform : scale(1.3); + } + } + .hvr-icon-pulse-grow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-pulse-grow:before { + content : "\f015"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-timing-function : ease-out; + } + .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before { + animation-name : hvr-icon-pulse-grow; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : infinite; + animation-direction : alternate; + } + @keyframes hvr-icon-pulse-shrink { + to { + transform : scale(0.8); + } + } + .hvr-icon-pulse-shrink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-pulse-shrink:before { + content : "\f015"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-timing-function : ease-out; + } + .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before { + animation-name : hvr-icon-pulse-shrink; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : infinite; + animation-direction : alternate; + } + @keyframes hvr-icon-push { + 50% { + transform : scale(0.5); + } + } + .hvr-icon-push { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-push:before { + content : "\f006"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before { + animation-name : hvr-icon-push; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + @keyframes hvr-icon-pop { + 50% { + transform : scale(1.5); + } + } + .hvr-icon-pop { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-pop:before { + content : "\f005"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before { + animation-name : hvr-icon-pop; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + .hvr-icon-bounce { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-bounce:before { + content : "\f087"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before { + transform : scale(1.5); + transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36); + } + .hvr-icon-rotate { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-rotate:before { + content : "\f0c6"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before { + transform : rotate(20deg); + } + .hvr-icon-grow-rotate { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-grow-rotate:before { + content : "\f095"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before { + transform : scale(1.5) rotate(12deg); + } + .hvr-icon-float { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-float:before { + content : "\f01b"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before { + transform : translateY(-4px); + } + .hvr-icon-sink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-sink:before { + content : "\f01a"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before { + transform : translateY(4px); + } + @keyframes hvr-icon-bob { + 0% { + transform : translateY(-6px); + } + 50% { + transform : translateY(-2px); + } + 100% { + transform : translateY(-6px); + } + } + @keyframes hvr-icon-bob-float { + 100% { + transform : translateY(-6px); + } + } + .hvr-icon-bob { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-bob:before { + content : "\f077"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before { + animation-name : hvr-icon-bob-float, hvr-icon-bob; + animation-duration : 0.3s, 1.5s; + animation-delay : 0s, 0.3s; + animation-timing-function : ease-out, ease-in-out; + animation-iteration-count : 1, infinite; + animation-fill-mode : forwards; + animation-direction : normal, alternate; + } + @keyframes hvr-icon-hang { + 0% { + transform : translateY(6px); + } + 50% { + transform : translateY(2px); + } + 100% { + transform : translateY(6px); + } + } + @keyframes hvr-icon-hang-sink { + 100% { + transform : translateY(6px); + } + } + .hvr-icon-hang { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-hang:before { + content : "\f078"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before { + animation-name : hvr-icon-hang-sink, hvr-icon-hang; + animation-duration : 0.3s, 1.5s; + animation-delay : 0s, 0.3s; + animation-timing-function : ease-out, ease-in-out; + animation-iteration-count : 1, infinite; + animation-fill-mode : forwards; + animation-direction : normal, alternate; + } + @keyframes hvr-icon-wobble-horizontal { + 16.65% { + transform : translateX(6px); + } + 33.3% { + transform : translateX(-5px); + } + 49.95% { + transform : translateX(4px); + } + 66.6% { + transform : translateX(-2px); + } + 83.25% { + transform : translateX(1px); + } + 100% { + transform : translateX(0); + } + } + .hvr-icon-wobble-horizontal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-wobble-horizontal:before { + content : "\f061"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { + animation-name : hvr-icon-wobble-horizontal; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-icon-wobble-vertical { + 16.65% { + transform : translateY(6px); + } + 33.3% { + transform : translateY(-5px); + } + 49.95% { + transform : translateY(4px); + } + 66.6% { + transform : translateY(-2px); + } + 83.25% { + transform : translateY(1px); + } + 100% { + transform : translateY(0); + } + } + .hvr-icon-wobble-vertical { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-wobble-vertical:before { + content : "\f062"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before { + animation-name : hvr-icon-wobble-vertical; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-icon-buzz { + 50% { + transform : translateX(3px) rotate(2deg); + } + 100% { + transform : translateX(-3px) rotate(-2deg); + } + } + .hvr-icon-buzz { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-buzz:before { + content : "\f017"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before { + animation-name : hvr-icon-buzz; + animation-duration : 0.15s; + animation-timing-function : linear; + animation-iteration-count : infinite; + } + @keyframes hvr-icon-buzz-out { + 10% { + transform : translateX(3px) rotate(2deg); + } + 20% { + transform : translateX(-3px) rotate(-2deg); + } + 30% { + transform : translateX(3px) rotate(2deg); + } + 40% { + transform : translateX(-3px) rotate(-2deg); + } + 50% { + transform : translateX(2px) rotate(1deg); + } + 60% { + transform : translateX(-2px) rotate(-1deg); + } + 70% { + transform : translateX(2px) rotate(1deg); + } + 80% { + transform : translateX(-2px) rotate(-1deg); + } + 90% { + transform : translateX(1px) rotate(0); + } + 100% { + transform : translateX(-1px) rotate(0); + } + } + .hvr-icon-buzz-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-buzz-out:before { + content : "\f023"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before { + animation-name : hvr-icon-buzz-out; + animation-duration : 0.75s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + .hvr-curl-top-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-curl-top-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-curl-top-right:before { + position : absolute; + content : ''; + height : 0; + width : 0; + top : 0; + right : 0; + background : white; + background : linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); + box-shadow : -1px 1px 1px rgba(0, 0, 0, 0.4); + transition-duration : 0.3s; + transition-property : width, height; + } + .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { + width : 25px; + height : 25px; + } + .hvr-curl-bottom-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-curl-bottom-right:before { + position : absolute; + content : ''; + height : 0; + width : 0; + bottom : 0; + right : 0; + background : white; + background : linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); + box-shadow : -1px -1px 1px rgba(0, 0, 0, 0.4); + transition-duration : 0.3s; + transition-property : width, height; + } + .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { + width : 25px; + height : 25px; + } + .hvr-curl-bottom-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-curl-bottom-left:before { + position : absolute; + content : ''; + height : 0; + width : 0; + bottom : 0; + left : 0; + background : white; + background : linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); + box-shadow : 1px -1px 1px rgba(0, 0, 0, 0.4); + transition-duration : 0.3s; + transition-property : width, height; + } + .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { + width : 25px; + height : 25px; + } + .swiper-container { + margin : 0 auto; + position : relative; + overflow : hidden; + z-index : 1; + } + .swiper-container-no-flexbox .swiper-slide { + float : left; + } + .swiper-container-vertical > .swiper-wrapper { + flex-direction : column; + } + .swiper-wrapper { + position : relative; + width : 100%; + height : 100%; + z-index : 1; + display : flex; + transition-property : transform; + box-sizing : content-box; + } + .swiper-container-android .swiper-slide, .swiper-wrapper { + transform : translate3d(0,0,0); + } + .swiper-container-multirow > .swiper-wrapper { + flex-wrap : wrap; + } + .swiper-container-free-mode > .swiper-wrapper { + transition-timing-function : ease-out; + margin : 0 auto; + } + .swiper-slide { + flex-shrink : 0; + width : 100%; + height : 100%; + position : relative; + } + .swiper-container .swiper-notification { + position : absolute; + left : 0; + top : 0; + opacity : 0; + z-index : -1000; + } + .swiper-button-prev, .swiper-button-next, .swiper-button-prev-clients, .swiper-button-next-clients, .swiper-button-prev-small-youtube, .swiper-button-next-small-youtube { + position : absolute; + top : 50%; + width : 27px; + height : 44px; + margin-top : -22px; + z-index : 10; + cursor : pointer; + background-size : 27px 44px; + background-position : center; + background-repeat : no-repeat; + } + .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { + opacity : 0.3499999940395355224609375; + cursor : auto; + } + .swiper-button-prev, .swiper-button-prev-clients, .swiper-button-prev-small-youtube, .swiper-container-rtl .swiper-button-next { + background-image : url("../img/prev.png"); + left : 30px; + right : auto; + } + .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); + } + .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); + } + .swiper-button-next, .swiper-button-next-clients, .swiper-button-next-small-youtube, .swiper-container-rtl .swiper-button-prev { + background-image : url("../img/next.png"); + right : 30px; + left : auto; + } + .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); + } + .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); + } + .swiper-pagination { + position : absolute; + text-align : center; + transition : 300ms; + transform : translate3d(0,0,0); + z-index : 10; + } + .swiper-pagination.swiper-pagination-hidden { + opacity : 0; + } + .swiper-pagination-bullet { + width : 8px; + height : 8px; + display : inline-block; + border-radius : 100%; + background : #000; + opacity : 0.20000000298023223876953125; + } + button.swiper-pagination-bullet { + border : none; + margin : 0; + padding : 0; + box-shadow : none; + } + .swiper-pagination-clickable .swiper-pagination-bullet { + cursor : pointer; + } + .swiper-pagination-white .swiper-pagination-bullet { + background : #fff; + } + .swiper-pagination-bullet-active { + opacity : 1; + background : #007aff; + } + .swiper-pagination-white .swiper-pagination-bullet-active { + background : #fff; + } + .swiper-pagination-black .swiper-pagination-bullet-active { + background : #000; + } + .swiper-container-vertical > .swiper-pagination { + right : 10px; + top : 50%; + transform : translate3d(0,-50%,0); + } + .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { + margin : 5px 0; + display : block; + } + .swiper-container-horizontal > .swiper-pagination { + bottom : 10px; + left : 0; + width : 100%; + } + .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { + margin : 0 5px; + } + .swiper-container-3d { + perspective : 1200px; + } + .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { + transform-style : preserve-3d; + } + .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { + position : absolute; + left : 0; + top : 0; + width : 100%; + height : 100%; + z-index : 10; + } + .swiper-container-3d .swiper-slide-shadow-left { + background-image : linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); + } + .swiper-container-3d .swiper-slide-shadow-right { + background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); + } + .swiper-container-3d .swiper-slide-shadow-top { + background-image : linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); + } + .swiper-container-3d .swiper-slide-shadow-bottom { + background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); + } + .swiper-container-fade.swiper-container-free-mode .swiper-slide { + transition-timing-function : ease-out; + } + .swiper-container-cube { + overflow : visible; + } + .swiper-container-cube .swiper-slide { + visibility : hidden; + transform-origin : 0 0; + backface-visibility : hidden; + width : 100%; + height : 100%; + z-index : 1; + } + .swiper-container-cube.swiper-container-rtl .swiper-slide { + transform-origin : 100% 0; + } + .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { + visibility : visible; + } + .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { + z-index : 0; + backface-visibility : hidden; + } + .swiper-container-cube .swiper-cube-shadow { + position : absolute; + left : 0; + bottom : 0; + width : 100%; + height : 100%; + background : #000; + opacity : 0.60000002384185791015625; + z-index : 0; + } + .swiper-scrollbar { + border-radius : 10px; + position : relative; + background : rgba(0, 0, 0, 0.1); + } + .swiper-container-horizontal > .swiper-scrollbar { + position : absolute; + left : 1%; + bottom : 3px; + z-index : 50; + height : 5px; + width : 98%; + } + .swiper-container-vertical > .swiper-scrollbar { + position : absolute; + right : 3px; + top : 1%; + z-index : 50; + width : 5px; + height : 98%; + } + .swiper-scrollbar-drag { + height : 100%; + width : 100%; + position : relative; + background : rgba(0, 0, 0, 0.5); + border-radius : 10px; + left : 0; + top : 0; + } + .swiper-scrollbar-cursor-drag { + cursor : move; + } + .swiper-lazy-preloader { + width : 42px; + height : 42px; + position : absolute; + left : 50%; + top : 50%; + margin-left : -21px; + margin-top : -21px; + z-index : 10; + transform-origin : 50%; + animation : swiper-preloader-spin 1s steps(12,end) infinite; + } + .swiper-lazy-preloader:after { + display : block; + content : ""; + width : 100%; + height : 100%; + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + background-position : 50%; + background-size : 100%; + background-repeat : no-repeat; + } + .swiper-lazy-preloader-white:after { + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + } + @keyframes swiper-preloader-spin { + 100% { + transform : rotate(360deg); + } + } + .mfp-bg { + top : 0; + left : 0; + width : 100%; + height : 100%; + z-index : 99999; + overflow : hidden; + position : fixed; + background : #0b0b0b; + opacity : 0.800000011920928955078125; + } + .mfp-wrap { + top : 0; + left : 0; + width : 100%; + height : 100%; + z-index : 999999; + position : fixed; + outline : none !important ; + } + .mfp-container { + text-align : center; + position : absolute; + width : 100%; + height : 100%; + left : 0; + top : 0; + padding : 0 8px; + box-sizing : border-box; + } + .mfp-container:before { + content : ''; + display : inline-block; + height : 100%; + vertical-align : middle; + } + .mfp-align-top .mfp-container:before { + display : none; + } + .mfp-content { + position : relative; + display : inline-block; + vertical-align : middle; + margin : 0 auto; + text-align : left; + z-index : 9999999; + } + .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { + width : 100%; + cursor : auto; + } + .mfp-ajax-cur { + cursor : progress; + } + .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor : zoom-out; + } + .mfp-zoom { + cursor : pointer; + cursor : zoom-in; + } + .mfp-auto-cursor .mfp-content { + cursor : auto; + } + .mfp-loading.mfp-figure { + display : none; + } + .mfp-hide { + display : none !important ; + } + .mfp-preloader { + color : #CCC; + position : absolute; + top : 50%; + width : auto; + text-align : center; + margin-top : -0.8em; + left : 8px; + right : 8px; + z-index : 999999; + } + .mfp-preloader a { + color : #CCC; + } + .mfp-preloader a:hover { + color : #FFF; + } + .mfp-s-ready .mfp-preloader { + display : none; + } + .mfp-s-error .mfp-content { + display : none; + } + button.mfp-close, button.mfp-arrow { + overflow : visible; + cursor : pointer; + background : transparent; + border : 0; + display : block; + outline : none; + padding : 0; + z-index : 99999999; + box-shadow : none; + } + button::-moz-focus-inner { + padding : 0; + border : 0; + } + .mfp-close { + width : 44px; + height : 44px; + line-height : 44px; + position : absolute; + right : 0; + top : 0; + text-decoration : none; + text-align : center; + opacity : 0.64999997615814208984375; + padding : 0 0 18px 10px; + color : #FFF; + font-style : normal; + font-size : 28px; + font-family : Arial, Baskerville, monospace; + } + .mfp-close:hover, .mfp-close:focus { + opacity : 1; + } + .mfp-close:active { + top : 1px; + } + .mfp-close-btn-in .mfp-close { + color : #333; + } + .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { + color : #FFF; + right : -6px; + text-align : right; + padding-right : 6px; + width : 100%; + } + .mfp-counter { + position : absolute; + top : 0; + right : 0; + color : #CCC; + font-size : 12px; + line-height : 18px; + white-space : nowrap; + } + .mfp-arrow { + position : absolute; + opacity : 0.64999997615814208984375; + margin : 0; + top : 50%; + margin-top : -55px; + padding : 0; + width : 90px; + height : 110px; + } + .mfp-arrow:active { + margin-top : -54px; + } + .mfp-arrow:hover, .mfp-arrow:focus { + opacity : 1; + } + .mfp-arrow:before, .mfp-arrow:after { + content : ''; + display : block; + width : 0; + height : 0; + position : absolute; + left : 0; + top : 0; + margin-top : 35px; + margin-left : 35px; + border : transparent inset medium; + } + .mfp-arrow:after { + border-top-width : 13px; + border-bottom-width : 13px; + top : 8px; + } + .mfp-arrow:before { + border-top-width : 21px; + border-bottom-width : 21px; + opacity : 0.699999988079071044921875; + } + .mfp-arrow-left { + left : 0; + } + .mfp-arrow-left:after { + border-right : 17px solid #FFF; + margin-left : 31px; + } + .mfp-arrow-left:before { + margin-left : 25px; + border-right : 27px solid #3F3F3F; + } + .mfp-arrow-right { + right : 0; + } + .mfp-arrow-right:after { + border-left : 17px solid #FFF; + margin-left : 39px; + } + .mfp-arrow-right:before { + border-left : 27px solid #3F3F3F; + } + .mfp-iframe-holder { + padding-top : 40px; + padding-bottom : 40px; + } + .mfp-iframe-holder .mfp-content { + line-height : 0; + width : 100%; + max-width : 900px; + } + .mfp-iframe-holder .mfp-close { + top : -40px; + } + .mfp-iframe-scaler { + width : 100%; + height : 0; + overflow : hidden; + padding-top : 56.25%; + } + .mfp-iframe-scaler iframe { + position : absolute; + display : block; + top : 0; + left : 0; + width : 100%; + height : 100%; + box-shadow : 0 0 8px rgba(0, 0, 0, 0.6); + background : #000; + } + img.mfp-img { + width : auto; + max-width : 100%; + height : auto; + display : block; + line-height : 0; + box-sizing : border-box; + padding : 40px 0 40px; + margin : 0 auto; + } + .mfp-figure { + line-height : 0; + } + .mfp-figure:after { + content : ''; + position : absolute; + left : 0; + top : 40px; + bottom : 40px; + display : block; + right : 0; + width : auto; + height : auto; + z-index : -1; + box-shadow : 0 0 8px rgba(0, 0, 0, 0.6); + background : #444; + } + .mfp-figure small { + color : #BDBDBD; + display : block; + font-size : 12px; + line-height : 14px; + } + .mfp-figure figure { + margin : 0; + } + .mfp-bottom-bar { + margin-top : -36px; + position : absolute; + top : 100%; + left : 0; + width : 100%; + cursor : auto; + } + .mfp-title { + text-align : left; + line-height : 18px; + color : #F3F3F3; + overflow-wrap : break-word; + padding-right : 36px; + } + .mfp-image-holder .mfp-content { + max-width : 100%; + } + .mfp-gallery .mfp-image-holder .mfp-figure { + cursor : pointer; + } + @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { + .mfp-img-mobile .mfp-image-holder { + padding-left : 0; + padding-right : 0; + } + .mfp-img-mobile img.mfp-img { + padding : 0; + } + .mfp-img-mobile .mfp-figure:after { + top : 0; + bottom : 0; + } + .mfp-img-mobile .mfp-figure small { + display : inline; + margin-left : 5px; + } + .mfp-img-mobile .mfp-bottom-bar { + background : rgba(0, 0, 0, 0.6); + bottom : 0; + margin : 0; + top : auto; + padding : 3px 5px; + position : fixed; + box-sizing : border-box; + } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding : 0; + } + .mfp-img-mobile .mfp-counter { + right : 5px; + top : 3px; + } + .mfp-img-mobile .mfp-close { + top : 0; + right : 0; + width : 35px; + height : 35px; + line-height : 35px; + background : rgba(0, 0, 0, 0.6); + position : fixed; + text-align : center; + padding : 0; + } + } + @media all and (max-width:900px) { + .mfp-arrow { + transform : scale(0.75); + } + .mfp-arrow-left { + transform-origin : 0; + } + .mfp-arrow-right { + transform-origin : 100%; + } + .mfp-container { + padding-left : 6px; + padding-right : 6px; + } + } + .animated { + animation-duration : 1s; + animation-fill-mode : both; + } + .slow { + animation-duration : 1.5s; + animation-fill-mode : both; + } + .slower { + animation-duration : 2s; + animation-fill-mode : both; + } + .slowest { + animation-duration : 3s; + animation-fill-mode : both; + } + .delay-250 { + animation-delay : 0.25s; + } + .delay-500 { + animation-delay : 0.5s; + } + .delay-750 { + animation-delay : 0.75s; + } + .delay-1000 { + animation-delay : 1.0s; + } + .delay-1250 { + animation-delay : 1.25s; + } + .delay-1500 { + animation-delay : 1.5s; + } + .delay-1750 { + animation-delay : 1.75s; + } + .delay-2000 { + animation-delay : 2.0s; + } + .delay-2500 { + animation-delay : 2.5s; + } + .delay-2000 { + animation-delay : 2.0s; + } + .delay-2500 { + animation-delay : 2.5s; + } + .delay-3000 { + animation-delay : 3.0s; + } + .delay-3500 { + animation-delay : 3.5s; + } + .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown { + opacity : 0; + transform : translateX(400px); + } + .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown { + opacity : 0; + transform : translateX(400px); + } + .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn { + opacity : 0; + } + .lightSpeedInRight, .lightSpeedInLeft { + opacity : 0; + transform : translateX(400px); + } + @keyframes bounceIn { + 0% { + opacity : 0; + transform : scale(0.3); + } + 50% { + opacity : 1; + transform : scale(1.05); + } + 70% { + transform : scale(0.9); + } + 100% { + transform : scale(1); + } + } + .bounceIn.go { + animation-name : bounceIn; + } + @keyframes bounceInRight { + 0% { + opacity : 0; + transform : translateX(400px); + } + 60% { + transform : translateX(-30px); + } + 80% { + transform : translateX(10px); + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .bounceInRight.go { + animation-name : bounceInRight; + } + @keyframes bounceInLeft { + 0% { + opacity : 0; + transform : translateX(-400px); + } + 60% { + transform : translateX(30px); + } + 80% { + transform : translateX(-10px); + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .bounceInLeft.go { + animation-name : bounceInLeft; + } + @keyframes bounceInUp { + 0% { + opacity : 0; + transform : translateY(400px); + } + 60% { + transform : translateY(-30px); + } + 80% { + transform : translateY(10px); + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .bounceInUp.go { + animation-name : bounceInUp; + } + @keyframes bounceInDown { + 0% { + opacity : 0; + transform : translateY(-400px); + } + 60% { + transform : translateY(30px); + } + 80% { + transform : translateY(-10px); + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .bounceInDown.go { + animation-name : bounceInDown; + } + @keyframes fadeIn { + 0% { + opacity : 0; + } + 100% { + opacity : 1; + display : block; + } + } + .fadeIn { + opacity : 0; + } + .fadeIn.go { + animation-name : fadeIn; + } + @keyframes growIn { + 0% { + transform : scale(0.2); + opacity : 0; + } + 50% { + transform : scale(1.2); + } + 100% { + transform : scale(1); + opacity : 1; + } + } + .growIn { + transform : scale(0.2); + opacity : 0; + } + .growIn.go { + animation-name : growIn; + } + @keyframes shake { + 0%, 100% { + transform : translateX(0); + } + 10%, 30%, 50%, 70%, 90% { + transform : translateX(-10px); + } + 20%, 40%, 60%, 80% { + transform : translateX(10px); + } + } + .shake.go { + animation-name : shake; + } + @keyframes shakeUp { + 0%, 100% { + transform : translateY(0); + } + 10%, 30%, 50%, 70%, 90% { + transform : translateY(-10px); + } + 20%, 40%, 60%, 80% { + transform : translateY(10px); + } + } + .shakeUp.go { + animation-name : shakeUp; + } + @keyframes fadeInLeft { + 0% { + opacity : 0; + transform : translateX(-400px); + } + 50% { + opacity : 0.300000011920928955078125; + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .fadeInLeft { + opacity : 0; + transform : translateX(-400px); + } + .fadeInLeft.go { + animation-name : fadeInLeft; + } + @keyframes fadeInRight { + 0% { + opacity : 0; + transform : translateX(400px); + } + 50% { + opacity : 0.300000011920928955078125; + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .fadeInRight { + opacity : 0; + transform : translateX(400px); + } + .fadeInRight.go { + animation-name : fadeInRight; + } + @keyframes fadeInUp { + 0% { + opacity : 0; + transform : translateY(400px); + } + 50% { + opacity : 0.300000011920928955078125; + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .fadeInUp { + opacity : 0; + transform : translateY(400px); + } + .fadeInUp.go { + animation-name : fadeInUp; + } + @keyframes fadeInDown { + 0% { + opacity : 0; + transform : translateY(-400px); + } + 50% { + opacity : 0.300000011920928955078125; + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .fadeInDown { + opacity : 0; + transform : translateY(-400px); + } + .fadeInDown.go { + animation-name : fadeInDown; + } + @keyframes rotateIn { + 0% { + transform-origin : center center; + transform : rotate(-200deg); + opacity : 0; + } + 100% { + transform-origin : center center; + transform : rotate(0); + opacity : 1; + } + } + .rotateIn.go { + animation-name : rotateIn; + } + @keyframes rotateInUpLeft { + 0% { + transform-origin : left bottom; + transform : rotate(90deg); + opacity : 0; + } + 100% { + transform-origin : left bottom; + transform : rotate(0); + opacity : 1; + } + } + .rotateInUpLeft.go { + animation-name : rotateInUpLeft; + } + @keyframes rotateInDownLeft { + 0% { + transform-origin : left bottom; + transform : rotate(-90deg); + opacity : 0; + } + 100% { + transform-origin : left bottom; + transform : rotate(0); + opacity : 1; + } + } + .rotateInDownLeft.go { + animation-name : rotateInDownLeft; + } + @keyframes rotateInUpRight { + 0% { + transform-origin : right bottom; + transform : rotate(-90deg); + opacity : 0; + } + 100% { + transform-origin : right bottom; + transform : rotate(0); + opacity : 1; + } + } + .rotateInUpRight.go { + animation-name : rotateInUpRight; + } + @keyframes rotateInDownRight { + 0% { + transform-origin : right bottom; + transform : rotate(90deg); + opacity : 0; + } + 100% { + transform-origin : right bottom; + transform : rotate(0); + opacity : 1; + } + } + .rotateInDownRight.go { + animation-name : rotateInDownRight; + } + @keyframes rollIn { + 0% { + opacity : 0; + transform : translateX(-100%) rotate(-120deg); + } + 100% { + opacity : 1; + transform : translateX(0) rotate(0deg); + } + } + .rollIn.go { + animation-name : rollIn; + } + @keyframes wiggle { + 0% { + transform : skewX(9deg); + } + 10% { + transform : skewX(-8deg); + } + 20% { + transform : skewX(7deg); + } + 30% { + transform : skewX(-6deg); + } + 40% { + transform : skewX(5deg); + } + 50% { + transform : skewX(-4deg); + } + 60% { + transform : skewX(3deg); + } + 70% { + transform : skewX(-2deg); + } + 80% { + transform : skewX(1deg); + } + 90% { + transform : skewX(0deg); + } + 100% { + transform : skewX(0deg); + } + } + .wiggle.go { + animation-name : wiggle; + animation-timing-function : ease-in; + } + @keyframes swing { + 20% { + transform : rotate(15deg); + } + 40% { + transform : rotate(-10deg); + } + 60% { + transform : rotate(5deg); + } + 80% { + transform : rotate(-5deg); + } + 100% { + transform : rotate(0deg); + } + } + .swing.go { + transform-origin : top center; + animation-name : swing; + } + @keyframes tada { + 0% { + transform : scale(1); + } + 10%, 20% { + transform : scale(0.9) rotate(-3deg); + } + 30%, 50%, 70%, 90% { + transform : scale(1.1) rotate(3deg); + } + 40%, 60%, 80% { + transform : scale(1.1) rotate(-3deg); + } + 100% { + transform : scale(1) rotate(0); + } + } + .tada.go { + animation-name : tada; + } + @keyframes wobble { + 0% { + transform : translateX(0%); + } + 15% { + transform : translateX(-25%) rotate(-5deg); + } + 30% { + transform : translateX(20%) rotate(3deg); + } + 45% { + transform : translateX(-15%) rotate(-3deg); + } + 60% { + transform : translateX(10%) rotate(2deg); + } + 75% { + transform : translateX(-5%) rotate(-1deg); + } + 100% { + transform : translateX(0%); + } + } + .wobble.go { + animation-name : wobble; + } + @keyframes pulse { + 0% { + transform : scale(1); + } + 50% { + transform : scale(1.1); + } + 100% { + transform : scale(1); + } + } + .pulse.go { + animation-name : pulse; + } + @keyframes lightSpeedInRight { + 0% { + transform : translateX(100%) skewX(-30deg); + opacity : 0; + } + 60% { + transform : translateX(-20%) skewX(30deg); + opacity : 1; + } + 80% { + transform : translateX(0%) skewX(-15deg); + opacity : 1; + } + 100% { + transform : translateX(0%) skewX(0deg); + opacity : 1; + } + } + .lightSpeedInRight.go { + animation-name : lightSpeedInRight; + animation-timing-function : ease-out; + } + @keyframes lightSpeedInLeft { + 0% { + transform : translateX(-100%) skewX(30deg); + opacity : 0; + } + 60% { + transform : translateX(20%) skewX(-30deg); + opacity : 1; + } + 80% { + transform : translateX(0%) skewX(15deg); + opacity : 1; + } + 100% { + transform : translateX(0%) skewX(0deg); + opacity : 1; + } + } + .lightSpeedInLeft.go { + animation-name : lightSpeedInLeft; + animation-timing-function : ease-out; + } + @keyframes flip { + 0% { + transform : perspective(400px) rotateY(0); + animation-timing-function : ease-out; + } + 40% { + transform : perspective(400px) translateZ(150px) rotateY(170deg); + animation-timing-function : ease-out; + } + 50% { + transform : perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + animation-timing-function : ease-in; + } + 80% { + transform : perspective(400px) rotateY(360deg) scale(0.95); + animation-timing-function : ease-in; + } + 100% { + transform : perspective(400px) scale(1); + animation-timing-function : ease-in; + } + } + .flip.go { + backface-visibility : visible !important ; + animation-name : flip; + } + @keyframes flipInX { + 0% { + transform : perspective(400px) rotateX(90deg); + opacity : 0; + } + 40% { + transform : perspective(400px) rotateX(-10deg); + } + 70% { + transform : perspective(400px) rotateX(10deg); + } + 100% { + transform : perspective(400px) rotateX(0deg); + opacity : 1; + } + } + .flipInX.go { + backface-visibility : visible !important ; + animation-name : flipInX; + } + @keyframes flipInY { + 0% { + transform : perspective(400px) rotateY(90deg); + opacity : 0; + } + 40% { + transform : perspective(400px) rotateY(-10deg); + } + 70% { + transform : perspective(400px) rotateY(10deg); + } + 100% { + transform : perspective(400px) rotateY(0deg); + opacity : 1; + } + } + .flipInY.go { + backface-visibility : visible !important ; + animation-name : flipInY; + } + @keyframes bounceOut { + 0% { + transform : scale(1); + } + 25% { + transform : scale(0.95); + } + 50% { + opacity : 1; + transform : scale(1.1); + } + 100% { + opacity : 0; + transform : scale(0.3); + } + } + .bounceOut.goAway { + animation-name : bounceOut; + } + @keyframes bounceOutUp { + 0% { + transform : translateY(0); + } + 20% { + opacity : 1; + transform : translateY(20px); + } + 100% { + opacity : 0; + transform : translateY(-2000px); + } + } + .bounceOutUp.goAway { + animation-name : bounceOutUp; + } + @keyframes bounceOutDown { + 0% { + transform : translateY(0); + } + 20% { + opacity : 1; + transform : translateY(-20px); + } + 100% { + opacity : 0; + transform : translateY(2000px); + } + } + .bounceOutDown.goAway { + animation-name : bounceOutDown; + } + @keyframes bounceOutLeft { + 0% { + transform : translateX(0); + } + 20% { + opacity : 1; + transform : translateX(20px); + } + 100% { + opacity : 0; + transform : translateX(-2000px); + } + } + .bounceOutLeft.goAway { + animation-name : bounceOutLeft; + } + @keyframes bounceOutRight { + 0% { + transform : translateX(0); + } + 20% { + opacity : 1; + transform : translateX(-20px); + } + 100% { + opacity : 0; + transform : translateX(2000px); + } + } + .bounceOutRight.goAway { + animation-name : bounceOutRight; + } + @keyframes fadeOut { + 0% { + opacity : 1; + } + 100% { + opacity : 0; + } + } + .fadeOut.goAway { + animation-name : fadeOut; + } + @keyframes fadeOutUp { + 0% { + opacity : 1; + transform : translateY(0); + } + 100% { + opacity : 0; + transform : translateY(-2000px); + } + } + .fadeOutUp.goAway { + animation-name : fadeOutUp; + } + @keyframes fadeOutDown { + 0% { + opacity : 1; + transform : translateY(0); + } + 100% { + opacity : 0; + transform : translateY(2000px); + } + } + .fadeOutDown.goAway { + animation-name : fadeOutDown; + } + @keyframes fadeOutLeft { + 0% { + opacity : 1; + transform : translateX(0); + } + 100% { + opacity : 0; + transform : translateX(-2000px); + } + } + .fadeOutLeft.goAway { + animation-name : fadeOutLeft; + } + @keyframes fadeOutRight { + 0% { + opacity : 1; + transform : translateX(0); + } + 100% { + opacity : 0; + transform : translateX(2000px); + } + } + .fadeOutRight.goAway { + animation-name : fadeOutRight; + } + @keyframes flipOutX { + 0% { + transform : perspective(400px) rotateX(0deg); + opacity : 1; + } + 100% { + transform : perspective(400px) rotateX(90deg); + opacity : 0; + } + } + .flipOutX.goAway { + animation-name : flipOutX; + backface-visibility : visible !important ; + } + @keyframes flipOutY { + 0% { + transform : perspective(400px) rotateY(0deg); + opacity : 1; + } + 100% { + transform : perspective(400px) rotateY(90deg); + opacity : 0; + } + } + .flipOutY { + backface-visibility : visible !important ; + animation-name : flipOutY; + } + @keyframes lightSpeedOutRight { + 0% { + transform : translateX(0%) skewX(0deg); + opacity : 1; + } + 100% { + transform : translateX(100%) skewX(-30deg); + opacity : 0; + } + } + .lightSpeedOutRight.goAway { + animation-name : lightSpeedOutRight; + animation-timing-function : ease-in; + } + @keyframes lightSpeedOutLeft { + 0% { + transform : translateX(0%) skewX(0deg); + opacity : 1; + } + 100% { + transform : translateX(-100%) skewX(30deg); + opacity : 0; + } + } + .lightSpeedOutLeft.goAway { + animation-name : lightSpeedOutLeft; + animation-timing-function : ease-in; + } + @keyframes rotateOut { + 0% { + transform-origin : center center; + transform : rotate(0); + opacity : 1; + } + 100% { + transform-origin : center center; + transform : rotate(200deg); + opacity : 0; + } + } + .rotateOut.goAway { + animation-name : rotateOut; + } + @keyframes rotateOutUpLeft { + 0% { + transform-origin : left bottom; + transform : rotate(0); + opacity : 1; + } + 100% { + opacity : 0; + } + } + .rotateOutUpLeft.goAway { + animation-name : rotateOutUpLeft; + } + @keyframes rotateOutDownLeft { + 0% { + transform-origin : left bottom; + transform : rotate(0); + opacity : 1; + } + 100% { + transform-origin : left bottom; + transform : rotate(90deg); + opacity : 0; + } + } + .rotateOutDownLeft.goAway { + animation-name : rotateOutDownLeft; + } + @keyframes rotateOutUpRight { + 0% { + transform-origin : right bottom; + transform : rotate(0); + opacity : 1; + } + 100% { + transform-origin : right bottom; + transform : rotate(90deg); + opacity : 0; + } + } + .rotateOutUpRight.goAway { + animation-name : rotateOutUpRight; + } + @keyframes rollOut { + 0% { + opacity : 1; + transform : translateX(0) rotate(0deg); + } + 100% { + opacity : 0; + transform : translateX(100%) rotate(120deg); + } + } + .rollOut.goAway { + animation-name : rollOut; + } + @keyframes fadeInUpShort { + 0% { + opacity : 0; + transform : translateY(20px); + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .fadeInUpShort { + opacity : 0; + transform : translateY(20px); + } + .fadeInUpShort.go { + animation-name : fadeInUpShort; + } + @keyframes fadeInDownShort { + 0% { + opacity : 0; + transform : translateY(-20px); + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .fadeInDownShort { + opacity : 0; + transform : translateY(-20px); + } + .fadeInDownShort.go { + animation-name : fadeInDownShort; + } + @keyframes fadeInRightShort { + 0% { + opacity : 0; + transform : translateX(20px); + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .fadeInRightShort { + opacity : 0; + transform : translateX(20px); + } + .fadeInRightShort.go { + animation-name : fadeInRightShort; + } + @keyframes fadeInLeftShort { + 0% { + opacity : 0; + transform : translateX(-20px); + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .fadeInLeftShort { + opacity : 0; + transform : translateX(-20px); + } + .fadeInLeftShort.go { + animation-name : fadeInLeftShort; + } + .logo-slider { + margin-bottom : 50px; + } + .logo-slider p { + margin : 0 0 40px 0; + } + @media screen and (max-width:420px) { + .logo-slider p { + margin : 0 0 25px 0; + } + .logo-slider .swiper-slide { + text-align : center; + } + } + .clients { + background : url(../dummy/clients.jpg); + padding : 40px 0; + margin-bottom : 50px; + background-size : cover !important ; + } + .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner { + padding : 0 60px; + } + .clients h2, .clients .ce-table table caption, .ce-table table .clients caption { + margin-bottom : 50px; + color : #fff; + } + .clients p { + color : #fff; + text-align : center; + } + .clients p strong { + display : block; + margin-bottom : 3px; + } + .clients p + p { + margin-top : 20px; + } + @media screen and (max-width:600px) { + .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner { + padding : 0 40px; + } + .clients .swiper-button-next-clients { + right : 10px; + height : 26px; + width : 15px; + margin-top : -13px; + background-size : 15px 26px; + } + .clients .swiper-button-prev-clients { + left : 10px; + height : 26px; + width : 15px; + margin-top : -13px; + background-size : 15px 26px; + } + } + .unterseiten-banner { + text-align : center; + padding : 50px 0 50px 0; + background : url(../dummy/banner.jpg) no-repeat #767679; + background-position : center !important ; + margin-bottom : 50px; + min-height : 200px; + background-repeat : no-repeat !important ; + background-size : cover !important ; + } + .unterseiten-banner + .breadcrumbContainer { + margin-top : -50px; + margin-bottom : 50px; + } + .unterseiten-banner p { + color : #fff; + } + .unterseiten-banner a { + margin-top : 20px; + } + .unterseiten-banner.arrow { + position : relative; + } + .unterseiten-banner.arrow:after, .unterseiten-banner.arrow:before { + top : 0; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .unterseiten-banner.arrow:after { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .unterseiten-banner.arrow:before { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .unterseiten-banner.arrowGrey { + position : relative; + } + .unterseiten-banner.arrowGrey:after, .unterseiten-banner.arrowGrey:before { + top : 0; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .unterseiten-banner.arrowGrey:after { + border-color : rgba(255, 255, 255, 0); + border-top-color : #333; + border-width : 20px; + margin-left : -20px; + } + .unterseiten-banner.arrowGrey:before { + border-color : rgba(255, 255, 255, 0); + border-top-color : #333; + border-width : 20px; + margin-left : -20px; + } + .ce-twoCol-Box { + padding : 0; + margin-bottom : 50px; + } + .ce-twoCol-Box.addPadding { + padding : 40px 0; + } + .ce-twoCol-Box .texttop { + margin-bottom : 40px; + } + .ce-twoCol-Box .texttop h1, .ce-twoCol-Box .texttop h2, .ce-twoCol-Box .texttop .ce-table table caption, .ce-table table .ce-twoCol-Box .texttop caption, .ce-twoCol-Box .texttop h3, .ce-twoCol-Box .texttop h4 { + margin-bottom : 0; + } + .ce-twoCol-Box .boxen .arrowlink:hover:after, .ce-twoCol-Box .boxen .thirdSection .right a:hover:after, .thirdSection .right .ce-twoCol-Box .boxen a:hover:after { + display : inline-block; + text-decoration : none !important ; + } + .ce-twoCol-Box .boxen.withFontAwesome > div { + float : left; + width : calc(100% / 2); + padding-right : 95px; + position : relative; + text-align : right; + } + .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div h1:after { + margin : 10px 0 0 auto; + } + .ce-twoCol-Box .boxen.withFontAwesome > div .smallHeadlineWithUnderline:after { + margin : 5px 0 0 auto; + } + .ce-twoCol-Box .boxen.withFontAwesome > div > i { + position : absolute; + top : 0; + right : 15px; + padding : 10px; + padding-top : 18px; + background : #c6c6c6; + border-radius : 50px; + height : 60px; + width : 60px; + text-align : center; + } + .ce-twoCol-Box .boxen.withFontAwesome > div > i:before { + vertical-align : middle; + font-size : 24px; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i { + right : auto; + left : 15px; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .smallHeadlineWithUnderline:after { + margin : 5px auto 0 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div p i { + padding-left : 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div p + ul { + margin-top : 15px; + } + .ce-twoCol-Box .boxen.withFontAwesome > div p.align-left { + text-align : left; + } + .ce-twoCol-Box .boxen.withFontAwesome > div p.align-right { + text-align : right; + } + .ce-twoCol-Box .boxen.withFontAwesome > div p.align-center { + text-align : center; + } + .ce-twoCol-Box .boxen.withFontAwesome > div a { + color : #0067b1; + text-decoration : none; + } + .ce-twoCol-Box .boxen.withFontAwesome > div a:hover { + text-decoration : underline; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(n 3) { + margin-top : 45px; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) { + padding-right : 0; + padding-left : 95px; + text-align : left; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h1:after { + margin : 10px auto 0 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) span { + right : auto; + left : 15px; + } + @media screen and (max-width:800px) { + .ce-twoCol-Box .boxen.withFontAwesome > div { + float : none; + width : 100%; + margin-right : 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div + div { + margin-top : 40px !important ; + } + } + @media screen and (max-width:600px) { + .ce-twoCol-Box .boxen.withFontAwesome > div { + padding-left : 0; + padding-right : 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) { + padding-left : 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i.fa { + display : none; + } + .ce-twoCol-Box .boxen.withFontAwesome > div > i.fa { + display : none; + } + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div { + float : left; + width : calc((100% - 25px) / 2); + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div + div { + margin-left : 25px; + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(2n 3) { + margin-left : 0; + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) { + margin-top : 50px; + } + @media screen and (max-width:767px) { + .ce-twoCol-Box .boxen.withoutFontAwesome > div { + float : none; + width : 100%; + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) { + margin-top : 25px; + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div + div { + margin-top : 25px; + margin-left : 0 !important ; + } + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div { + float : left; + width : 48%; + position : relative; + padding-left : 120px; + min-height : 80px; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa { + position : absolute; + top : 0; + right : 80%; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before { + vertical-align : middle; + font-size : 80px; + color : #0067b1; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 3) { + margin-top : 40px; + } + @media screen and (max-width:800px) { + .ce-twoCol-Box .boxen.withOtherFontAwesome div { + float : none; + width : 100%; + padding-left : 0; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 2) { + margin-top : 40px; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa { + position : relative; + top : auto; + left : auto; + float : left; + margin-right : 15px; + display : none; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before { + font-size : 50px; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n) > i.fa { + left : auto; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div + div { + margin-top : 30px; + } + } + .text-slide { + margin-bottom : 50px; + } + .text-slide .openImgSubHeadline { + font-size : 15px; + line-height : normal; + color : #333; + text-decoration : none; + font-weight : 400; + margin : 0 0 5px 0; + } + .text-slide .left { + float : left; + width : 40.77%; + width : calc((100% - 25px) / 2); + } + .text-slide .left h3 { + font-family : "Open Sans", sans-serif; + font-weight : 700; + color : #333; + margin : 0 0 20px 0; + } + .text-slide .left p { + color : #333; + } + .text-slide .right { + float : left; + width : 50%; + width : calc((100% - 25px) / 2); + margin-left : 9.22%; + margin-left : 25px; + } + .text-slide .right .openImage { + position : relative; + display : block; + } + .text-slide .right .openImage i { + font-size : 1.5rem; + color : #fff; + position : absolute; + left : 0; + right : 0; + z-index : 20; + top : 50%; + margin-top : -12px; + text-align : center; + color : #333; + } + .text-slide .right .openImage i:before, .text-slide .right .openImage i:after { + color : #333; + } + .text-slide .right .openImage:after { + content : ""; + position : absolute; + top : 0; + right : 0; + bottom : 0; + left : 0; + z-index : 10; + background : rgba(255, 255, 255, 0.5); + border : rgba(0, 0, 0, 0.2) solid 1px; + } + .text-slide .right .singleImage { + display : block; + max-height : 250px; + overflow : hidden; + } + .text-slide .right .singleImage img { + display : block; + } + @media screen and (max-width:768px) { + .text-slide .left { + width : 100%; + float : none; + } + .text-slide .right { + float : none; + width : 100%; + margin-left : 0; + margin-top : 25px; + } + } + .ce-Image-Text-Element { + margin-bottom : 50px; + } + .ce-Image-Text-Element .einspaltig .bigText { + font-size : 18px; + line-height : normal; + } + .ce-Image-Text-Element .einspaltig + figure { + margin-top : 25px; + } + .ce-Image-Text-Element figure { + margin : 0; + } + .ce-Image-Text-Element figure figcaption { + font-size : 12px; + display : block; + margin : 0; + padding : 0; + line-height : normal; + text-align : right; + color : #333; + } + .ce-Image-Text-Element figure img { + display : block; + margin : 0 auto; + } + .ce-Image-Text-Element figure + .einspaltig { + margin-top : 25px; + } + .toggleContainer { + margin-bottom : 50px !important ; + } + @media screen and (max-width:1100px) { + .toggleContainer { + padding : 50px 25px 40px 25px !important ; + } + } + .toggleContainer h2, .toggleContainer .ce-table table caption, .ce-table table .toggleContainer caption { + margin : 0 0 30px 0; + } + .toggleContainer h3 { + padding : 0 20px; + background : #ececec; + line-height : 55px; + margin : 0 0 10px 0; + font-weight : 700; + outline : none; + cursor : pointer; + } + .toggleContainer h3 i { + color : #6c6c6c; + } + .toggleContainer h3 i + strong { + margin-left : 25px; + } + .toggleContainer h3 i + p { + margin-left : 5px; + } + .toggleContainer h3 strong { + font-family : "Quicksand", sans-serif; + font-weight : 700; + font-size : 24px; + line-height : normal; + display : inline-block; + margin-right : 10px; + vertical-align : middle; + } + .toggleContainer h3 p { + display : inline-block; + margin : 0; + font-family : "Quicksand", sans-serif; + color : #333; + } + .toggleContainer h3 span { + float : right; + display : inline-block; + font-size : 15px; + line-height : normal; + font-weight : 700; + font-family : "Quicksand", sans-serif; + line-height : 55px; + } + .toggleContainer .ui-accordion-content { + padding-bottom : 20px; + } + @media screen and (max-width:600px) { + .toggleContainer h3 strong { + font-size : 16px; + line-height : normal; + } + .toggleContainer h3 span { + font-size : 14px; + line-height : normal; + } + } + @media screen and (max-width:480px) { + .toggleContainer h3 span { + float : none; + width : 100%; + line-height : 16px; + display : block; + padding-bottom : 15px; + padding-left : 44px; + margin-top : -10px; + } + } + .ce-threeBoxesWithOption { + margin-bottom : 50px; + } + .ce-threeBoxesWithOption.addPadding { + padding : 50px 0 50px 0; + } + .ce-threeBoxesWithOption p { + color : #fff; + } + .ce-threeBoxesWithOption .inner > div { + margin-top : 40px; + } + .ce-threeBoxesWithOption .inner div article { + float : left; + width : calc(100% / 3); + text-align : center; + padding : 0 20px; + } + .ce-threeBoxesWithOption .inner div article i.big { + padding : 25px; + background : #fff; + border-radius : 50px; + font-size : 2rem; + margin-bottom : 15px; + } + .ce-threeBoxesWithOption .inner div article i.small { + border-radius : 50px; + padding : 15px; + text-align : center; + vertical-align : middle; + color : #0067b1; + background : rgba(255, 255, 255, 0.7); + font-size : 0.9rem; + margin-bottom : 15px; + min-height : 42px; + min-width : 42px; + } + .ce-threeBoxesWithOption .inner div article p { + color : #fff; + text-align : center; + } + @media screen and (max-width:760px) { + .ce-threeBoxesWithOption .inner div article { + float : none; + width : 100%; + } + .ce-threeBoxesWithOption .inner div article + article { + margin-top : 20px; + } + .ce-threeBoxesWithOption + .ce-threeBoxesWithOption { + margin-top : 2px; + } + } + .fontAwesome-list { + margin-bottom : 50px; + } + .fontAwesome-list ul { + margin : 0; + padding : 0; + list-style : none; + } + .fontAwesome-list ul li { + display : block; + color : #333; + position : relative; + padding-left : 30px; + } + .fontAwesome-list ul li i { + font-size : 22px; + border-radius : 50px; + padding : 0; + vertical-align : sub; + position : absolute; + left : 0; + top : 2px; + } + .fontAwesome-list ul li i.border { + border : #333 solid 1px; + text-align : center; + vertical-align : middle; + height : 30px; + width : 30px; + line-height : 30px; + font-size : 18px; + } + .fontAwesome-list ul li.border { + min-height : 30px; + padding-left : 40px; + } + .fontAwesome-list ul li.border span { + padding-top : 6px; + } + .fontAwesome-list ul li ul { + margin-top : 5px; + } + .fontAwesome-list ul li span { + margin : 0; + font-weight : 700; + display : inline-block; + vertical-align : middle; + } + .fontAwesome-list ul li + li { + margin-top : 10px; + } + .fontAwesome-list.twocol ul li { + position : relative; + float : left; + width : 48%; + padding-left : 30px; + } + .fontAwesome-list.twocol ul li.border { + padding-left : 40px; + } + .fontAwesome-list.twocol ul li + li { + margin-left : 4%; + margin-top : 0; + } + .fontAwesome-list.twocol ul li:nth-of-type(n 3) { + margin-top : 15px; + } + .fontAwesome-list.twocol ul li:nth-of-type(2n 3) { + margin-left : 0; + } + .fontAwesome-list.twocol ul li ul li { + float : none; + width : 100%; + } + .fontAwesome-list.twocol ul li ul li:nth-of-type(n 3) { + margin-top : 4px; + } + .fontAwesome-list.twocol ul li ul li + li { + margin-left : 0; + margin-top : 4px; + } + @media screen and (max-width:640px) { + .fontAwesome-list.twocol ul li { + width : 100%; + float : none; + } + .fontAwesome-list.twocol ul li + li { + margin-left : 0; + } + .fontAwesome-list.twocol ul li:nth-of-type(n 2) { + margin-top : 15px; + } + .fontAwesome-list.twocol ul li ul li:nth-of-type(n 2) { + margin-top : 0; + } + } + .tx-contentpackage-historieContainer { + margin-bottom : 50px; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner { + position : relative; + border-left : 3px solid #be1622; + padding : 44px 0 44px 22px; + } + @media screen and (max-width:1100px) { + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner { + padding : 50px 25px 25px 25px; + } + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear { + font-size : 32px; + line-height : normal; + background : #be1622; + color : #fff; + padding : 5px 10px; + width : auto; + display : inline-block; + margin-left : -118px; + } + @media screen and (max-width:1260px) { + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear { + margin : 0 0 15px -22px; + } + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p { + color : #333; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent * { + color : #333; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span { + display : block; + position : relative; + background : url(../img/chevron-down.png) no-repeat; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after { + top : 100%; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement + .tx-contentpackage-historieElement .inner { + padding-top : 50px; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type > span { + display : none; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground { + background : #be1622; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner { + border-left : 3px solid #fff; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear { + color : #be1622; + background : #fff; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent * { + color : #fff; + } + .ce-os-bee { + width : 1030px; + height : 820px; + margin-bottom : 50px; + position : relative; + } + .ce-os-bee .base { + width : 314px; + height : 314px; + border-radius : 250px; + margin : 0 auto; + display : block; + background : #c6c6c6; + padding : 30px; + position : relative; + margin-top : 261px; + line-height : 270px; + text-align : center; + } + .ce-os-bee .base img { + position : relative; + max-height : 100px; + width : auto; + vertical-align : middle; + } + .ce-os-bee .base span { + font-size : 24px; + color : #be1622; + font-weight : 700; + line-height : normal; + display : inline-block; + } + .ce-os-bee .child { + display : block; + width : 100%; + height : 100%; + vertical-align : middle; + text-align : center; + font-weight : 400; + font-size : 18px; + line-height : 156px; + color : #333; + text-decoration : none; + width : 156px; + height : 156px; + display : inline-block; + border-radius : 100px; + background : #c6c6c6; + position : relative; + line-height : 156px; + padding : 0 10px; + position : absolute; + top : 0; + left : 0; + transition : all 0.5s; + } + .ce-os-bee .child:hover { + background : #be1622; + color : #fff; + transition : all 0.5s; + transform : scale(1.2); + } + .ce-os-bee .child span { + display : inline-block; + line-height : 20px; + font-size : 18px; + top : 50%; + position : absolute; + left : 15px; + right : 15px; + } + .ce-os-bee .child:after { + content : ""; + border : #fff solid 3px; + border-radius : 100px; + position : absolute; + top : 4px; + right : 4px; + bottom : 4px; + left : 4px; + width : 92%; + } + @media screen and (max-width:1000px) { + #sy_lines { + display : none !important ; + } + .ce-os-bee { + display : none; + } + } + .ce-table { + margin-bottom : 50px !important ; + } + .ce-table.alignleft table tr td { + text-align : left; + } + .ce-table.alignleft table tr td a { + padding-left : 10px; + } + .ce-table.alignleft table tr td:first-of-type { + width : auto; + } + .ce-table.alignleft table tr td:first-of-type + td { + width : auto; + } + .ce-table.alignleft table tr td:last-of-type { + padding-left : 10px; + } + .ce-table.alignleft table thead tr td:nth-of-type(2) { + padding-left : 10px; + } + .ce-table table { + width : 100%; + border-collapse : collapse; + border : none; + } + .ce-table table caption { + margin-bottom : 40px; + } + .ce-table table tr { + height : 40px; + } + .ce-table table tr td { + text-align : center; + font-size : 13px; + } + .ce-table table tr td a { + font-size : 13px; + text-decoration : none; + line-height : 40px; + display : block; + background : #0067b1; + color : #fff; + text-transform : uppercase; + font-weight : 400; + } + .ce-table table tr td:first-of-type { + width : 290px; + text-align : left; + padding-left : 10px; + } + .ce-table table tr td:first-of-type + td { + width : 155px; + font-weight : 700; + } + .ce-table table tr td:nth-of-type(4) { + width : 155px; + } + .ce-table table tr td:nth-of-type(2), .ce-table table tr td:nth-of-type(3), .ce-table table tr td:nth-of-type(4), .ce-table table tr td:nth-of-type(5), .ce-table table tr td:nth-of-type(6) { + border-left : 1px solid #cdcdcd; + font-weight : 700; + font-size : 13px; + width : 155px; + } + .ce-table table tr td:nth-of-type(6) { + border-right : 1px solid #cdcdcd; + } + .ce-table table tr th:nth-of-type(2), .ce-table table tr th:nth-of-type(3), .ce-table table tr th:nth-of-type(4), .ce-table table tr th:nth-of-type(5), .ce-table table tr th:nth-of-type(6) { + border-left : 1px solid #cdcdcd; + border-top : 1px solid #cdcdcd; + font-weight : 400; + font-size : 13px; + width : 155px; + } + .ce-table table tr th:nth-of-type(6) { + border-right : 1px solid #cdcdcd; + } + .ce-table table tbody tr:nth-of-type(odd) { + background : #ededed; + } + @media screen and (max-width:1100px) { + .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner { + padding : 40px 25px; + } + } + @media screen and (max-width:1000px) { + .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner { + width : 100%; + overflow : scroll; + } + .ce-table.inner.small table, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table { + width : 1000px; + } + } + .service-formular { + background : #ededed; + padding : 40px 0; + } + .service-formular h3 { + display : none; + } + .service-formular .required { + float : right; + margin-top : -100px; + margin : -160px 0 0 0; + font-size : 12px; + } + @media screen and (max-width:960px) { + .service-formular .required { + float : none; + margin : 0; + } + } + .service-formular fieldset { + margin : 0; + padding : 0; + border : none; + } + .service-formular fieldset .powermail_legend { + margin-bottom : 20px; + width : 100%; + display : block; + } + .service-formular label { + display : none; + } + .service-formular input[type="text"], .service-formular input[type="password"], .service-formular input[type="email"], .service-formular input[type="date"], .service-formular select { + width : 100%; + height : 55px; + border : #bbb solid 1px; + padding : 10px; + color : #cdcdcd; + margin-top : 15px; + font-size : 18px; + color : #333; + } + .service-formular input[type="submit"] { + background : #0067b1; + font-size : 15px; + line-height : normal; + text-transform : uppercase; + color : #fff; + padding : 15px 60px; + margin-top : 30px; + border : none; + outline : none; + font-weight : 700; + cursor : pointer; + } + .service-formular textarea { + width : 100%; + resize : none; + height : 150px; + border : #bbb solid 1px; + color : #cdcdcd; + padding : 10px; + font-size : 18px; + color : #333; + } + .service-formular .powermail_fieldwrap_input { + float : left; + width : calc((100% - 30px) / 3); + } + .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input { + margin-left : 15px; + } + .service-formular .powermail_fieldwrap_check legend { + float : left; + margin : 25px 15px 15px 0; + } + .service-formular .powermail_fieldwrap_check input { + width : 20px; + height : 20px; + margin : 1px 3px 0; + } + .service-formular .powermail_fieldwrap_34 legend, .service-formular .powermail_fieldwrap_45 legend { + display : none; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer, .service-formular .powermail_fieldwrap_45 .powermail_check_outer { + margin-left : 0; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer input, .service-formular .powermail_fieldwrap_45 .powermail_check_outer input { + float : left; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer label, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label { + max-width : 80%; + float : left; + margin-left : 15px; + font-size : 12px; + line-height : normal; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer label a, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label a { + font-size : 12px; + line-height : normal; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner { + margin-left : 0; + width : 100%; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner + .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner + .powermail_check_inner { + margin-top : 20px; + } + .service-formular .powermail_check_outer label { + display : inline-block; + vertical-align : middle; + float : right; + } + .service-formular .parsley-required, .service-formular .parsley-custom-error-message { + font-size : 12px; + line-height : normal; + color : #be1622; + } + .service-formular .powermail_field_error_container_checkbox { + position : absolute; + } + .service-formular .powermail_check_outer { + margin : 25px 15px 15px 15px; + } + .service-formular .powermail_check_outer div { + float : left; + } + .service-formular .powermail_check_outer div + div { + margin-left : 15px; + } + @media screen and (max-width:760px) { + .service-formular .powermail_fieldwrap_input { + width : 100%; + float : none; + } + .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input { + margin-left : 0; + } + .service-formular .powermail_check_outer div { + display : block; + width : 100%; + } + .service-formular .powermail_check_outer div.powermail_check_inner input, .service-formular .powermail_check_outer div.powermail_check_inner label { + float : left; + } + .service-formular .powermail_check_outer div + div { + margin-left : 0; + } + } + .textOverSendButton { + font-size : 12px; + margin-top : 25px; + margin-bottom : -10px; + } + .tsaccordion .accordion-header { + background : url(../img/akkordeon_zu.png) 20px 20px no-repeat #ececec; + font-size : 1.5rem; + line-height : 1.9rem; + font-weight : normal; + padding : 9px 0 9px 64px; + margin : 0 0 2px 0; + } + .tsaccordion .accordion-switcher { + cursor : pointer; + } + .tsaccordion .accordion-switcher-active { + background-image : url(../img/akkordeon_offen.png); + } + .tsaccordion .accordion-content { + display : none; + padding : 19px 10px 28px 10px; + font-size : 0.9rem; + line-height : 1.3rem; + } + .tsaccordion .accordion-content .accordion-left { + display : inline-block; + float : left; + } + @media screen and (min-width:769px) { + .tsaccordion .accordion-content .accordion-left { + max-width : 70%; + } + } + @media screen and (max-width:768px) { + .tsaccordion .accordion-content .accordion-left { + float : none; + display : block; + } + .tsaccordion .accordion-content .accordion-left > br { + display : none; + } + } + .tsaccordion .accordion-content .accordion-left .accordion-name { + display : inline-block; + font-size : 1.5rem; + line-height : 1.9rem; + } + @media screen and (max-width:768px) { + .tsaccordion .accordion-content .accordion-left .accordion-name { + display : block; + } + } + .tsaccordion .accordion-content .accordion-left .accordion-thema { + display : inline-block; + font-size : 0.9rem; + line-height : 1.3rem; + } + @media screen and (max-width:768px) { + .tsaccordion .accordion-content .accordion-left .accordion-thema { + display : block; + } + } + .tsaccordion .accordion-content .accordion-logo { + display : inline-block; + float : right; + margin : 7px 0 0 0; + } + @media screen and (max-width:768px) { + .tsaccordion .accordion-content .accordion-logo { + float : none; + } + } + .tsaccordion .accordion-content .accordion-description { + margin : 20px 0 14px 0; + } + .tsaccordion .accordion-content .accordion-more { + color : #0067b1; + font-weight : bold; + text-decoration : none; + display : inline-block; + } + .tsaccordion .accordion-content .accordion-more img { + margin-left : 3px; + } + .ce-leftright > div { + padding : 200px 0; + } + .ce-leftright > div figure { + float : left; + max-width : 600px; + width : 45.28%; + margin : 0; + padding : 0; + margin-right : 5.28%; + padding-left : 3.77%; + position : relative; + } + .ce-leftright > div figure img { + display : block; + position : relative; + z-index : 50; + } + .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big { + position : absolute; + z-index : 10; + } + .ce-leftright > div figure img.small { + top : 20px; + left : 20px; + } + .ce-leftright > div figure img.medium { + top : 0; + right : 20px; + } + .ce-leftright > div figure img.big { + left : 25px; + bottom : 0; + } + .ce-leftright > div figure + div { + float : left; + max-width : 650px; + width : 49.05%; + } + .ce-leftright > div figure + div p { + margin : 0; + color : #fff; + } + .ce-leftright > div figure + div p + * { + margin-top : 20px; + } + .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.darkbluebutton, .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div a.whitebutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a { + min-width : 0; + } + .ce-leftright > div figure + div ul ul li { + font-weight : 400; + padding-left : 0; + } + .ce-leftright > div figure + div ul ul li:before { + display : none; + } + .ce-leftright > div.right figure { + float : right; + margin-left : 70px; + padding-left : 0; + margin-right : 0; + padding-right : 50px; + } + @media screen and (max-width:1180px) { + .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big { + display : none; + } + } + @media screen and (max-width:1024px) { + .ce-leftright .inner { + padding : 0 25px; + } + .ce-leftright > div { + padding : 50px 0; + } + .ce-leftright > div figure { + float : none; + max-width : none; + width : 100%; + margin-right : 0; + padding-left : 0; + margin-bottom : 25px; + } + .ce-leftright > div figure img { + margin : 0 auto; + } + .ce-leftright > div figure + div { + float : none; + max-width : none; + width : 100%; + margin-top : 40px; + text-align : center; + } + } + .sliderContainer { + margin-bottom : 50px; + } + .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { + padding-top : 100px; + } + .sliderContainer .swiper-container { + height : 600px; + } + .sliderContainer .swiper-slide { + background-size : cover !important ; + background-position : center center !important ; + } + .sliderContainer .slider-overlay { + background : rgba(0, 0, 0, 0.3); + width : 100%; + height : 100%; + } + .sliderContainer p { + font-size : 24px; + line-height : 34px; + color : #fff; + margin : 0; + font-weight : 600; + text-align : center; + } + .sliderContainer p + p { + margin-top : 30px; + } + @media screen and (max-width:680px) { + .sliderContainer .headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer .sliderContainer p.headlineH1Center { + font-weight : 600 !important ; + } + } + @media screen and (max-width:1100px) { + .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { + padding : 100px 60px; + } + .sliderContainer p { + font-size : 22px; + line-height : 32px; + } + } + @media screen and (max-width:800px) { + .sliderContainer { + background-size : cover !important ; + } + .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { + padding : 60px 60px; + } + .sliderContainer .swiper-container { + height : 500px; + } + .sliderContainer p { + font-size : 20px; + line-height : 30px; + } + } + @media screen and (max-width:600px) { + .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { + padding : 60px 40px; + } + .sliderContainer p { + font-size : 18px; + line-height : 28px; + } + .sliderContainer a { + font-size : 15px; + line-height : normal; + } + .sliderContainer .swiper-button-next { + right : 10px; + height : 26px; + width : 15px; + margin-top : -13px; + background-size : 15px 26px; + } + .sliderContainer .swiper-button-prev { + left : 10px; + height : 26px; + width : 15px; + margin-top : -13px; + background-size : 15px 26px; + } + } + @media screen and (max-width:480px) { + .sliderContainer .swiper-container { + height : 400px; + } + .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { + padding : 20px 35px; + } + .sliderContainer a { + font-size : 15px; + line-height : normal; + } + } + @media screen and (max-width:420px) { + .sliderContainer .swiper-container { + height : 450px; + } + } + .mapsContainer { + float : right; + width : calc((100% - 40px) / 2); + } + @media screen and (max-width:800px) { + .mapsContainer { + float : none; + width : 100%; + margin-top : 25px; + } + } + .mapsContainer iframe { + width : 100% !important ; + } + .contactMain { + margin-bottom : 50px !important ; + } + @media screen and (max-width:1100px) { + .contactMain { + padding-left : 25px; + padding-right : 25px; + } + } + .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 { + float : left; + width : calc((100% - 40px) / 2); + } + @media screen and (max-width:800px) { + .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 { + float : none; + width : 100%; + } + } + .powermail_form_3 fieldset, .powermail_form_4 fieldset, .powermail_form_5 fieldset, .powermail_form_6 fieldset, .powermail_form_7 fieldset { + margin : 0; + padding : 0; + border : none; + } + .powermail_form_3 fieldset legend, .powermail_form_4 fieldset legend, .powermail_form_5 fieldset legend, .powermail_form_6 fieldset legend, .powermail_form_7 fieldset legend { + display : none; + } + .powermail_form_3 fieldset > div + div, .powermail_form_4 fieldset > div + div, .powermail_form_5 fieldset > div + div, .powermail_form_6 fieldset > div + div, .powermail_form_7 fieldset > div + div { + margin-top : 15px; + } + .powermail_form_3 h3, .powermail_form_4 h3, .powermail_form_5 h3, .powermail_form_6 h3, .powermail_form_7 h3 { + display : none; + } + .powermail_form_3 div label, .powermail_form_4 div label, .powermail_form_5 div label, .powermail_form_6 div label, .powermail_form_7 div label { + float : none; + display : block; + width : 100%; + margin-bottom : 2px; + } + .powermail_form_3 div input, .powermail_form_4 div input, .powermail_form_5 div input, .powermail_form_6 div input, .powermail_form_7 div input { + display : block; + border : #c6c6c6 solid 1px; + height : 30px; + width : 400px; + width : 100%; + padding : 0 10px; + color : #333; + } + .powermail_form_3 div input[type="submit"], .powermail_form_4 div input[type="submit"], .powermail_form_5 div input[type="submit"], .powermail_form_6 div input[type="submit"], .powermail_form_7 div input[type="submit"] { + width : 100px; + cursor : pointer; + } + .powermail_form_3 div textarea, .powermail_form_4 div textarea, .powermail_form_5 div textarea, .powermail_form_6 div textarea, .powermail_form_7 div textarea { + display : block; + margin-top : 5px; + resize : none; + width : 400px; + width : 100%; + height : 150px; + border : #c6c6c6 solid 1px; + padding : 5px 10px; + color : #333; + } + .powermail_form_3 div .parsley-required, .powermail_form_3 div .parsley-custom-error-message, .powermail_form_4 div .parsley-required, .powermail_form_4 div .parsley-custom-error-message, .powermail_form_5 div .parsley-required, .powermail_form_5 div .parsley-custom-error-message, .powermail_form_6 div .parsley-required, .powermail_form_6 div .parsley-custom-error-message, .powermail_form_7 div .parsley-required, .powermail_form_7 div .parsley-custom-error-message { + font-size : 12px; + line-height : normal; + color : #be1622; + } + .powermail_form_3 div.powermail_fieldwrap_textarea label, .powermail_form_4 div.powermail_fieldwrap_textarea label, .powermail_form_5 div.powermail_fieldwrap_textarea label, .powermail_form_6 div.powermail_fieldwrap_textarea label, .powermail_form_7 div.powermail_fieldwrap_textarea label { + width : auto; + } + .powermail_form_3 div.powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check { + position : relative; + } + .powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner { + position : relative; + padding-left : 20px; + } + .powermail_form_3 div.powermail_fieldwrap_check label, .powermail_form_4 div.powermail_fieldwrap_check label, .powermail_form_5 div.powermail_fieldwrap_check label, .powermail_form_6 div.powermail_fieldwrap_check label, .powermail_form_7 div.powermail_fieldwrap_check label { + font-size : 12px; + line-height : normal; + max-width : 100%; + } + .powermail_form_3 div.powermail_fieldwrap_check label a, .powermail_form_4 div.powermail_fieldwrap_check label a, .powermail_form_5 div.powermail_fieldwrap_check label a, .powermail_form_6 div.powermail_fieldwrap_check label a, .powermail_form_7 div.powermail_fieldwrap_check label a { + font-size : 12px; + line-height : normal; + } + .powermail_form_3 div.powermail_fieldwrap_check input, .powermail_form_4 div.powermail_fieldwrap_check input, .powermail_form_5 div.powermail_fieldwrap_check input, .powermail_form_6 div.powermail_fieldwrap_check input, .powermail_form_7 div.powermail_fieldwrap_check input { + width : auto; + height : auto; + position : absolute; + left : 0; + top : 2px; + margin : 0; + } + .powermail_form_3 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check + .powermail_fieldwrap_check { + margin-top : 0; + } + .powermail_form_3 .textOverSendButton, .powermail_form_4 .textOverSendButton, .powermail_form_5 .textOverSendButton, .powermail_form_6 .textOverSendButton, .powermail_form_7 .textOverSendButton { + font-size : 12px; + margin-top : 25px; + margin-bottom : 0; + } + .firstSection { + max-height : 870px; + position : relative; + overflow : hidden; + } + .firstSection > a { + display : block; + } + .firstSection > a + div { + position : absolute; + top : 0; + right : 0; + bottom : 0; + left : 0; + z-index : 100; + background : rgba(0, 0, 0, 0.4); + } + .firstSection > a + div img:first-of-type { + position : absolute; + z-index : 150; + top : 50%; + margin-top : -49px; + text-align : center; + left : 50%; + margin-left : -183px; + } + @media screen and (max-width:480px) { + .firstSection > a + div img:first-of-type { + max-width : 250px; + margin-left : -125px; + margin-top : -33px; + } + } + .firstSection > a + div img:first-of-type + img { + position : absolute; + left : 50%; + margin-left : -58px; + bottom : 40px; + } + @media screen and (max-width:600px) { + .firstSection > a + div img:first-of-type + img { + display : none; + } + } + .firstSection video { + width : 100%; + display : block; + } + .firstSection figure { + margin : 0; + padding : 0; + width : 100%; + } + .firstSection figure img { + width : 100%; + } + .firstSection video + .linkLayout, .firstSection figure + .linkLayout { + position : absolute; + top : 0; + right : 0; + bottom : 0; + left : 0; + z-index : 100; + background : rgba(0, 0, 0, 0.4); + } + .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type { + position : absolute; + z-index : 150; + top : 50%; + margin-top : -49px; + text-align : center; + left : 50%; + margin-left : -183px; + } + @media screen and (max-width:480px) { + .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type { + max-width : 250px; + margin-left : -125px; + margin-top : -33px; + } + } + .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img { + position : absolute; + left : 50%; + margin-left : -58px; + bottom : 40px; + } + @media screen and (max-width:600px) { + .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img { + display : none; + } + } + .secondSection { + background : #0067b1; + } + .secondSection h2, .secondSection .ce-table table caption, .ce-table table .secondSection caption { + font-size : 40px; + font-weight : 400; + color : #fff; + line-height : normal; + text-align : left; + margin : 0 0 26px 0; + } + .secondSection h2:after, .secondSection .ce-table table caption:after, .ce-table table .secondSection caption:after { + display : none; + } + .secondSection p { + color : #fff; + max-width : 540px; + } + .secondSection div.inner { + padding : 0 25px 50px 25px; + } + .secondSection div.inner:first-of-type { + padding-top : 130px; + } + .secondSection div.inner:first-of-type .big { + position : absolute; + top : -70px; + right : 95px; + z-index : 5; + } + .secondSection div.inner:first-of-type .medium { + position : absolute; + bottom : -85px; + left : -5px; + } + .secondSection div.inner:first-of-type .small { + position : absolute; + left : 40px; + top : -25px; + } + .secondSection div.inner:nth-of-type(2) .big { + position : absolute; + top : -48px; + left : 16px; + z-index : 5; + } + .secondSection div.inner:nth-of-type(2) .medium { + position : absolute; + bottom : -75px; + left : 40px; + } + .secondSection div.inner:nth-of-type(2) .small { + position : absolute; + right : 90px; + top : 115px; + } + .secondSection div.inner:nth-of-type(3) h2, .secondSection div.inner:nth-of-type(3) .ce-table table caption, .ce-table table .secondSection div.inner:nth-of-type(3) caption { + margin-top : 0; + } + .secondSection div.inner:nth-of-type(3) .big { + position : absolute; + bottom : -75px; + left : 40px; + z-index : 5; + } + .secondSection div.inner:nth-of-type(3) .medium { + position : absolute; + top : -48px; + left : 16px; + } + .secondSection div.inner:nth-of-type(3) .small { + position : absolute; + right : 90px; + top : 115px; + } + .secondSection div.inner:nth-of-type(4) .big { + position : absolute; + top : -48px; + left : 16px; + z-index : 5; + } + .secondSection div.inner:nth-of-type(4) .medium { + position : absolute; + bottom : -75px; + left : 40px; + } + .secondSection div.inner:nth-of-type(4) .small { + position : absolute; + right : 90px; + top : 115px; + } + .secondSection div.inner:last-of-type { + padding-bottom : 130px; + text-align : center; + } + .secondSection div.inner .left { + float : left; + width : 50%; + position : relative; + } + .secondSection div.inner .right { + float : left; + width : 50%; + position : relative; + } + .secondSection div.inner .default { + position : relative; + z-index : 15; + } + @media screen and (max-width:1180px) { + .secondSection div.inner .small, .secondSection div.inner .medium, .secondSection div.inner .big { + display : none !important ; + } + .secondSection div.inner .right { + padding-left : 3%; + padding-right : 3%; + } + .secondSection div.inner .left { + padding-right : 5%; + } + } + .secondSection div.inner + div { + margin-top : 130px; + } + @media screen and (max-width:1024px) { + .secondSection .animatedParent { + display : none; + } + .secondSection div.inner:first-of-type { + padding-top : 50px; + } + .secondSection div.inner:last-of-type { + padding-bottom : 50px; + } + .secondSection div.inner .right:not(.animatedParent) { + padding : 0; + margin : 0 auto; + float : none; + width : 100%; + } + .secondSection div.inner .right:not(.animatedParent) h2, .secondSection div.inner .right:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .right:not(.animatedParent) caption { + font-size : 30px; + line-height : normal; + margin : 0 0 15px 0; + } + .secondSection div.inner .right:not(.animatedParent) p { + max-width : none; + } + .secondSection div.inner .left:not(.animatedParent) { + padding : 0; + margin : 0 auto; + float : none; + width : 100%; + } + .secondSection div.inner .left:not(.animatedParent) h2, .secondSection div.inner .left:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .left:not(.animatedParent) caption { + font-size : 30px; + line-height : normal; + margin : 0 0 15px 0; + } + .secondSection div.inner .left:not(.animatedParent) p { + max-width : none; + } + .secondSection div.inner + div { + margin-top : 50px; + } + } + @media screen and (max-width:768px) { + .secondSection div.inner .right:not(.animatedParent) { + width : 100%; + } + .secondSection div.inner .right:not(.animatedParent) p { + max-width : none; + } + .secondSection div.inner .left:not(.animatedParent) { + width : 100%; + } + .secondSection div.inner .left:not(.animatedParent) p { + max-width : none; + } + } + @media screen and (max-width:480px) { + .secondSection div.inner img { + max-width : 250px; + } + } + .thirdSection { + text-align : center; + background : #fc0; + padding-top : 100px; + } + .thirdSection .inner { + padding : 100px 25px 170px 25px; + } + .thirdSection .left { + float : left; + width : 50%; + position : relative; + } + .thirdSection .right { + float : left; + width : 50%; + position : relative; + padding-top : 110px; + } + .thirdSection .right a { + margin-bottom : 30px; + } + .thirdSection h2, .thirdSection .ce-table table caption, .ce-table table .thirdSection caption { + font-size : 40px; + text-align : center; + margin : 0 0 15px 0; + color : #333; + } + .thirdSection p { + color : #333; + text-align : center; + margin : 0 0 40px 0; + } + .thirdSection .buttonContainer { + text-align : center; + } + .thirdSection .default { + z-index : 10; + position : relative; + left : 55px; + left : 0; + } + .thirdSection .big { + position : absolute; + bottom : 50px; + left : -40px; + z-index : 5; + } + .thirdSection .medium { + position : absolute; + left : 165px; + top : -65px; + } + .thirdSection .small { + position : absolute; + bottom : 0; + right : 60px; + } + @media screen and (max-width:1250px) { + .thirdSection .default { + left : 25px; + } + } + @media screen and (max-width:1180px) { + .thirdSection { + padding-top : 0; + } + .thirdSection .default { + left : 0; + } + .thirdSection .small, .thirdSection .medium, .thirdSection .big { + display : none !important ; + } + .thirdSection .left { + padding-right : 5%; + } + .thirdSection .right { + padding-left : 3%; + padding-right : 3%; + } + } + @media screen and (max-width:1024px) { + .thirdSection { + padding-top : 0; + } + .thirdSection .inner { + padding-top : 50px; + padding-bottom : 50px; + } + .thirdSection .inner h2, .thirdSection .inner .ce-table table caption, .ce-table table .thirdSection .inner caption { + font-size : 30px; + line-height : normal; + margin : 0 0 15px 0; + } + .thirdSection .inner a { + font-size : 22px; + line-height : normal; + } + .thirdSection .left { + display : none; + } + .thirdSection .right { + float : none; + width : 100%; + padding : 0; + } + } + .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 { + float : left; + border : transparent solid 1px; + position : relative; + } + @media screen and (max-width:1024px) { + .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 { + display : none !important ; + } + } + .wrapsvg1 { + left : -705px; + top : 128px; + } + .wrapsvg4 { + left : -705px; + top : 128px; + } + .wrapsvg2 { + left : -15px; + top : -140px; + } + .wrapsvg3 { + left : -700px; + top : 60px; + } + .svg1 { + position : absolute; + } + .svg2 { + position : absolute; + } + .svg3 { + position : absolute; + } + .svg4 { + position : absolute; + } + nav.section { + position : fixed; + top : 50%; + right : 20px; + z-index : 9999; + } + @media screen and (max-width:1024px) { + nav.section { + display : none; + } + } + nav.section ul li { + width : 20px; + height : 20px; + border-radius : 25px; + background : #fff; + display : block; + cursor : pointer; + transition : all 0.3s; + } + nav.section ul li a { + z-index : 100; + display : none; + padding : 14px 10px; + margin-top : -3px; + right : 48px; + font-size : 12px; + text-decoration : none; + } + nav.section ul li + li { + margin-top : 5px; + } + nav.section ul li:hover a { + display : inline; + position : fixed; + color : #fff; + height : 10px; + line-height : 2px; + text-align : center; + background : #be1622; + } + nav.section ul li.active { + width : 15px; + height : 15px; + transition : all 0.3s; + margin : 5px auto 0 auto; + } + .newsletter { + width : 100%; + padding : 50px 0 0 0; + background : #ececec; + position : relative; + } + .newsletter:after, .newsletter:before { + top : 0; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .newsletter:after { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .newsletter:before { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .newsletter .right { + float : right; + width : 100%; + max-width : 463px; + max-width : 420px; + } + @media screen and (max-width:900px) { + .newsletter .right { + float : none; + width : 100%; + max-width : none; + padding : 0 25px; + } + } + .newsletter .firstrow { + width : 100%; + max-width : 840px; + margin : 0 auto; + } + .newsletter .firstrow h2, .newsletter .firstrow .ce-table table caption, .ce-table table .newsletter .firstrow caption { + text-align : left; + } + .newsletter .firstrow h2:after, .newsletter .firstrow .ce-table table caption:after, .ce-table table .newsletter .firstrow caption:after { + margin : 10px 0 0 0; + } + .newsletter .firstrow p { + font-weight : 700; + color : #333; + margin : 0 0 30px 0; + } + .newsletter .firstrow ul { + margin : 0; + padding : 0; + list-style : none; + } + .newsletter .firstrow ul li { + display : block; + color : #333; + font-weight : 700; + } + .newsletter .firstrow ul li span { + font-size : 22px; + margin-right : 10px; + border-radius : 50px; + border : #333 solid 2px; + padding : 10px; + vertical-align : sub; + } + .newsletter .firstrow ul li p { + margin : 0; + display : inline-block; + vertical-align : middle; + } + @media screen and (max-width:440px) { + .newsletter .firstrow ul li p { + width : 80%; + } + } + @media screen and (max-width:360px) { + .newsletter .firstrow ul li p { + width : 70%; + } + } + .newsletter .firstrow ul li + li { + margin-top : 10px; + } + .newsletter .secondrow { + background : #333; + padding : 60px 0; + margin-top : 30px; + } + .newsletter .secondrow .inner { + max-width : 836px; + position : relative; + } + .newsletter .secondrow img { + position : absolute; + left : 0; + left : 50px; + bottom : 0; + box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.4); + } + @media screen and (max-width:900px) { + .newsletter .secondrow img { + display : none; + } + } + .newsletter .secondrow .button { + text-align : center; + } + .newsletter .secondrow .button.animation span, .newsletter .secondrow .button.animation i { + display : inline-block; + padding-left : 0; + transition : all 0.7s; + } + .newsletter .secondrow .button.animation span + i { + padding-left : 5px; + transition : all 0.7s; + } + .newsletter .secondrow .button.animation i + span { + padding-left : 5px; + transition : all 0.7s; + } + .newsletter .secondrow .button.animation:hover span + i { + padding-left : 10px; + transition : all 0.7s; + } + .newsletter .secondrow .button.animation:hover i + span { + padding-left : 10px; + transition : all 0.7s; + } + .ce-download { + float : left; + width : 42%; + margin-bottom : 50px; + } + .ce-download h2, .ce-download .ce-table table caption, .ce-table table .ce-download caption { + text-align : left; + } + .ce-download h2:after, .ce-download .ce-table table caption:after, .ce-table table .ce-download caption:after { + margin : 10px 0 0 0; + } + .ce-download strong { + font-weight : 700; + font-size : 72px; + line-height : 3.3rem; + color : #333; + margin : 0 0 15px 0; + display : block; + } + .ce-download .date { + margin : 0 0 30px 0; + font-size : 14px; + line-height : normal; + color : #333; + } + .ce-download .agbContainer { + margin-top : 30px; + margin-bottom : 25px; + padding-left : 30px; + position : relative; + font-size : 14px; + line-height : normal; + } + .ce-download .agbContainer a { + color : #0067b1; + text-decoration : none; + } + .ce-download .agbContainer a:hover { + text-decoration : underline; + } + .ce-download .agbContainer input { + position : absolute; + left : 0; + top : 1px; + width : 20px; + height : 20px; + } + .ce-download .shortDescription { + margin-top : 0; + font-size : 14px; + line-height : normal; + } + .ce-download .Dbutton { + color : #fff; + background : #df8e96; + text-decoration : none; + width : 100%; + max-width : 280px; + display : block; + padding : 15px; + border : none; + outline : none; + text-align : left; + font-size : 22px; + line-height : normal; + } + .ce-download .Dbutton span { + font-size : 15px; + line-height : normal; + display : block; + margin-top : 5px; + } + .ce-download .Dbutton.active { + background : #be1622; + cursor : pointer; + } + .ce-download .Dbutton + div + .Dbutton, .ce-download .Dbutton + .Dbutton { + margin-top : 20px; + } + .ce-download .Dbutton.github { + background : #ececec; + color : #333; + padding : 20px 15px; + } + .ce-download .Dbutton.github span { + font-size : 45px; + vertical-align : sub; + margin-right : 8px; + margin-left : 15px; + display : inline-block; + } + .downloadOverlayContainer { + background : #fff; + padding : 25px 50px; + max-width : 720px; + margin : 0 auto; + position : relative; + } + .downloadOverlayContainer h1, .downloadOverlayContainer h2, .downloadOverlayContainer .ce-table table caption, .ce-table table .downloadOverlayContainer caption, .downloadOverlayContainer h3 { + font-size : 16px; + line-height : normal; + color : #333; + font-weight : 400; + text-align : center; + margin : 0 0 15px 0; + } + .downloadOverlayContainer h3 { + font-weight : 700; + } + .downloadOverlayContainer .input { + background : #ececec; + padding : 8px 12px; + border : #333 dotted 1px; + display : inline-block; + width : 65%; + color : #0067b1; + overflow-x : auto; + height : 40px; + } + .downloadOverlayContainer .copyButton { + background : #0067b1; + color : #fff; + font-size : 15px; + line-height : normal; + padding : 8px 5px; + display : inline-block; + width : 32%; + text-align : center; + vertical-align : top; + border : none; + outline : none; + cursor : pointer; + height : 40px; + } + .downloadOverlayContainer .copyButton i { + margin-right : 5px; + } + @media screen and (max-width:720px) { + .downloadOverlayContainer { + padding : 25px 25px; + } + .downloadOverlayContainer .input { + display : block; + width : 100%; + height : auto; + } + .downloadOverlayContainer .copyButton { + display : block; + width : 100%; + height : auto; + } + } + .mfp-wrap { + overflow-x : scroll !important ; + } + .ce-downloadhinweis { + float : right; + width : 50%; + margin-bottom : 50px; + } + .ce-downloadhinweis h2, .ce-downloadhinweis .ce-table table caption, .ce-table table .ce-downloadhinweis caption { + text-align : left; + } + .ce-downloadhinweis h2:after, .ce-downloadhinweis .ce-table table caption:after, .ce-table table .ce-downloadhinweis caption:after { + margin : 10px 0 0 0; + } + .ce-downloadhinweis p + p { + margin-top : 30px; + } + .ce-downloadhinweis p + ol, .ce-downloadhinweis p + ul { + margin-top : 25px; + } + .ce-downloadhinweis ul { + margin : 0; + padding : 0; + list-style : none; + } + .ce-downloadhinweis ul li { + color : #333; + } + .ce-downloadhinweis ul li a { + text-decoration : none; + color : #333; + font-size : 15px; + line-height : normal; + } + .ce-downloadhinweis ul li a:hover { + text-decoration : underline; + } + .ce-downloadhinweis ul li + li { + margin-top : 3px; + } + .ce-downloadhinweis ul li:before { + content : "\f178"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + margin-right : 5px; + } + .ce-downloadhinweis ol { + margin : 0; + padding : 0; + list-style : none; + } + .ce-downloadhinweis ol li { + display : block; + counter-increment : olliste; + } + .ce-downloadhinweis ol li:before { + content : counter(olliste) "."; + font-weight : 700; + font-size : 32px; + line-height : normal; + color : #bbbbbb; + margin-right : 5px; + } + .ce-downloadhinweis ol li + li { + margin-top : 15px; + } + .ce-downloadhinweis ol + p { + margin-top : 25px; + } + @media screen and (max-width:768px) { + .ce-download { + float : none; + width : 100%; + } + .ce-downloadhinweis { + float : none; + width : 100%; + } + } + .ce-youtube-text { + margin-bottom : 50px; + } + .ce-youtube-text h2, .ce-youtube-text .ce-table table caption, .ce-table table .ce-youtube-text caption { + margin-top : 0; + } + .ce-youtube-text .left, .ce-youtube-text .right { + float : left; + width : calc((100% - 20px) / 2); + } + @media screen and (max-width:767px) { + .ce-youtube-text .left, .ce-youtube-text .right { + float : none; + width : 100%; + } + } + .ce-youtube-text .left iframe { + width : 100% !important ; + height : 315px; + } + .ce-youtube-text .right { + margin-left : 20px; + } + .ce-youtube-text .right a { + display : block; + margin-top : 15px; + } + @media screen and (max-width:767px) { + .ce-youtube-text .right { + margin-left : 0; + margin-top : 20px; + } + } + .ce-youtube-slider { + margin-bottom : 50px; + } + .ce-youtube-slider .inner.small, .ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner { + position : relative; + } + .ce-youtube-slider a { + text-decoration : none; + } + .ce-youtube-slider p { + margin : 3px 0 0 0; + color : #333; + } + .ce-youtube-slider + div, .ce-youtube-slider + section { + border-top : 1px solid #c6c6c6; + padding-top : 50px; + } + .ce-youtube-slider .swiper-button-prev-small-youtube, .ce-youtube-slider .swiper-button-next-small-youtube { + padding : 12px 10px; + background : #ececec; + width : 30px; + } + .ce-youtube-slider .swiper-button-prev-small-youtube i.fa, .ce-youtube-slider .swiper-button-next-small-youtube i.fa { + padding-left : 0; + } + .ce-youtube-slider .swiper-button-next-small-youtube { + right : -30px; + } + .ce-youtube-slider .swiper-button-prev-small-youtube { + left : -30px; + } + .ce-youtube-slider .swiper-slide a div { + max-height : 140px; + height : auto; + overflow : hidden; + } + .ce-youtube-slider .swiper-slide a div img { + width : 100%; + } + @media screen and (max-width:640px) { + .ce-youtube-slider .swiper-slide a div { + max-height : none; + } + } + .shopDetailsContainer { + background : #ececec; + padding : 10px 0; + margin-bottom : 10px; + } + .shopDetailsContainer .left { + float : left; + min-height : 1px; + } + .shopDetailsContainer .left a { + color : #333; + font-weight : 600; + font-size : 14px; + line-height : normal; + text-decoration : none; + } + .shopDetailsContainer .left a i { + font-size : 12px; + } + .shopDetailsContainer .right { + float : right; + min-height : 1px; + } + .shopDetailsContainer .right ul li { + display : inline-block; + } + .shopDetailsContainer .right ul li a { + color : #333; + font-weight : 600; + font-size : 14px; + line-height : normal; + text-decoration : none; + } + .shopDetailsContainer .right ul li + li { + margin-left : 5px; + } + .shopDetailsContainer .tx-sy-osbeeproducts { + padding : 0; + } + .shopDetailsContainer .tx-sy-osbeeproducts ul { + display : inline-block; + } + .shopDetailsContainer .changeMoney span { + position : relative; + margin-right : 5px; + color : #333; + font-weight : 600; + font-size : 14px; + line-height : normal; + } + .shopDetailsContainer .changeMoney li { + position : relative; + margin-right : 5px; + color : #333; + font-weight : 600; + font-size : 14px; + line-height : normal; + } + .shopDetailsContainer .changeMoney li a { + color : #333; + font-weight : 600; + font-size : 14px; + line-height : normal; + text-decoration : none; + } + .shopDetailsContainer .changeMoney li ul { + width : 85px; + display : none; + position : absolute; + background : #fff; + padding : 5px 10px; + box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35); + top : 32px; + left : 0; + } + .shopDetailsContainer .changeMoney li ul:before { + content : ""; + height : 15px; + width : 100%; + position : absolute; + top : -15px; + } + .shopDetailsContainer .changeMoney li ul li a { + padding-left : 0; + } + .shopDetailsContainer .changeMoney li:hover ul { + display : block; + } + .marketplace-wrapper { + padding : 50px 0; + } + @media screen and (max-width:1120px) { + .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner { + padding : 50px 25px; + } + } + @media screen and (max-width:767px) { + .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner { + padding : 0 25px; + } + } + .marketplace-wrapper .mp-mobile { + display : none; + margin-bottom : 0; + margin-top : 25px; + margin-bottom : 25px; + } + .marketplace-wrapper .mp-mobile button { + width : 100%; + outline : none; + border : none; + } + @media screen and (max-width:767px) { + .marketplace-wrapper .mp-mobile { + display : block; + } + } + .marketplace-wrapper .mp-sidebar { + float : left; + width : 24.27%; + min-height : 1px; + margin-right : 0.97%; + } + .marketplace-wrapper .mp-sidebar.right { + margin-right : 0; + margin-left : 0.97%; + } + .marketplace-wrapper .mp-sidebar.right > div { + margin-bottom : 0; + } + .marketplace-wrapper .mp-sidebar.right > div + div { + margin-top : 30px; + } + @media screen and (max-width:767px) { + .marketplace-wrapper .mp-sidebar { + float : none; + width : 100%; + margin-right : 0; + display : none; + margin-bottom : 25px; + } + .marketplace-wrapper .mp-sidebar.active { + display : block; + } + .marketplace-wrapper .mp-sidebar.right { + margin-left : 0; + display : block; + } + } + .marketplace-wrapper .mp-sidebar > div { + margin-bottom : 99px; + } + .marketplace-wrapper .mp-sidebar > div + div { + margin-top : 40px; + margin-bottom : 0; + } + .marketplace-wrapper .mp-sidebar h2, .marketplace-wrapper .mp-sidebar .ce-table table caption, .ce-table table .marketplace-wrapper .mp-sidebar caption { + text-align : left; + color : #333; + text-transform : uppercase; + font-size : 16px; + line-height : normal; + font-weight : 700; + margin : 0 0 10px 0; + font-family : "Open Sans", sans-serif; + padding-bottom : 3px; + border-bottom : 2px solid #fc0; + } + .marketplace-wrapper .mp-sidebar h2:after, .marketplace-wrapper .mp-sidebar .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-sidebar caption:after { + display : none; + } + .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"], .marketplace-wrapper .mp-sidebar .mp-suche select { + height : 40px; + border : #818181 solid 1px; + padding : 5px 10px; + width : 100%; + font-size : 14px; + } + .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"] { + margin-bottom : 10px; + } + .marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"] { + width : 100%; + height : 40px; + border : none; + outline : none; + font-size : 16px; + line-height : normal; + font-weight : 700; + color : #fff; + background : #0067b1; + text-align : left; + padding : 10px; + cursor : pointer; + position : relative; + margin-top : 5px; + } + .marketplace-wrapper .mp-sidebar .mp-suche form { + position : relative; + } + .marketplace-wrapper .mp-sidebar .mp-suche form:after { + content : "\f105"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + margin-left : 5px; + position : absolute; + right : 10px; + bottom : 9px; + color : #fff; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li { + display : block; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a { + text-decoration : none; + color : #333; + font-size : 16px; + line-height : normal; + font-weight : 700; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover { + text-decoration : underline; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a { + display : block; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser { + width : 20px; + height : 20px; + float : left; + color : #fff; + text-align : center; + margin-right : 10px; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser i, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser i { + text-align : center; + vertical-align : middle; + color : #fff; + font-size : 10px; + padding : 0 0 3px 0; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul { + margin-top : 8px; + margin-left : 20px; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li { + padding-left : 10px; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a { + font-weight : 400; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li + li { + margin-top : 5px; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li { + margin-top : 12px; + } + .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a { + font-weight : 400; + } + .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li { + margin-top : 10px; + } + .marketplace-wrapper .mp-sidebar .mp-info img { + display : block; + } + .marketplace-wrapper .mp-sidebar .mp-info img + p { + font-size : 13px; + line-height : normal; + margin : 15px 0 0 0; + } + .marketplace-wrapper .mp-sidebar .mp-info img + p + p { + margin-top : 15px; + } + .marketplace-wrapper .mp-sidebar .mp-buttons a { + text-decoration : none; + color : #fff; + background : #0067b1; + width : 100%; + display : block; + font-size : 16px; + line-height : normal; + font-weight : 700; + text-transform : uppercase; + text-align : center; + padding : 15px; + } + .marketplace-wrapper .mp-sidebar .mp-buttons a + a { + margin-top : 10px; + } + .marketplace-wrapper .mp-sidebar .mp-buttons a.blue { + background : #0067b1; + } + .marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton { + padding : 0; + color : #333; + background : transparent; + } + .marketplace-wrapper .mp-sidebar .mp-productspecifikation { + background : #ececec; + padding : 15px 10px 30px 10px; + } + .marketplace-wrapper .mp-sidebar .mp-productspecifikation p { + margin : 0; + font-size : 13px; + line-height : normal; + } + .marketplace-wrapper .mp-sidebar .mp-productspecifikation p + p { + margin-top : 30px; + } + .marketplace-wrapper .mp-sidebar .mp-productspecifikation p a { + color : #0067b1; + font-weight : 700; + text-decoration : none; + } + .marketplace-wrapper .mp-sidebar .mp-productShare p { + margin : 0; + font-weight : 700; + } + .marketplace-wrapper .mp-sidebar .mp-productShare br { + display : none; + } + .marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal { + text-align : left !important ; + } + .marketplace-wrapper .mp-contentContainer { + float : left; + width : 74.76%; + min-height : 1px; + } + .marketplace-wrapper .mp-contentContainer.detailseite { + width : 49.51%; + padding-top : 25px; + } + @media screen and (max-width:767px) { + .marketplace-wrapper .mp-contentContainer { + float : none; + width : 100%; + margin-bottom : 25px; + } + .marketplace-wrapper .mp-contentContainer.detailseite { + width : 100%; + } + } + .marketplace-wrapper .mp-contentContainer .mp-banner { + width : 100%; + height : auto; + margin-bottom : 30px; + position : relative; + } + @media screen and (max-width:480px) { + .marketplace-wrapper .mp-contentContainer .mp-banner { + display : none; + } + } + .marketplace-wrapper .mp-contentContainer .mp-banner div { + position : absolute; + top : 40px; + left : 40px; + } + @media screen and (max-width:1024px) { + .marketplace-wrapper .mp-contentContainer .mp-banner div { + top : 20px; + left : 20px; + } + } + .marketplace-wrapper .mp-contentContainer .mp-banner div h2, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption { + color : #fff; + font-weight : 700; + text-align : left; + font-size : 32px; + line-height : normal; + text-transform : uppercase; + margin-top : 0; + font-family : "Open Sans", sans-serif; + } + .marketplace-wrapper .mp-contentContainer .mp-banner div h2:after, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after { + margin : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-banner div p { + color : #fff; + margin : 0; + font-size : 13px; + line-height : normal; + } + .marketplace-wrapper .mp-contentContainer .mp-banner div p + p { + margin-top : 15px; + } + @media screen and (max-width:767px) { + .marketplace-wrapper .mp-contentContainer .mp-banner div p { + display : none; + } + } + .marketplace-wrapper .mp-contentContainer .mp-banner div a { + color : #fff; + text-decoration : none; + font-size : 13px; + line-height : normal; + display : block; + margin-top : 15px; + text-transform : uppercase; + } + .marketplace-wrapper .mp-contentContainer .mp-banner div a:after { + content : "\f178"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + margin-left : 5px; + } + .marketplace-wrapper .mp-contentContainer .mp-banner div a:hover { + text-decoration : underline; + } + .marketplace-wrapper .mp-contentContainer .mp-filter { + width : 100%; + margin-bottom : 20px; + } + @media screen and (min-width:600px) { + .marketplace-wrapper .mp-contentContainer .mp-filter ul { + display : flex; + flex-wrap : nowrap; + } + } + .marketplace-wrapper .mp-contentContainer .mp-filter ul li { + background : #bbbbbb; + color : #fff; + cursor : pointer; + padding : 15px 0; + font-weight : 700; + text-transform : uppercase; + text-align : center; + } + @media screen and (min-width:600px) { + .marketplace-wrapper .mp-contentContainer .mp-filter ul li { + flex-direction : column; + order : 4; + flex-grow : 4; + } + } + .marketplace-wrapper .mp-contentContainer .mp-filter ul li.active, .marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover { + background : #333; + } + .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li { + margin-left : 10px; + } + @media screen and (max-width:1024px) { + .marketplace-wrapper .mp-contentContainer .mp-filter ul li { + font-size : 13px; + line-height : normal; + } + } + @media screen and (max-width:768px) { + .marketplace-wrapper .mp-contentContainer .mp-filter ul li { + font-size : 12px; + line-height : normal; + } + } + @media screen and (max-width:600px) { + .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li { + margin-left : 0; + margin-top : 10px; + } + } + .marketplace-wrapper .mp-contentContainer .mp-content article { + float : left; + width : 250px; + width : calc((100% - 21px) / 3); + border : #818181 solid 1px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article + article { + margin-left : 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) { + margin-left : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 4) { + margin-top : 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article > a { + display : block; + height : 100%; + position : relative; + padding-bottom : 50px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header { + position : relative; + padding : 10px 10px 0 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser { + display : block; + float : left; + max-width : 70px; + margin-right : 10px; + width : 54px; + height : 54px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i { + text-align : center; + vertical-align : middle; + color : #fff; + font-size : 24px; + padding : 15px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header h3 { + font-size : 16px; + line-height : normal; + color : #333; + font-weight : 400; + margin : 0 0 10px 0; + max-width : calc(100% - 70px); + float : left; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header span { + font-size : 11px; + line-height : normal; + display : block; + font-weight : 400; + color : #333; + clear : both; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner { + position : absolute; + top : 0; + right : 0; + z-index : 800; + } + @media screen and (max-width:1120px) { + .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner { + display : none; + } + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer { + position : relative; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty { + position : absolute; + top : 0; + left : 0; + width : 0%; + overflow : hidden; + height : 22px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span { + color : #fc0; + position : absolute; + top : 4px; + font-size : 9px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span { + left : 12px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span { + left : 23px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span { + left : 34px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span + span { + left : 45px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty { + position : relative; + left : auto; + right : auto; + bottom : auto; + width : 100%; + } + .marketplace-wrapper .mp-contentContainer .mp-content article main { + margin-top : 15px; + padding : 0 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article main p { + font-size : 13px; + line-height : normal; + margin : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article main p + p { + margin-top : 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article main img { + display : block; + margin-top : 15px; + max-height : 25px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer { + margin-top : 10px; + border-top : 1px solid #818181; + padding : 10px 10px 10px 10px; + position : absolute; + left : 0; + right : 0; + bottom : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer { + float : left; + position : relative; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled { + position : absolute; + top : 0; + left : 0; + width : 0%; + overflow : hidden; + height : 22px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span { + color : #fc0; + position : absolute; + top : 4px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span { + left : 19px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span { + left : 38px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span { + left : 57px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span + span { + left : 76px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .price { + float : none; + } + @media screen and (max-width:1100px) { + .marketplace-wrapper .mp-contentContainer .mp-content article footer .price { + font-size : 13px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .price span { + font-size : 10px !important ; + } + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation { + display : none; + background : #0067b1; + color : #fff; + text-align : center; + text-transform : uppercase; + font-weight : 700; + font-size : 16px; + line-height : normal; + padding : 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after { + content : "\f178"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + margin-left : 5px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article a { + text-decoration : none; + color : #333; + } + .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer { + padding : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer { + display : none; + } + .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price { + display : none; + } + .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation { + display : block; + } + @media screen and (max-width:1023px) { + .marketplace-wrapper .mp-contentContainer .mp-content article { + width : calc((100% - 11px) / 2); + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) { + margin-left : 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) { + margin-left : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 3) { + margin-top : 10px; + } + } + @media screen and (max-width:560px) { + .marketplace-wrapper .mp-contentContainer .mp-content article { + width : 100%; + margin-left : 0 !important ; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) { + margin-left : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) { + margin-left : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 2) { + margin-top : 10px; + } + } + .mpdetail-content .mp-productInfo { + margin-bottom : 60px; + } + .mpdetail-content .mp-productInfo > img, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser { + float : left; + margin : 0 10px; + max-width : 110px; + display : block; + text-align : center; + height : 100px; + width : 100px; + } + .mpdetail-content .mp-productInfo > img i, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser i { + font-size : 40px; + vertical-align : middle; + color : #fff; + display : inline-block; + line-height : 100px; + } + .mpdetail-content .mp-productInfo > div { + float : left; + max-width : 340px; + } + .mpdetail-content .mp-productInfo > div h1 { + font-size : 16px; + line-height : normal; + color : #333; + font-weight : 700; + margin : 0 0 5px 0; + } + .mpdetail-content .mp-productInfo > div > span { + font-size : 11px; + line-height : normal; + display : block; + font-weight : 400; + color : #333; + } + .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img { + display : block; + margin : 15px 0; + float : left; + } + .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img + img { + margin-left : 5px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer { + position : relative; + display : inline-block; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled { + position : absolute; + top : 0; + left : 0; + width : 0%; + overflow : hidden; + height : 22px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled span { + color : #fc0; + position : absolute; + top : 4px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span { + left : 19px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span { + left : 38px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span { + left : 57px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span + span { + left : 76px; + } + .mpdetail-content .mp-productWrapper > ul li { + float : left; + width : calc(100% / 3); + background : #fff; + text-align : center; + border-top : 2px solid #ebebeb; + border-left : 2px solid #ebebeb; + cursor : pointer; + } + .mpdetail-content .mp-productWrapper > ul li a { + color : #333; + font-size : 13px; + line-height : normal; + cursor : pointer; + text-decoration : none; + font-weight : 700; + display : block; + padding : 15px; + } + @media screen and (max-width:360px) { + .mpdetail-content .mp-productWrapper > ul li a { + font-size : 11px; + line-height : normal; + } + } + .mpdetail-content .mp-productWrapper > ul li.current, .mpdetail-content .mp-productWrapper > ul li:hover { + background : #ececec; + border-top : 2px solid #fc0; + } + .mpdetail-content .mp-productWrapper > ul li.current i, .mpdetail-content .mp-productWrapper > ul li:hover i { + color : #fc0; + } + .mpdetail-content .mp-productWrapper > ul li.current { + border-left : 2px solid transparent; + border-right : 2px solid transparent; + } + .mpdetail-content .mp-productWrapper > ul li.current + li { + border-left : 2px solid #ebebeb; + } + .mpdetail-content .mp-productWrapper > ul li:nth-of-type(2).current { + border-left : 2px solid #ebebeb; + } + .mpdetail-content .mp-productWrapper > ul li + li { + border-right : 2px solid #ebebeb; + } + .mpdetail-content .mp-productWrapper > ul li + li + li { + border-left : 2px solid transparent; + } + .mpdetail-content .mp-productWrapper .mp-productTab { + display : none; + background : #ececec; + padding : 15px 10px; + } + .mpdetail-content .mp-productWrapper .mp-productTab:first-of-type { + display : block; + } + .mpdetail-content .mp-productWrapper .mp-productTab h3 { + color : #333; + margin : 0 0 10px 0; + font-size : 18px; + line-height : normal; + font-weight : 700; + } + .mpdetail-content .mp-productWrapper .mp-productTab a { + font-size : 13px; + line-height : normal; + } + .mpdetail-content .mp-productWrapper .mp-productTab p { + margin : 0; + font-size : 13px; + line-height : normal; + color : #333; + } + .mpdetail-content .mp-productWrapper .mp-productTab p a { + font-size : 13px; + line-height : normal; + } + .mpdetail-content .mp-productWrapper .mp-productTab p + p { + margin-top : 15px; + } + .mpdetail-content .mp-productWrapper .mp-productTab ul { + margin : 10px 0 0 0; + padding : 0; + list-style-type : none; + } + .mpdetail-content .mp-productWrapper .mp-productTab ul li { + position : relative; + padding-left : 15px; + font-size : 13px; + line-height : normal; + } + .mpdetail-content .mp-productWrapper .mp-productTab ul li:before { + content : "\f054"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + position : absolute; + top : 4px; + left : 0; + color : #333; + font-size : 12px; + } + .mpdetail-content .mp-productWrapper .mp-productTab ul li + li { + margin-top : 4px; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span { + color : #bbb; + cursor : pointer; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span { + color : #fc0; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span:before { + content : "\f005"; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer p { + font-size : 18px; + line-height : normal; + color : #bbb; + display : inline-block; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form { + margin-bottom : 20px; + padding-bottom : 30px; + border-bottom : 1px solid #bbbbbb; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea { + resize : none; + height : 105px; + padding : 10px; + width : 100%; + margin-top : 10px; + color : #bbb; + font-size : 18px; + line-height : normal; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea + p { + font-size : 13px; + line-height : normal; + color : #bbb; + text-align : right; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"] { + display : inline-block; + font-size : 16px; + line-height : normal; + color : #fff; + border : none; + outline : none; + text-align : center; + background : #0067b1; + text-transform : uppercase; + padding : 15px; + min-width : 160px; + margin-top : -10px; + font-weight : 700; + cursor : pointer; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3 { + margin-bottom : 5px; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment + .mp-usercomment { + margin-top : 25px; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star { + color : #fc0; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span { + color : #bbb; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply { + background : #fff; + padding : 15px 10px; + margin-left : 30px; + position : relative; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after { + bottom : 100%; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before { + border-color : rgba(255, 255, 255, 0); + border-bottom-color : #fff; + border-width : 15px; + margin-left : -200px; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after { + border-color : rgba(255, 255, 255, 0); + border-bottom-color : #fff; + border-width : 15px; + margin-left : -200px; + } + .forumWrapOuter { + background : #ececec; + } + .forumWrapOuter .ce-Image-Text-Element { + margin-bottom : 0; + padding-bottom : 40px; + } + .tx-typo3forum-pi1 { + padding-top : 50px; + padding-bottom : 50px; + } + .tx-typo3forum-pi1 .forum_menu, .tx-typo3forum-pi1 .topic_list_menu { + margin-bottom : 40px; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) { + float : left; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i { + display : none; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before { + content : "\f053"; + display : inline-block; + margin-right : 5px; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) { + float : right; + margin-left : 15px; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i { + display : none; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before { + content : "\f0fe"; + display : inline-block; + margin-right : 5px; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) { + float : right; + display : none !important ; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i { + display : none; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a { + background : #fc0; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before { + content : "\f005"; + display : inline-block; + margin-right : 5px; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + @media screen and (max-width:640px) { + .tx-typo3forum-pi1 .forum_menu ul li, .tx-typo3forum-pi1 .topic_list_menu ul li { + float : none !important ; + width : 100% !important ; + margin-bottom : 5px; + margin-left : 0 !important ; + } + .tx-typo3forum-pi1 .forum_menu ul li a, .tx-typo3forum-pi1 .topic_list_menu ul li a { + width : 100%; + text-align : center; + } + } + .tx-typo3forum-pi1 #topic fieldset, .tx-typo3forum-pi1 #post fieldset, .tx-typo3forum-pi1 #report fieldset { + border : none; + padding : 0; + margin : 0; + } + .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend { + margin-bottom : 40px; + } + .tx-typo3forum-pi1 #topic fieldset .control-group, .tx-typo3forum-pi1 #post fieldset .control-group, .tx-typo3forum-pi1 #report fieldset .control-group { + margin-bottom : 15px; + } + .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #post fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #report fieldset .control-group + .control-group > label { + position : relative; + } + .tx-typo3forum-pi1 #topic fieldset .markItUpContainer, .tx-typo3forum-pi1 #post fieldset .markItUpContainer, .tx-typo3forum-pi1 #report fieldset .markItUpContainer { + width : 100%; + max-width : 927px; + } + .tx-typo3forum-pi1 #topic fieldset .markItUpHeader, .tx-typo3forum-pi1 #post fieldset .markItUpHeader, .tx-typo3forum-pi1 #report fieldset .markItUpHeader { + float : right; + } + .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu { + padding-right : 0; + } + .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a { + width : 18px; + height : 18px; + } + .tx-typo3forum-pi1 #topic fieldset input[type="submit"], .tx-typo3forum-pi1 #post fieldset input[type="submit"], .tx-typo3forum-pi1 #report fieldset input[type="submit"] { + display : block; + float : left; + border : #c6c6c6 solid 1px; + height : 35px; + padding : 0 10px; + background : #c6c6c6; + font-size : 14px; + line-height : 33px; + cursor : pointer; + font-family : "Open Sans", sans-serif; + } + .tx-typo3forum-pi1 #topic fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #post fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #report fieldset input[type="submit"] + .btn { + display : block; + float : left; + border : #c6c6c6 solid 1px; + height : 35px; + padding : 0 10px; + margin-left : 10px; + background : #c6c6c6; + font-size : 14px; + line-height : 35px; + color : #000; + font-weight : 400; + font-family : "Open Sans", sans-serif; + } + .tx-typo3forum-pi1 #topic fieldset input[type="checkbox"], .tx-typo3forum-pi1 #post fieldset input[type="checkbox"], .tx-typo3forum-pi1 #report fieldset input[type="checkbox"] { + margin-left : 0; + margin-top : 0; + vertical-align : bottom; + } + .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset textarea { + border : #c6c6c6 solid 1px; + padding : 0 10px; + height : 30px; + font-family : "Open Sans", sans-serif; + } + .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset input[type="text"] { + width : 100%; + max-width : 927px; + } + .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset textarea { + padding-top : 10px; + padding-bottom : 10px; + margin-top : 5px; + min-height : 200px; + font-family : "Open Sans", sans-serif; + } + .tx-typo3forum-pi1 #post fieldset .control-group > label { + position : relative; + bottom : -25px; + } + .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label { + position : relative; + bottom : -25px; + } + .tx-typo3forum-pi1 #report .markItUp { + margin-top : -20px; + } + .tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code, .tx-typo3forum-pi1 #report .markItUp .markItUpSeparator { + display : none; + } + .tx-typo3forum-pi1 ul.nav-pills-condensed { + margin-bottom : 5px; + } + .tx-typo3forum-pi1 > h2, .ce-table table .tx-typo3forum-pi1 > caption { + display : none; + } + .tx-typo3forum-pi1 > h2.enable, .ce-table table .tx-typo3forum-pi1 > caption.enable { + text-transform : none; + text-align : left; + padding-left : 10px; + background : #0067b1; + padding : 15px 0 15px 10px; + margin : 0; + font-size : 16px; + line-height : normal; + color : #fff; + } + .tx-typo3forum-pi1 > h2.enable:after, .ce-table table .tx-typo3forum-pi1 > caption.enable:after { + display : none; + } + .tx-typo3forum-pi1 table tbody td { + background : #fff !important ; + padding : 10px 8px; + line-height : 60px; + vertical-align : middle; + height : 60px; + font-size : 13px; + line-height : normal; + } + .tx-typo3forum-pi1 table tbody td div { + font-size : 13px; + line-height : 18.2px; + font-size : 0.8125rem; + line-height : 1.1375rem; + font-weight : 300; + color : #b4b4b4; + font-size : 13px; + line-height : normal; + } + .tx-typo3forum-pi1 table tbody td a { + font-size : 16px; + line-height : normal; + font-weight : 700; + text-decoration : none; + color : #333; + } + .tx-typo3forum-pi1 table tbody td:nth-of-type(n 3) { + text-align : center; + } + .tx-typo3forum-pi1 .f3-widget-paginator { + text-align : right; + } + .tx-typo3forum-pi1 .f3-widget-paginator li { + color : #0067b1; + font-weight : 700; + font-size : 13px; + line-height : normal; + display : inline-block; + } + .tx-typo3forum-pi1 .f3-widget-paginator li a { + font-size : 13px; + } + .tx-typo3forum-pi1 .f3-widget-paginator li.current { + color : #fc0; + } + .tx-typo3forum-pi1 .f3-widget-paginator li + li { + margin-left : 5px; + } + .ce-osbee-forum h2, .ce-osbee-forum .ce-table table caption, .ce-table table .ce-osbee-forum caption { + text-transform : none; + text-align : left; + padding-left : 10px; + background : #0067b1; + padding : 15px 0 15px 10px; + margin : 0; + font-size : 16px; + line-height : normal; + color : #fff; + } + .ce-osbee-forum h2:after, .ce-osbee-forum .ce-table table caption:after, .ce-table table .ce-osbee-forum caption:after { + display : none; + } + .ce-osbee-forum .ce-osbee-forum-wrap { + display : block; + width : 100%; + background : #fff; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child { + width : 100%; + padding : 15px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon { + float : left; + max-width : 70px; + margin-right : 15px; + width : 41px; + height : 41px; + border-radius : 25px; + background : #c6c6c6; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic { + background : #fff; + text-align : center; + vertical-align : middle; + border : #bbb solid 1px; + width : 20px; + height : 20px; + color : #bbb; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i { + padding : 0; + font-size : 12px; + padding-top : 4px; + display : block; + } + @media screen and (max-width:640px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon { + display : none; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { + float : left; + width : 55%; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 { + margin : 0; + font-size : 16px; + line-height : normal; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a { + font-size : 16px; + line-height : normal; + font-weight : 700; + color : #333; + margin : 0 0 5px 0; + display : block; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a { + font-weight : 400; + font-size : 12px; + line-height : normal; + margin : 0; + display : block; + width : 100%; + max-width : 500px; + overflow : hidden; + text-overflow : ellipsis; + white-space : nowrap; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span { + display : block; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span + span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span + span { + color : #bbb; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { + width : 40%; + } + } + @media screen and (max-width:800px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { + width : 36%; + } + } + @media screen and (max-width:768px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { + float : none; + width : 100%; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a { + margin-bottom : 0; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p { + margin-bottom : 20px; + max-width : 85%; + } + } + @media screen and (max-width:480px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p { + margin-bottom : 0; + max-width : 100%; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { + float : right; + width : 36%; + min-width : 360px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p { + display : none; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts { + display : block; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics { + font-size : 12px; + line-height : 14px; + margin : 0; + font-weight : 400; + width : 45px; + text-align : center; + float : left; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span { + display : block; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics { + width : 40px; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts { + font-size : 12px; + line-height : 14px; + margin : 0; + font-weight : 400; + float : left; + width : 45px; + text-align : center; + margin-left : 25px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a { + font-size : 12px; + line-height : 14px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span { + display : block; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts { + width : 40px; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { + width : 220px; + position : relative; + padding-left : 40px; + display : block; + float : left; + margin-left : 25px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon { + max-height : 30px; + border-radius : 25px; + width : auto; + margin-right : 0; + position : absolute; + left : 0; + top : 0; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost { + font-size : 12px; + line-height : 14px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a { + font-size : 12px; + line-height : 14px; + text-decoration : none; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover { + text-decoration : underline; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor { + font-size : 12px; + line-height : 14px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a { + font-size : 12px; + line-height : 14px; + text-decoration : none; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover { + text-decoration : underline; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time { + font-size : 12px; + line-height : 14px; + display : block; + width : 100%; + color : #c6c6c6; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { + width : 200px; + } + } + @media screen and (max-width:420px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { + width : auto; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img { + display : none; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { + margin-top : 0; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span { + display : inline; + vertical-align : middle; + line-height : 30px; + font-size : 12px; + line-height : 14px; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { + width : 35%; + min-width : 330px; + } + } + @media screen and (max-width:768px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { + float : none; + width : 100%; + } + } + @media screen and (max-width:480px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { + display : none; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a { + font-weight : 400; + color : #333; + text-decoration : none; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child + .ce-osbee-forum-child { + border-top : 1px solid #bbbbbb; + } + ul.nav-pills li { + display : inline-block; + } + ul.nav-pills li a { + font-size : 12px; + line-height : normal; + color : #333; + font-weight : 400; + text-decoration : none; + } + ul.nav-pills li a:hover { + text-decoration : underline; + } + ul.nav-pills li:last-of-type a { + font-weight : 700; + color : #333; + } + ul.nav-pills li + li:before { + content : "\f054"; + color : #fc0; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + font-size : 10px; + } + ul.nav-pills + .ce-osbee-forum { + margin-top : 20px; + } + .ce-osbee-forum-singlepost { + position : relative; + background : #fff; + padding : 30px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation { + width : 20%; + float : left; + padding-right : 2%; + border-right : 1px solid #bbb; + text-align : center; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon { + float : none; + display : block; + margin : 0; + background : #ececec; + padding : 10px; + text-align : center; + border-radius : 150px; + height : 85px; + width : 85px; + margin : 15px auto; + font-size : 60px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a { + font-size : 16px; + line-height : normal; + margin : 0 0 10px 0; + color : #333; + font-weight : 700; + text-decoration : none; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover { + text-decoration : underline; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname { + font-size : 16px; + line-height : normal; + margin : 0 0 10px 0; + color : #333; + font-weight : 700; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName { + font-size : 18px; + line-height : normal; + font-weight : 600; + color : #333; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered { + font-size : 14px; + line-height : normal; + color : #bbbbbb; + margin-bottom : 10px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince { + font-size : 12px; + line-height : normal; + color : #bbbbbb; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts { + font-size : 12px; + line-height : normal; + color : #bbbbbb; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p { + font-size : 14px; + line-height : normal; + font-weight : 400; + margin : 0; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p + p { + margin-top : 2px; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation { + width : 25%; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a { + font-size : 14px; + line-height : normal; + } + } + @media screen and (max-width:768px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation { + float : none; + width : 100%; + border-right : none; + padding-right : 0; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon { + display : none; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div { + padding-bottom : 15px; + border-bottom : 1px solid #bbb; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div * { + display : block; + text-align : left; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a { + font-size : 14px; + line-height : normal; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered { + margin-left : 0; + } + } + @media screen and (max-width:480px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div { + padding-bottom : 15px; + } + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content { + width : 77%; + float : left; + padding-left : 2%; + margin-left : 3%; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content { + width : 70%; + } + } + @media screen and (max-width:768px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content { + float : none; + margin-left : 0; + width : 100%; + margin-top : 20px; + } + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text { + padding : 0; + margin : 0; + font-size : 12px; + line-height : normal; + padding-top : 10px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p { + font-size : 12px; + line-height : normal; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote { + background : #fff; + color : #333; + border : none; + margin : 0 0 15px 0; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user { + color : #333; + font-size : 12px; + font-weight : 400; + line-height : normal; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a { + color : #333; + font-size : 12px; + font-weight : 400; + line-height : normal; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text { + margin-top : 10px; + font-style : italic; + color : #bbb; + font-size : 12px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before { + content : "\f10e"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + font-size : 30px; + color : #0067b1; + margin-right : 10px; + vertical-align : top; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote { + margin : -30px 0 10px 35px; + padding : 0; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before { + font-size : 20px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation { + border-bottom : 1px solid #bbb; + padding-bottom : 5px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu { + float : right; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a { + font-weight : 400; + font-size : 12px; + line-height : normal; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon { + padding-left : 0; + position : relative; + top : -4px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date { + float : left; + font-size : 12px; + line-height : normal; + color : #333; + font-style : normal; + font-size : 13px; + color : #bbb; + } + @media screen and (max-width:768px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation { + position : absolute; + top : 30px; + right : 30px; + border-bottom : none; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date { + float : none; + display : inline-block; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu { + float : none; + margin-left : 10px; + display : inline-block; + } + } + @media screen and (max-width:480px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation { + position : relative; + top : 0; + text-align : right; + right : auto; + border-bottom : none; + } + } + .ce-osbee-forum-singlepost + .ce-osbee-forum-singlepost { + border-top : 1px solid #bbbbbb; + } + .ce-osbee-forum-singlepost:first-of-type { + margin-top : 30px; + } + .f3-widget-paginator { + margin : 40px 0 30px 0; + text-align : right; + } + .osbee-forum-empty { + display : none; + } + .osbee-forum-empty.enable { + display : block; + } + p.tx-srfeuserregister-pi1-error { + font-size : 13px; + line-height : normal; + } + .blogContentFullWidth { + margin-top : 25px; + } + .blogContent { + float : left; + width : 73.78%; + width : calc(100% - 32.85%); + display : block; + max-width : 740px; + padding : 50px 0; + margin-right : 4.85%; + padding-top : 0; + } + .blogContent a { + color : #0067b1; + } + @media screen and (max-width:1020px) { + .blogContent { + width : 100%; + max-width : none; + margin-right : 0; + float : none; + } + } + .blogSidebar { + float : left; + width : 23.30%; + width : calc(100% - 72%); + max-width : 240px; + display : block; + padding : 50px 0; + padding-top : 0; + margin-top : 40px; + } + @media screen and (max-width:1020px) { + .blogSidebar { + float : none; + width : 100%; + max-width : none; + } + } + .blogSidebar .csc-header { + width : 100%; + text-align : left; + } + .blogSidebar h3, .blogSidebar h1, .blogSidebar h2, .blogSidebar .ce-table table caption, .ce-table table .blogSidebar caption { + display : inline-block; + width : 100%; + padding : 0 0 3px 0; + border-bottom : 2px solid #fc0; + font-weight : bold; + margin : 0 0 10px 0; + font-size : 16px; + line-height : normal; + text-transform : none; + text-align : left; + } + .blogSidebar .news { + padding : 0; + margin-bottom : 40px; + } + .blogSidebar .blog-subscribe h2, .blogSidebar .blog-subscribe .ce-table table caption, .ce-table table .blogSidebar .blog-subscribe caption { + display : inline-block; + width : 100%; + padding : 0 0 3px 0; + border-bottom : 2px solid #fc0; + font-weight : bold; + margin : 0 0 10px 0; + font-size : 16px; + line-height : normal; + text-transform : none; + text-align : left; + } + .blogSidebar .blog-subscribe h2:after, .blogSidebar .blog-subscribe .ce-table table caption:after, .ce-table table .blogSidebar .blog-subscribe caption:after { + display : none; + } + .blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice { + font-style : normal; + margin : 0; + font-size : 15px; + line-height : normal; + } + .blogSidebar .blog-subscribe .terms { + margin-top : 15px; + } + .blogSidebar .blog-subscribe .terms .termsInputContainer { + float : left; + width : 10%; + text-align : left; + } + .blogSidebar .blog-subscribe .terms .termsInputContainer input { + width : 15px; + height : 15px; + border : #c6c6c6 solid 1px; + background : #fff; + } + .blogSidebar .blog-subscribe .terms p { + float : left; + width : 90%; + font-size : 12px; + line-height : normal; + } + .blogSidebar .blog-subscribe .terms p a { + padding-left : 0; + background-image : none; + font-weight : 400; + font-size : 12px; + line-height : normal; + } + .blogSidebar .blog-subscribe .terms p span { + display : none; + } + .blogSidebar .blog-subscribe .firstname input, .blogSidebar .blog-subscribe .email input { + margin-top : 0; + } + .news-list-view h3 { + margin : 0; + } + .news-list-view h3 a { + text-decoration : none; + } + .news-list-view h3 a span { + font-size : 18px; + color : #333; + font-weight : normal; + } + .news-list-view h3:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 10px 0 0 0; + } + .news-list-view .header { + display : inline-block; + width : 100%; + max-width : 470px; + max-width : 450px; + margin-bottom : 15px; + } + .news-list-view .article { + clear : both; + height : 210px; + height : auto; + border-bottom : 1px solid #fc0; + } + .news-list-view .article .footer { + display : none; + } + .news-list-view .no-media-element img { + width : 250px; + height : 187px; + } + .news-list-view .more { + font-size : 15px; + line-height : normal; + vertical-align : bottom; + } + .news-list-view .news-img-wrap { + display : inline-block; + margin : 0 !important ; + padding : 0; + max-width : 250px; + height : 100%; + width : 26%; + } + .news-list-view .news-img-wrap img { + max-width : 100%; + height : auto; + } + .news-list-view .news-img-wrap a { + margin : 0; + padding : 0; + border : 0; + max-width : 100%; + } + @media screen and (max-width:640px) { + .news-list-view .news-img-wrap { + display : none; + } + } + .news-list-view .news-content-wrap { + width : 72%; + float : left; + margin-left : 2%; + } + .news-list-view .news-content-wrap h3 { + margin-bottom : 20px; + } + @media screen and (max-width:640px) { + .news-list-view .news-content-wrap { + float : none; + width : 100%; + margin-left : 0; + } + } + .news-list-view .teaser-text > span { + display : block; + } + .news-list-view .teaser-text ul, .news-list-view .teaser-text ol { + padding-left : 0; + margin-left : 15px; + } + .news-list-view .teaser-text .more { + display : block; + margin-top : 15px; + } + .news-single { + padding : 0; + margin-top : 40px; + } + .news-single .header h3 { + font-size : 18px; + color : #333; + font-weight : normal; + margin-bottom : 25px; + margin-top : 10px; + } + .news-single .header h3:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 10px 0 0 0; + } + .news-single .news-text-wrap p { + color : #333; + } + .news-single .footer { + border-top : 1px solid #fc0; + margin-bottom : 40px; + padding : 0; + padding-top : 20px; + text-align : right; + } + .news-single .footer p { + font-weight : bold; + color : #333; + margin-bottom : 0; + } + .news-single .footer span span { + padding-right : 0; + margin-right : 0; + } + .news-single .footer .socialmedia { + display : none; + } + .news-single .news-backlink-wrap a { + font-size : 15px; + line-height : normal; + font-weight : bold; + color : #333; + text-decoration : none; + } + .news-single .article .news-img-wrap { + width : 100%; + height : auto; + margin-bottom : 30px; + float : none; + margin : 0; + float : left; + width : auto; + margin-right : 15px; + margin-bottom : 25px; + max-width : 350px; + } + @media screen and (max-width:768px) { + .news-single .article .news-img-wrap { + max-width : none; + float : none; + margin-right : 0; + margin-bottom : 15px; + width : 100%; + } + } + .news-single .article .news-img-wrap img { + max-width : 100%; + height : auto; + } + .news-single .shareThisPost { + float : right; + border-left : 1px solid #ddd; + padding-left : 10px; + } + .news-single .news-list-category span { + display : inline-block; + font-size : 13px; + border-right : none; + } + .news-single .news-list-category span + span:before { + content : "|"; + display : inline-block; + margin : 0 5px 0 2px; + } + @media screen and (max-width:768px) { + .news-single .news-list-category { + float : none; + width : 100%; + display : block; + margin-top : 5px; + } + .news-single .news-list-date { + margin-top : 5px; + } + .news-single .shareThisPost { + display : block; + width : 100%; + float : none; + padding-left : 0; + border-left : none; + } + } + .news p + ul { + margin-top : 15px; + } + .blogSidebar .news ul li { + padding-left : 0; + font-weight : 700; + } + .blogSidebar .news ul li ul li { + font-weight : 400; + } + .blogSidebar .news ul li:before { + display : none; + } + .csc-header { + margin : 0; + padding : 0; + display : inline-block; + } + .blog-commentContainer { + background : #ececec; + padding : 15px 10px; + } + .blog-commentContainer form { + margin-bottom : 20px; + padding-bottom : 30px; + border-bottom : 1px solid #bbbbbb; + } + .blog-commentContainer form h3 { + margin : 5px 0 0 0; + } + .blog-commentContainer form textarea { + resize : none; + height : 120px; + padding : 10px; + width : 100%; + margin-top : 10px; + color : #bbb; + font-size : 18px; + line-height : normal; + } + .blog-commentContainer form textarea + p { + font-size : 14px; + line-height : normal; + color : #bbb; + text-align : right; + } + .blog-commentContainer form input[type="submit"] { + display : inline-block; + font-size : 15px; + line-height : normal; + color : #fff; + border : none; + outline : none; + text-align : center; + background : #0067b1; + text-transform : uppercase; + padding : 15px; + min-width : 160px; + margin-top : -10px; + font-weight : 700; + cursor : pointer; + } + .toctoc-comments-pi1 { + border-bottom : 1px solid transparent; + } + .tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child { + display : none; + } + .tx-tc-ct-ry-report-line { + text-align : right; + font-size : 12px; + line-height : normal; + } + .tx-tc-cts-ct-box + .tx-tc-cts-ct-box { + border-top : 1px solid #c6c6c6; + padding-top : 15px !important ; + } + .tx-tc-cts-ct-box + .tx-tc-cts-ct-box.replyAnswer { + border-top : none; + } + .blog-usercomment { + margin-left : 0 !important ; + } + .blog-usercomment h3 { + margin-bottom : 5px; + margin-top : 0; + } + .blog-usercomment h3 time { + display : inline-block; + } + .blog-usercomment h3 .tx-tc-popularity-pic { + display : none; + } + .blog-usercomment + .blog-usercomment { + margin-top : 25px; + } + .tx-tc-indent-subcmt { + background : #fff; + padding : 15px 10px !important ; + margin-left : 30px; + position : relative; + } + .tx-tc-indent-subcmt h3 { + margin-bottom : 10px; + margin-top : 0; + } + .tx-tc-indent-subcmt h3 time { + display : inline-block; + } + .tx-tc-indent-subcmt h3 .tx-tc-popularity-pic { + display : none; + } + .tx-tc-indent-subcmt:before, .tx-tc-indent-subcmt:after { + bottom : 100%; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .tx-tc-indent-subcmt:before { + border-color : rgba(255, 255, 255, 0); + border-bottom-color : #fff; + border-width : 15px; + margin-left : -200px; + } + .tx-tc-indent-subcmt:after { + border-color : rgba(255, 255, 255, 0); + border-bottom-color : #fff; + border-width : 15px; + margin-left : -200px; + } + .new-socialmedia { + font-size : 15px; + } + .new-socialmedia i { + font-size : 22px; + } + .tx-tc-dtadyn { + padding : 0 25px !important ; + } + .tx-tc-ct-form-field-upload { + display : none !important ; + } + .tx-tc-width100-85 { + width : 100%; + float : none !important ; + } + .tx-tc-ct-form-gender { + display : none; + } + .tx-tc-ct-form-field { + margin-top : 5px; + } + .tx-tc-ct-form-field input { + background : #fff !important ; + border : #c6c6c6 solid 1px; + color : #333 !important ; + } + .tx-tcfh112 { + opacity : 1 !important ; + } + .tx-tc-ct-reqhint { + font-size : 12px !important ; + line-height : normal !important ; + } + .latest-news-container { + background : #ececec; + padding : 40px 0; + } + .latest-news-container .startpage-latesnews { + float : left; + width : calc((100% - 60px) / 3); + border-bottom : 1px solid #fc0; + padding-bottom : 20px; + position : relative; + } + .latest-news-container .startpage-latesnews .news-img-wrap { + width : 100%; + margin-bottom : 15px; + max-width : none; + vertical-align : bottom; + display : table-cell; + } + .latest-news-container .startpage-latesnews .news-img-wrap a { + display : block; + } + .latest-news-container .startpage-latesnews .news-img-wrap img { + width : 100%; + display : block; + height : auto; + } + .latest-news-container .startpage-latesnews .header { + width : 100%; + height : auto; + } + .latest-news-container .startpage-latesnews .header h3 { + font-weight : 400; + } + .latest-news-container .startpage-latesnews .header h3 span { + font-size : 14px; + line-height : 19.6px; + font-size : 0.875rem; + line-height : 1.225rem; + } + .latest-news-container .startpage-latesnews .header h3:after { + display : none; + } + .latest-news-container .startpage-latesnews + .startpage-latesnews { + margin-left : 30px; + } + @media screen and (max-width:768px) { + .latest-news-container .startpage-latesnews { + float : none; + width : 100%; + } + .latest-news-container .startpage-latesnews .news-img-wrap { + width : 25%; + margin-right : 5%; + float : left; + } + .latest-news-container .startpage-latesnews .teaser-header-container { + float : left; + width : 70%; + padding-left : 25px; + } + .latest-news-container .startpage-latesnews .teaser-header-container .header { + margin-bottom : 0; + } + .latest-news-container .startpage-latesnews .teaser-header-container .header h3 span { + font-size : 15px; + line-height : normal; + } + .latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more { + margin-top : 5px; + } + .latest-news-container .startpage-latesnews + .startpage-latesnews { + margin-left : 0; + margin-top : 30px; + } + } + @media screen and (max-width:520px) { + .latest-news-container .startpage-latesnews .news-img-wrap { + display : none; + } + .latest-news-container .startpage-latesnews .teaser-header-container { + float : none; + width : 100%; + } + } + .rss-feed-button { + padding-bottom : 50px; + } + .rss-feed-button a { + width : 100%; + text-align : center; + } + .rss-feed-button a i { + font-size : 16px; + } + .new-socialmedia { + padding-right : 0 !important ; + } + .shariff .orientation-horizontal { + display : block !important ; + text-align : right !important ; + } + .shariff .orientation-horizontal.col-5 li { + flex : none !important ; + min-width : 0 !important ; + max-width : none; + width : auto !important ; + margin-right : 10px !important ; + margin-left : 0 !important ; + padding : 0; + float : none; + display : inline-block; + margin-bottom : 0; + } + .shariff .orientation-horizontal.col-5 .fa { + border-right : none !important ; + padding-right : 0; + margin-right : 0; + width : auto !important ; + line-height : normal; + font-size : 13px !important ; + } + .shariff .orientation-horizontal.col-5 .share_text { + display : none; + } + .shariff .theme-grey .shariff-button.info { + border : none; + padding-left : 5px; + } + .shariff .theme-grey .shariff-button.info .share_text { + display : none !important ; + } + .shariff .theme-grey .shariff-button.info a { + color : #000; + } + .shariff .theme-grey .shariff-button a { + background : transparent !important ; + background-color : transparent !important ; + height : auto; + line-height : normal; + } + .shariff .theme-grey .shariff-button a span { + color : #333; + } + .shariff .theme-grey .shariff-button a span:before { + color : #333; + } + .toctoc-comments-pi1.tx-tc-responsive { + font-family : "Open Sans", sans-serif; + border : none !important ; + padding : 10px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu { + border : none; + margin-bottom : 25px; + font-size : 15px; + line-height : normal; + border-bottom : 1px solid #0067b1; + padding-bottom : 10px; + background : transparent; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover { + border-bottom : 1px solid #0067b1; + background : transparent !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle { + color : #333; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop { + width : 18px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt { + height : auto !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea { + height : 150px; + padding : 10px 15px !important ; + font-size : 15px; + line-height : normal !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin { + background : #be1622; + color : #fff; + font-size : 15px; + padding : 5px 10px; + margin-left : 4.5% !important ; + font-family : "Open Sans", sans-serif; + opacity : 1; + border-radius : 0; + border : none !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp { + opacity : 1 !important ; + } + .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage { + height : auto; + } + .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm { + margin-bottom : 20px; + } + .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis { + height : auto; + margin-bottom : 20px; + } + .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav { + height : auto; + width : 100% !important ; + border : none !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight { + background : transparent; + border : none; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel { + padding : 10px; + right : -2px; + top : 28px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox { + font-size : 14px; + line-height : normal; + font-weight : 600; + color : #0067b1; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink { + color : #0067b1; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected { + color : #be1622; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular { + border : none; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box { + margin : 0; + padding : 0 10px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate { + font-size : 12px; + line-height : normal; + color : #333; + display : block; + margin-top : 2px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text { + font-size : 15px; + line-height : normal; + color : #333; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img { + display : none; + } + @media screen and (max-width:480px) { + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text { + font-size : 12px; + line-height : normal; + } + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box + .tx-tc-cts-ct-box { + margin-top : 25px; + padding-top : 25px !important ; + border-top : 1px solid #0067b1; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply { + border : none !important ; + padding : 0 !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt { + padding-left : 25px !important ; + width : 100% !important ; + background : #f6f7f8; + padding-top : 0 !important ; + border-top : none; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after { + display : none !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox { + position : relative; + background : #fff; + border : #fff solid 4px; + padding : 10px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before { + bottom : 100%; + left : 12%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after { + border-color : rgba(191, 30, 46, 0); + border-bottom-color : #fff; + border-width : 25px; + margin-left : -25px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before { + border-color : rgba(191, 30, 46, 0); + border-bottom-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32 { + padding : 0; + height : 32px; + margin-right : 10px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text { + padding-top : 0 !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate { + margin-left : 42px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp { + margin-left : 25px !important ; + width : calc(100% - 25px) !important ; + } + .tx-felogin-pi1 { + background-color : #ececec; + padding : 30px 17px 70px 17px; + margin-bottom : 50px; + } + .tx-felogin-pi1 h3 { + font-family : "Quicksand", sans-serif; + font-weight : 700; + text-transform : uppercase; + color : #333; + font-size : 24px; + line-height : normal; + text-align : left; + margin-bottom : 20px; + } + .tx-felogin-pi1 h3:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 10px 0 0 0; + } + .tx-felogin-pi1 form fieldset { + border : none; + padding : 0; + } + .tx-felogin-pi1 form fieldset > div { + width : 400px; + } + .tx-felogin-pi1 form fieldset > div > div { + border : #c6c6c6 solid 1px; + display : inline-block; + float : left; + width : 49%; + height : 53px; + line-height : 53px; + margin-top : 20px; + padding-left : 10px; + } + .tx-felogin-pi1 form fieldset > div > div:first-child { + margin-right : 2%; + } + .tx-felogin-pi1 form fieldset > div label { + display : inline-block; + } + .tx-felogin-pi1 form fieldset > div input[type="text"], .tx-felogin-pi1 form fieldset > div input[type="password"] { + width : 100%; + height : 55px; + border : #c6c6c6 solid 1px; + padding : 10px; + color : #333; + font-size : 15px; + } + .tx-felogin-pi1 form fieldset > div input[type="submit"] { + background : none 0% 0% repeat scroll #0067b1; + font-size : 1rem; + line-height : 1.4rem; + text-transform : uppercase; + color : #fff; + padding : 15px 60px; + margin-top : 20px; + border : none medium; + outline : medium none; + font-weight : 700; + cursor : pointer; + width : 100%; + } + @media screen and (max-width:485px) { + .tx-felogin-pi1 form fieldset > div { + width : 100%; + } + .tx-felogin-pi1 form fieldset > div > div { + width : 100%; + } + .tx-felogin-pi1 form fieldset > div > div:first-child { + margin-right : 0; + } + } + .tx-felogin-pi1 .felogin-links { + padding-top : 4px; + width : 400px; + } + .tx-felogin-pi1 .felogin-links > div { + display : inline-block; + float : right; + } + .tx-felogin-pi1 .felogin-links > div:first-child { + float : left; + } + .tx-felogin-pi1 .felogin-links > div a { + color : #333; + font-weight : normal; + } + @media screen and (max-width:485px) { + .tx-felogin-pi1 .felogin-links { + width : 100%; + } + .tx-felogin-pi1 .felogin-links > div { + display : block; + float : none; + margin-top : 5px; + } + .tx-felogin-pi1 .felogin-links > div:first-child { + float : none; + } + } + .tx-sy-osbeeproducts { + padding : 0 0 40px 0; + } + .tx-sy-osbeeproducts h2, .tx-sy-osbeeproducts .ce-table table caption, .ce-table table .tx-sy-osbeeproducts caption { + font-weight : 700; + color : #0067b1; + font-size : 18px; + line-height : normal; + display : block; + margin : 0 0 5px 0; + } + .tx-sy-osbeeproducts .os_cartFactory, .tx-sy-osbeeproducts .os_cartApps { + margin-bottom : 40px; + } + .tx-sy-osbeeproducts .os_cartFactory table, .tx-sy-osbeeproducts .os_cartApps table { + border-spacing : 0; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type { + border-left : 1px solid #c6c6c6; + border-right : 1px solid #c6c6c6; + border-top : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td { + background : #ececec; + padding : 10px 0 10px 10px; + height : 40px; + color : #313131; + font-weight : 700; + border-bottom : 1px solid #c6c6c6; + border-left : 1px solid #c6c6c6; + border-top : 1px solid #c6c6c6; + font-size : 15px; + line-height : normal; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) { + background : #d7d7d7; + padding : 10px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) { + text-align : right; + border-left : none; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) { + text-align : right; + border-left : none; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6) { + padding : 10px 0; + border-left : none; + text-align : center; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row, .tx-sy-osbeeproducts .os_cartApps table tr.row { + border-bottom : 1px solid #c6c6c6; + border-left : 1px solid #c6c6c6; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td, .tx-sy-osbeeproducts .os_cartApps table tr.row td { + background : #fff; + padding : 10px 0 10px 10px; + color : #313131; + font-weight : 400; + border-left : 1px solid #c6c6c6; + font-size : 15px; + line-height : normal; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type { + color : #0067b1; + text-decoration : none; + font-weight : 700; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2) { + padding : 0 10px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) { + text-align : right; + padding-right : 10px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) { + padding : 10px 0; + text-align : center; + padding-left : 10px; + padding-right : 10px; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i { + font-size : 20px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a { + margin : 0; + padding : 0; + background : transparent; + border : none; + color : #be1622; + font-size : 20px; + font-weight : 700; + text-decoration : none; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover { + text-decoration : none; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td { + font-size : 15px; + line-height : normal; + border-left : 1px solid #c6c6c6; + border-top : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type { + font-size : 15px; + line-height : normal; + font-weight : 700; + color : #333; + text-align : left; + padding : 10px; + background : #ececec; + height : 40px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2) { + font-size : 15px; + line-height : normal; + font-weight : 700; + text-align : right; + padding : 10px; + background : #d7d7d7; + height : 40px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5) { + font-weight : 700; + font-size : 15px; + line-height : normal; + text-align : right; + background : #ececec; + padding : 10px; + height : 40px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type { + min-height : 1px; + background : #ececec; + height : 40px; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td { + padding : 10px; + font-size : 15px; + font-weight : 700; + line-height : normal; + background : #ececec; + border-top : 1px solid #c6c6c6; + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2) { + background : #d7d7d7; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) { + border-left : none; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7) { + text-align : right; + padding-right : 10px; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) { + border-left : none; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) { + border-left : none; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) { + border-right : 1px solid #c6c6c6; + text-align : center; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td { + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3) { + border-left : none; + text-align : right; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) { + border-left : none; + text-align : right; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) { + border-left : none; + text-align : right; + padding-right : 10px; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) { + padding : 10px 0; + text-align : center; + padding-left : 10px; + padding-right : 10px; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i { + font-size : 20px; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a { + margin : 0; + padding : 0; + background : transparent; + border : none; + color : #be1622; + font-size : 20px; + font-weight : 700; + text-decoration : none; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover { + text-decoration : none; + } + .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td { + padding : 10px; + border-top : none; + font-weight : 700; + } + .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4) { + background : #ececec; + } + .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type { + border-left : none; + } + .tx-sy-osbeeproducts .os_overviewModules { + padding-bottom : 80px; + margin-bottom : 80px; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_overviewModules table { + border-spacing : 0; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td { + padding : 10px; + font-weight : 700; + font-size : 15px; + line-height : normal; + background : #ececec; + border-top : 1px solid #c6c6c6; + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2) { + background : #d7d7d7; + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type { + border-left : none; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_overviewModules table tr.row td { + font-size : 15px; + line-height : normal; + padding : 10px; + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type { + color : #0067b1; + font-weight : 700; + font-size : 15px; + line-height : normal; + } + .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2) { + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type { + border-right : 1px solid #c6c6c6; + border-left : none; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td { + font-weight : 700; + font-size : 15px; + line-height : normal; + height : 40px; + padding : 10px; + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div { + font-size : 15px; + line-height : normal; + font-weight : 700; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2) { + background : #d7d7d7; + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3) { + background : #ececec; + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type { + background : #ececec; + border-right : 1px solid #c6c6c6; + border-left : none; + } + .tx-sy-osbeeproducts .os_cartSupport { + margin-bottom : 40px; + } + .tx-sy-osbeeproducts .os_cartSupport > div { + float : left; + width : calc((100% - 30px) / 4); + background : #ececec; + border : #c6c6c6 solid 1px; + } + .tx-sy-osbeeproducts .os_cartSupport > div .radioSupportName { + margin-top : 10px; + margin-right : 10px; + padding : 10px; + font-size : 18px; + line-height : normal; + color : #fff; + font-weight : 700; + text-transform : uppercase; + letter-spacing : 3px; + } + .tx-sy-osbeeproducts .os_cartSupport > div .container { + padding : 10px; + } + .tx-sy-osbeeproducts .os_cartSupport > div .container .radioSupport { + width : 20px; + height : 20px; + display : inline-block; + margin : 0 5px 0 0; + vertical-align : bottom; + } + .tx-sy-osbeeproducts .os_cartSupport > div .container div { + display : inline-block; + font-weight : 700; + font-size : 15px; + line-height : normal; + } + .tx-sy-osbeeproducts .os_cartSupport > div .container a { + color : #0067b1; + font-size : 15px; + text-decoration : none; + display : block; + } + .tx-sy-osbeeproducts .os_cartSupport > div .container a:hover { + text-decoration : underline; + } + .tx-sy-osbeeproducts .os_cartSupport > div:first-of-type .radioSupportName { + background : #d1d1d1; + } + .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(2) .radioSupportName { + background : #fc0; + } + .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(3) .radioSupportName { + background : #777372; + } + .tx-sy-osbeeproducts .os_cartSupport > div:last-of-type .radioSupportName { + background : #3a3a3a; + } + .tx-sy-osbeeproducts .os_cartSupport > div + div { + margin-left : 10px; + } + .tx-sy-osbeeproducts .os_carAppSupport { + margin-bottom : 40px; + } + .tx-sy-osbeeproducts .os_carAppSupport > div { + float : left; + width : calc((100% - 20px) / 3); + background : #ececec; + border : #c6c6c6 solid 1px; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .radioAppSupportName { + margin-top : 10px; + margin-right : 10px; + padding : 10px; + font-size : 18px; + line-height : normal; + color : #fff; + font-weight : 700; + text-transform : uppercase; + letter-spacing : 1px; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .container { + padding : 10px; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .container .radioAppSupport { + width : 20px; + height : 20px; + display : inline-block; + margin : 0 5px 0 0; + vertical-align : bottom; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .container div { + display : inline-block; + font-weight : 700; + font-size : 15px; + line-height : normal; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .container a { + color : #0067b1; + font-size : 15px; + text-decoration : none; + display : block; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .container a:hover { + text-decoration : underline; + } + .tx-sy-osbeeproducts .os_carAppSupport > div:first-of-type .radioAppSupportName { + background : #88b3d6; + } + .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(2) .radioAppSupportName { + background : #3f83c0; + } + .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(3) .radioAppSupportName { + background : #105b9e; + } + .tx-sy-osbeeproducts .os_carAppSupport > div + div { + margin-left : 10px; + } + .tx-sy-osbeeproducts .overviewSupport { + margin-bottom : 80px; + padding-bottom : 80px; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table { + border-spacing : 0; + } + .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td { + font-size : 15px; + line-height : normal; + font-weight : 700; + padding : 10px; + background : #ececec; + border-top : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type { + border-left : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type { + text-align : right; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td { + font-size : 15px; + line-height : normal; + padding : 10px; + border-bottom : 1px solid #c6c6c6; + border-left : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport { + font-weight : 700; + color : #0067b1; + font-size : 15px; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2) { + border-left : none; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type { + border-left : none; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td { + font-size : 15px; + line-height : normal; + padding : 10px; + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type { + border-right : 1px solid #c6c6c6; + border-left : none; + } + .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td { + background : #ececec; + height : 40px; + font-weight : 700; + font-size : 15px; + line-height : normal; + padding : 10px; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type { + border-left : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type { + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .lastStep { + border : #c6c6c6 solid 1px; + background : #ececec; + } + .tx-sy-osbeeproducts .lastStep table { + border-spacing : 0; + } + .tx-sy-osbeeproducts .lastStep table tr td { + padding : 0 10px 2px 10px; + font-size : 15px; + line-height : normal; + text-align : right; + } + .tx-sy-osbeeproducts .lastStep table tr:first-of-type td { + padding-top : 10px; + } + .tx-sy-osbeeproducts .lastStep table tr:last-of-type td { + font-weight : 700; + padding-bottom : 10px; + } + .tx-sy-osbeeproducts .linkInActive { + background : #bbbbbb; + color : #fff; + padding : 10px 20px; + text-transform : uppercase; + font-weight : 700; + font-size : 18px; + line-height : normal; + float : left; + margin-top : 20px; + border : none; + cursor : pointer; + } + .tx-sy-osbeeproducts .tooltipp { + display : none; + position : absolute; + background-color : #dddddd; + padding : 10px 20px; + color : black; + font-size : 18px; + margin-left : 120px; + float : left; + margin-top : 20px; + } + .tx-sy-osbeeproducts .checkoutOption { + margin-top : 20px; + } + .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit { + background : #be1622; + color : #fff; + padding : 10px 20px; + text-transform : uppercase; + font-weight : 700; + font-size : 18px; + line-height : normal; + float : right; + border : none; + cursor : pointer; + } + .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue { + background : #0067b1; + color : #fff; + padding : 10px 20px; + text-transform : uppercase; + font-weight : 700; + font-size : 18px; + line-height : normal; + float : left; + border : none; + cursor : pointer; + } + .step3YourData, .mp-contentContainer.checkout .step3YourOrder { + padding-bottom : 80px; + margin-bottom : 80px; + border-bottom : 1px solid #bcbcbc; + border-spacing : 0; + width : 100%; + } + .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption { + font-weight : 700; + color : #1268b3; + font-size : 18px; + line-height : normal; + display : block; + margin : 0 0 2px 0; + text-align : left; + } + .step3YourData tr:first-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td { + padding : 10px; + font-weight : 700; + font-size : 14px; + line-height : normal; + background : #f5f5f5; + border-top : 1px solid #bcbcbc; + border-left : 1px solid #bcbcbc; + border-bottom : 1px solid #bcbcbc; + } + .step3YourData tr:first-of-type td:nth-of-type(2), .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2) { + background : #d7d7d7; + } + .step3YourData tr:first-of-type td:last-of-type, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type { + border-left : none; + border-right : 1px solid #bcbcbc; + } + .step3YourData tr.row td, .mp-contentContainer.checkout .step3YourOrder tr.row td { + font-size : 14px; + line-height : normal; + padding : 10px; + border-left : 1px solid #bcbcbc; + border-bottom : 1px solid #bcbcbc; + border-right : 1px solid #bcbcbc; + } + .step3YourData tr.row td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type { + color : #1268b3; + font-weight : 700; + font-size : 14px; + line-height : normal; + border-right : none; + } + .orderlist table { + margin-bottom : 80px; + border-spacing : 0; + width : 100%; + } + .orderlist table caption { + font-weight : 700; + color : #1268b3; + font-size : 18px; + line-height : normal; + display : block; + margin : 0 0 2px 0; + text-align : left; + } + .orderlist table tr:first-of-type th { + padding : 10px; + font-weight : 700; + font-size : 14px; + line-height : normal; + background : #f5f5f5; + border-top : 1px solid #bcbcbc; + border-left : 1px solid #bcbcbc; + border-bottom : 1px solid #bcbcbc; + text-align : left; + } + .orderlist table tr:first-of-type th:nth-of-type(3) { + text-align : center; + } + .orderlist table tr:first-of-type th:nth-of-type(4) { + text-align : right; + } + .orderlist table tr:first-of-type th:last-of-type { + border-right : 1px solid #bcbcbc; + } + .orderlist table tr td { + font-size : 14px; + line-height : normal; + padding : 10px; + border-left : 1px solid #bcbcbc; + border-bottom : 1px solid #bcbcbc; + } + .orderlist table tr td:nth-of-type(3) { + text-align : center; + } + .orderlist table tr td:nth-of-type(4) { + text-align : right; + } + .orderlist table tr td:last-of-type { + border-right : 1px solid #bcbcbc; + } + .step3YourOrder { + width : 100%; + border-spacing : 0; + margin-bottom : 80px; + } + .step3YourOrder caption { + text-align : left; + font-size : 18px; + color : #0067b1; + font-weight : 700; + padding-bottom : 5px; + } + .step3YourOrder tr td { + font-size : 14px; + line-height : normal; + padding : 10px; + border-top : 1px solid #bcbcbc; + border-right : 1px solid #bcbcbc; + } + .step3YourOrder tr td:first-of-type { + width : 35%; + font-weight : 700; + border-left : 1px solid #bcbcbc; + } + .step3YourOrder tr:last-of-type td { + border-bottom : 1px solid #bcbcbc; + } + .step3YourOrder tr:nth-child(odd) { + background : #f5f5f5; + } + .backToListButton { + margin-bottom : 40px; + } + .mp-contentContainer.checkout h1 { + font-size : 20px; + line-height : normal; + margin-bottom : 80px; + font-weight : 700; + text-transform : none; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout h1 { + font-size : 18px; + margin-bottom : 40px; + } + } + .mp-contentContainer.checkout .checkout_optionText { + padding : 25px 40px; + border : #bcbcbc solid 1px; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout .checkout_optionText { + padding : 15px 20px; + } + } + .mp-contentContainer.checkout .checkout_optionText strong { + display : block; + font-weight : 700; + color : #333; + font-size : 15px; + line-height : normal; + } + .mp-contentContainer.checkout .checkout_optionText p { + margin : 10px 0 0 0; + } + .mp-contentContainer.checkout .checkout_paymentOption { + padding : 25px 40px; + background : #f5f5f5; + border : #bcbcbc solid 1px; + margin-top : 15px; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout .checkout_paymentOption { + padding : 15px 20px; + } + } + .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption { + color : #333; + margin-bottom : 25px; + font-size : 24px; + line-height : normal; + text-transform : uppercase; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption { + font-size : 18px; + line-height : normal; + } + } + .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2), .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) { + padding : 15px 20px; + border : #bcbcbc solid 1px; + background : #fff; + } + .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input { + display : inline-block; + } + .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label { + vertical-align : bottom; + display : inline-block; + margin-left : 10px; + font-size : 20px; + font-weight : 700; + line-height : normal; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label { + font-size : 14px; + line-height : normal; + margin-left : 5px; + } + } + .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) + div, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) + div { + margin-top : 10px; + } + .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] { + display : inline-block; + margin-top : 20px; + background : #0067b1; + border : none; + color : #fff; + text-transform : uppercase; + font-weight : 700; + font-size : 18px; + line-height : normal; + padding : 8px 16px; + cursor : pointer; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] { + font-size : 14px; + line-height : normal; + } + } + .mp-contentContainer.checkout .step3YourData, .mp-contentContainer.checkout .step3YourOrder { + width : 100%; + border-spacing : 0; + } + .mp-contentContainer.checkout .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption { + text-align : left; + font-size : 18px; + color : #0067b1; + font-weight : 700; + padding-bottom : 5px; + } + .mp-contentContainer.checkout .step3YourData tr td, .mp-contentContainer.checkout .step3YourOrder tr td { + font-size : 15px; + line-height : normal; + padding : 10px; + border-top : 1px solid #bcbcbc; + border-right : 1px solid #bcbcbc; + } + .mp-contentContainer.checkout .step3YourData tr td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr td:first-of-type { + width : 35%; + font-weight : 700; + border-left : 1px solid #bcbcbc; + } + .mp-contentContainer.checkout .step3YourData tr:last-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:last-of-type td { + border-bottom : 1px solid #bcbcbc; + } + .mp-contentContainer.checkout .step3YourData tr:nth-child(odd), .mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd) { + background : #f5f5f5; + } + .mp-contentContainer.checkout .step3YourOrder { + margin-top : 40px; + } + .mp-contentContainer.checkout .step3CheckoutButton { + color : #fff; + text-decoration : none; + background : #0067b1; + font-size : 18px; + line-height : normal; + padding : 8px 16px; + border : none; + cursor : pointer; + display : inline-block; + margin-top : 20px; + } + .checkout_thankyou { + border : #bcbcbc solid 1px; + padding : 25px 40px; + margin : 40px 0; + } + .checkout_thankyou strong { + display : block; + font-weight : 700; + color : #333; + font-size : 15px; + line-height : normal; + } + .checkout_thankyou p { + margin : 10px 0 0 0; + } + .tx-contentpackage-checkoutFormular div { + display : block; + } + .tx-contentpackage-checkoutFormular div label { + width : 25%; + text-align : right; + padding-right : 1em; + float : left; + height : 55px; + vertical-align : middle; + line-height : 55px; + } + .tx-contentpackage-checkoutFormular div input { + text-align : left; + width : 50%; + float : left; + height : 55px; + border : #bbb solid 1px; + padding : 10px; + } + .tx-contentpackage-checkoutFormular div + div { + margin-top : 5px; + } + @media screen and (max-width:600px) { + .tx-contentpackage-checkoutFormular div label { + display : block; + width : 100%; + float : none; + height : auto; + text-align : left; + } + .tx-contentpackage-checkoutFormular div input { + float : none; + display : block; + width : 100%; + } + } + .tx-contentpackage-checkoutFormular input[type="submit"] { + background : #0067b1; + font-size : 15px; + line-height : 22.4px; + font-size : 1rem; + line-height : 1.4rem; + text-transform : uppercase; + color : #fff; + padding : 15px; + margin-top : 30px; + border : none; + outline : none; + font-weight : 700; + cursor : pointer; + margin-left : 25%; + } + @media screen and (max-width:600px) { + .tx-contentpackage-checkoutFormular input[type="submit"] { + margin-left : 0; + } + } + .checkoutSteps { + margin-bottom : 40px; + text-align : center; + } + .checkoutSteps .step { + display : inline-block; + position : relative; + background : #ccc; + border : #fff solid 4px; + border-bottom : none; + border-top : none; + padding-left : 10px; + padding-right : 10px; + z-index : 10; + color : #fff; + font-weight : 700; + font-size : 16px; + height : 47px; + line-height : 46px; + } + .checkoutSteps .step.active { + background : #0067b1; + } + .checkoutSteps .step.active:after { + border-left-color : #0067b1; + } + .checkoutSteps .step:after, .checkoutSteps .step:before { + left : 100%; + top : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .checkoutSteps .step:after { + border-color : rgba(204, 204, 204, 0); + border-left-color : #ccc; + border-width : 23px; + margin-top : -23px; + } + .checkoutSteps .step:before { + border-color : rgba(255, 255, 255, 0); + border-left-color : #fff; + border-width : 28px; + margin-top : -28px; + } + .checkoutSteps .step + .step { + padding-left : 30px; + z-index : 9; + margin-left : -4px; + } + .checkoutSteps .step + .step + .step { + z-index : 8; + } + .checkoutSteps .step + .step + .step + .step { + z-index : 7; + } + .checkoutError { + background : #be1622; + color : #fff; + font-weight : 700; + font-size : 15px; + line-height : normal; + text-align : center; + margin-bottom : 40px; + display : block; + padding : 5px 10px; + } + .tx-indexedsearch-searchbox { + padding-top : 50px; + padding-bottom : 50px; + } + .tx-indexedsearch-searchbox form label { + font-size : 16px; + line-height : normal; + color : #333; + display : block; + } + .tx-indexedsearch-searchbox form input[type="text"] { + height : 25px; + border : #c6c6c6 solid 1px; + font-size : 12px; + min-width : 280px; + padding : 0 5px; + } + .tx-indexedsearch-searchbox form input[type="submit"] { + display : block; + background : #be1622; + color : #fff; + border : none; + font-size : 15px; + padding : 5px 10px; + margin-top : 5px; + min-width : 280px; + } + .suchergebnis { + padding-bottom : 50px; + } + .tx-indexedsearch-browsebox { + list-style-type : none; + margin : 0; + padding : 0; + } + .tx-indexedsearch-browsebox ul { + list-style-type : none; + margin-top : 15px; + margin-bottom : 15px; + } + .tx-indexedsearch-browsebox li { + float : left; + } + .tx-indexedsearch-browsebox li a { + color : #c6c6c6; + text-decoration : none; + } + .tx-indexedsearch-browsebox li + li { + margin-left : 10px; + } + .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a { + color : #be1622; + } + .tx-indexedsearch-browsebox + .tx-indexedsearch-res { + margin-top : 40px; + } + .tx-indexedsearch-res + .tx-indexedsearch-res { + margin-top : 25px; + padding-top : 25px; + border-top : 1px solid #c6c6c6; + } + .tx-indexedsearch-res + .tx-indexedsearch-browsebox { + margin-top : 40px; + } + .tx-srfeuserregister-pi1 { + margin-bottom : 50px; + float : left; + width : 70%; + } + .tx-srfeuserregister-pi1 p { + padding : 0; + } + .tx-srfeuserregister-pi1 p.textOverSendButton { + position : relative; + margin : 0; + padding : 0; + clear : both; + margin-bottom : -10px; + padding-top : 25px; + } + .tx-srfeuserregister-pi1 p.textOverSendButton + dt { + display : none; + } + .tx-srfeuserregister-pi1 .customRegisterCheckbox { + position : relative; + padding-left : 30px; + margin-top : 10px; + } + .tx-srfeuserregister-pi1 .customRegisterCheckbox p, .tx-srfeuserregister-pi1 .customRegisterCheckbox a { + font-size : 12px; + line-height : normal; + } + .tx-srfeuserregister-pi1 .customRegisterCheckbox a { + background : transparent; + padding-left : 0; + } + .tx-srfeuserregister-pi1 .customRegisterCheckbox input { + position : absolute; + left : 0; + top : 1px; + } + .tx-srfeuserregister-pi1 fieldset { + border : none; + padding : 0; + margin : 0; + } + .tx-srfeuserregister-pi1 fieldset legend { + display : none; + } + .tx-srfeuserregister-pi1 fieldset h2, .tx-srfeuserregister-pi1 fieldset .ce-table table caption, .ce-table table .tx-srfeuserregister-pi1 fieldset caption { + font-size : 18px; + line-height : normal; + text-align : left; + margin : 0 0 5px 0; + } + .tx-srfeuserregister-pi1 fieldset h2:after, .tx-srfeuserregister-pi1 fieldset .ce-table table caption:after, .ce-table table .tx-srfeuserregister-pi1 fieldset caption:after { + margin : 10px 0 0 0; + } + .tx-srfeuserregister-pi1 fieldset h2 + p, .tx-srfeuserregister-pi1 fieldset .ce-table table caption + p, .ce-table table .tx-srfeuserregister-pi1 fieldset caption + p { + margin : 0 0 25px 0; + } + .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file { + padding : 30px 0; + } + .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label { + font-size : 15px; + line-height : normal; + display : block; + margin-bottom : 10px; + } + .tx-srfeuserregister-pi1 fieldset label { + height : 55px; + vertical-align : middle; + } + .tx-srfeuserregister-pi1 fieldset dd { + width : 100%; + } + .tx-srfeuserregister-pi1 fieldset dt { + text-align : left; + } + .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select { + width : 325px; + width : 100%; + height : 55px; + border : #bbb solid 1px; + padding : 10px; + color : #333; + font-size : 18px; + } + .tx-srfeuserregister-pi1 fieldset input[type="submit"] { + background : #0067b1; + font-size : 15px; + line-height : normal; + text-transform : uppercase; + color : #fff; + padding : 15px; + margin-top : 30px; + border : none; + outline : none; + font-weight : 700; + cursor : pointer; + width : 100%; + text-align : center; + } + .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged { + display : inline-block; + } + .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged + p { + display : inline-block; + } + .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms { + display : inline-block; + } + .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms + input[type="checkbox"] { + float : left; + margin-top : 15px; + } + .tx-srfeuserregister-pi1 fieldset input[type="password"] { + margin-right : 0; + } + .tx-srfeuserregister-pi1 fieldset .formwrap > div { + float : left; + width : 48%; + } + .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwort input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwortagain input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.company input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.jobrole input { + width : 100%; + } + .tx-srfeuserregister-pi1 fieldset .formwrap > div + div { + margin-left : 3.5%; + } + .tx-srfeuserregister-pi1 fieldset .jobrole input { + margin-top : 7px; + } + .tx-srfeuserregister-pi1 fieldset .terms input { + display : inline-block; + } + .tx-srfeuserregister-pi1 fieldset .terms p { + margin : 0; + display : inline-block; + } + .tx-srfeuserregister-pi1 fieldset .terms p a { + color : #0067b1; + font-size : 15px; + line-height : normal; + text-decoration : none; + } + .tx-srfeuserregister-pi1 fieldset .terms p a:hover { + text-decoration : underline; + } + @media screen and (max-width:800px) { + .tx-srfeuserregister-pi1 { + float : none; + width : 100%; + } + .tx-srfeuserregister-pi1 dt { + width : 30%; + } + .tx-srfeuserregister-pi1 dd { + width : 70%; + } + } + @media screen and (max-width:600px) { + .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { + width : 100%; + } + .tx-srfeuserregister-pi1 dt { + display : block; + margin-top : 5px; + text-align : left; + } + .tx-srfeuserregister-pi1 fieldset .formwrap > div { + width : 100%; + } + .tx-srfeuserregister-pi1 fieldset .formwrap > div + div { + margin-left : 0; + } + .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select { + width : 100%; + } + } + .editForm .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt { + padding-top : 0; + } + .community-forum-news { + padding : 25px 0; + background : #ececec; + } + .community-forum-news > .inner > div { + float : left; + width : calc((100% - 20px) / 2); + } + .community-forum-news > .inner > div.news { + margin-left : 20px; + padding-top : 8px; + } + @media screen and (max-width:1100px) { + .community-forum-news > .inner > div.news .inner.small, .community-forum-news > .inner > div.news .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .community-forum-news > .inner > div.news .tx-felogin-pi1-inner { + padding : 0 !important ; + } + } + .community-forum-news > .inner > div.news .latest-news-container { + padding : 0; + margin-top : 42px; + padding-top : 44px; + padding-left : 84px; + } + @media screen and (max-width:980px) { + .community-forum-news > .inner > div.news .latest-news-container { + padding-top : 0; + margin-top : 0; + padding-left : 0; + } + } + .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption { + text-align : left; + position : relative; + top : -44px; + } + @media screen and (max-width:768px) { + .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption { + top : auto; + } + } + .community-forum-news > .inner > div.news .latest-news-container > h2:after, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption:after, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption:after { + margin : 10px 0 10px 0; + } + .community-forum-news > .inner > div.news .latest-news-container .startpage-article { + position : relative; + top : -44px; + } + @media screen and (max-width:768px) { + .community-forum-news > .inner > div.news .latest-news-container .startpage-article { + top : auto; + } + } + .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more { + position : relative; + top : 44px; + } + @media screen and (max-width:768px) { + .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more { + top : auto; + } + } + .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews { + margin-top : 20px; + width : calc((100% - 30px) / 2); + } + .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header { + margin-top : 10px; + } + .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header h3 span { + font-size : 15px; + font-weight : 600; + line-height : normal; + } + @media screen and (max-width:768px) { + .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews { + width : 100%; + } + } + .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption { + text-align : left; + text-transform : none; + } + .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption:after { + margin : 10px 0 10px 0; + } + .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-forum-latest-post > div { + padding : 10px; + } + @media screen and (max-width:980px) { + .community-forum-news > .inner > div { + float : none; + width : 100%; + margin-left : 0 !important ; + max-width : none; + } + } + .zweispaltig-unterseiten-layout { + max-width : 1030px; + width : 100%; + margin-left : auto; + margin-right : auto; + } + @media screen and (max-width:1100px) { + .zweispaltig-unterseiten-layout { + padding : 0 25px; + } + } + .leftSidebar { + float : left; + width : 23.30%; + width : calc(100% - 72%); + max-width : 240px; + display : block; + padding : 50px 0; + padding-top : 0; + margin-top : 40px; + min-height : 1px; + } + .leftSidebar .leftMenu { + float : none; + width : 100%; + margin-top : 0; + } + .leftSidebar .inner.small, .leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner, .leftSidebar .inner { + padding : 0 !important ; + } + @media screen and (max-width:767px) { + .leftSidebar { + float : none; + width : 100%; + margin-left : 0; + max-width : none; + padding-bottom : 0; + } + .leftSidebar .leftMenu { + margin-bottom : 0; + padding-bottom : 0; + margin-top : 25px; + } + .leftSidebar .leftMenu .profile-sidebar-content { + margin-top : 15px; + } + } + .rightContent { + float : left; + width : 73.78%; + width : calc(100% - 32.85%); + display : block; + max-width : 740px; + padding : 50px 0; + margin-left : 4.85%; + padding-top : 0; + min-height : 1px; + margin-top : 40px; + } + .rightContent .tx-srfeuserregister-pi1 { + float : none; + width : 100%; + display : block; + margin-bottom : 40px; + } + .rightContent .tx-srfeuserregister-pi1 input { + padding : 10px 15px; + } + .rightContent .inner.small, .rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner, .rightContent .inner { + padding : 0 !important ; + } + @media screen and (max-width:767px) { + .rightContent { + float : none; + width : 100%; + margin-left : 0; + max-width : none; + margin-top : 25px; + } + } + header.header { + padding : 0 0 25px 0; + max-height : 133px; + border-bottom : 5px solid #fc0; + position : fixed; + top : 0; + z-index : 9999; + left : 0; + right : 0; + background : #fff; + } + header.header.compexHeader { + height : 100px; + padding-top : 25px; + } + header.header.compexHeader .topMeta { + display : none; + } + header.header.compexHeader + * { + margin-top : 100px; + display : block; + } + @media screen and (max-width:480px) { + header.header.compexHeader { + height : 72px; + padding-top : 15px; + padding-bottom : 15px; + } + header.header.compexHeader + * { + margin-top : 72px; + } + } + header.header + * { + margin-top : 133px; + display : block; + } + @media screen and (max-width:860px) { + header.header { + height : 155px; + max-height : 155px; + } + header.header + * { + margin-top : 155px; + } + } + @media screen and (max-width:480px) { + header.header { + height : 200px; + max-height : 200px; + } + header.header + * { + margin-top : 200px; + } + } + @media screen and (max-width:460px) { + header.header { + max-height : 120px; + height : 120px; + } + header.header + * { + margin-top : 120px; + } + } + header.header .topMeta { + width : 100%; + background : #f5f5f5; + margin-bottom : 20px; + height : 30px; + line-height : 30px; + } + @media screen and (max-width:860px) { + header.header .topMeta { + height : auto; + } + } + header.header .topMeta .left { + float : left; + color : #333; + font-size : 12px; + font-weight : 600; + line-height : 30px; + } + @media screen and (max-width:860px) { + header.header .topMeta .left { + float : none; + width : 100%; + text-align : center; + } + } + @media screen and (max-width:460px) { + header.header .topMeta .left { + display : none; + } + } + header.header .topMeta .right { + float : right; + } + header.header .topMeta .right form { + position : relative; + float : left; + margin-right : 5px; + } + header.header .topMeta .right form input[type="text"] { + border : 0; + background : #fff; + padding : 0 5px; + height : 24px; + position : relative; + padding-right : 25px; + font-size : 12px; + line-height : 24px; + top : -2px; + margin-right : 35px; + margin-bottom : 0; + } + header.header .topMeta .right form button { + position : absolute; + right : 5px; + top : 1px; + background : transparent; + border : none; + font-size : 18px; + color : #333; + } + header.header .topMeta .right form button:before { + content : "\f002"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + @media screen and (max-width:460px) { + header.header .topMeta .right form { + display : none; + } + } + @media screen and (max-width:860px) { + header.header .topMeta .right { + float : none; + width : 100%; + text-align : center; + text-align : right; + } + } + header.header .topMeta a { + text-decoration : none; + text-transform : uppercase; + color : #333; + font-size : 12px; + line-height : normal; + font-weight : 600; + padding : 0 10px; + border-left : 1px solid #333; + } + header.header .topMeta a i { + margin-right : 3px; + } + header.header .topMeta a:hover { + text-decoration : underline; + } + header.header .topMeta a:last-of-type { + border-right : 1px solid #333; + } + @media screen and (max-width:860px) { + header.header .topMeta a { + border-left : none; + } + header.header .topMeta a:last-of-type { + border-right : none; + border-left : 1px solid #333; + padding-left : 14px; + } + } + @media screen and (max-width:480px) and (min-width:461px) { + header.header .topMeta a { + display : block; + float : none; + margin-left : auto; + margin-right : auto; + width : 100%; + clear : both; + padding-top : 10px; + } + header.header .topMeta a:last-of-type { + border-left : none; + } + } + header.header .logo { + float : left; + display : block; + max-width : 215px; + } + @media screen and (max-width:480px) { + header.header .logo { + max-width : 180px; + } + } + header.header .logo img { + max-height : 50px; + } + header.header nav { + float : right; + } + @media screen and (min-width:1121px) { + header.header nav > ul > li { + float : left; + padding : 14px 0; + position : relative; + } + header.header nav > ul > li > a { + color : #333; + text-decoration : none; + font-weight : 700; + text-transform : uppercase; + font-family : "Open Sans", sans-serif; + } + header.header nav > ul > li > a i { + display : none; + } + header.header nav > ul > li + li { + margin-left : 25px; + } + header.header nav > ul > li:last-of-type { + margin-left : 40px; + background : #be1622; + padding : 14px 19px; + } + header.header nav > ul > li:last-of-type a { + color : #fff; + } + header.header nav > ul > li:last-of-type:hover:before, header.header nav > ul > li:last-of-type.active:before { + display : none !important ; + } + header.header nav > ul > li ul { + display : none; + position : absolute; + width : 170px; + top : 75px; + background : #fff; + z-index : 99999; + box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35); + } + header.header nav > ul > li ul li { + display : block; + } + header.header nav > ul > li ul li a { + font-size : 12px; + font-weight : 700; + color : #333; + text-decoration : none; + line-height : 14px; + padding : 14px 10px; + display : block; + text-transform : uppercase; + } + header.header nav > ul > li ul li:hover, header.header nav > ul > li ul li.active { + background : #be1622; + } + header.header nav > ul > li ul li:hover a, header.header nav > ul > li ul li.active a { + color : #fff; + } + header.header nav > ul > li ul li + li { + border-top : 1px solid #b7b7b7; + } + header.header nav > ul > li:hover:after { + content : ""; + position : absolute; + left : 0; + right : 0; + bottom : -28px; + width : 100%; + height : 45px; + cursor : pointer; + } + header.header nav > ul > li:hover ul { + display : block; + } + header.header nav > ul > li:hover:before, header.header nav > ul > li.active:before { + content : ""; + position : absolute; + border-bottom : 2px solid #bf1e2e; + height : 2px; + width : 100%; + top : 38px; + } + } + @media screen and (max-width:1120px) { + header.header nav { + position : relative; + } + header.header nav > ul { + position : absolute; + width : 250px; + right : 0; + box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.5); + z-index : 999999; + display : none; + } + header.header nav > ul li { + float : none; + display : block; + padding : 0; + width : 100%; + background : #fff; + } + header.header nav > ul li.active { + background : #be1622; + } + header.header nav > ul li.active > a { + color : #fff; + } + header.header nav > ul li a { + display : block; + width : 100%; + padding : 14px 60px 14px 10px; + color : #333; + text-decoration : none; + font-weight : 700; + position : relative; + text-transform : uppercase; + font-family : "Open Sans", sans-serif; + } + header.header nav > ul li a:hover { + color : #fff; + background : #be1622; + } + header.header nav > ul li a i { + display : inline-block; + position : absolute; + right : 0; + top : 38%; + margin-top : -18px; + padding : 16px; + } + header.header nav > ul li a i.fa-chevron-up { + display : none; + } + header.header nav > ul li.open a i.fa-chevron-up { + display : inline-block; + } + header.header nav > ul li.open a i.fa-chevron-down { + display : none; + } + header.header nav > ul li + li { + margin-left : 0; + border-top : 1px solid #b7b7b7; + } + header.header nav > ul li > ul { + display : none; + } + header.header nav > ul li > ul li { + background : #f9f9f9; + border-top : 1px solid #b7b7b7; + } + header.header nav > ul li > ul li a { + font-size : 13px; + line-height : normal; + padding : 10px 10px 10px 30px; + } + header.header nav > ul li > ul li.active a { + color : #fff; + background : #be1622; + } + header.header nav > ul li.open > ul { + display : block; + } + header.header nav > ul > li:last-of-type { + border-top : none; + } + header.header nav > ul > li:last-of-type a { + color : #fff; + background : #be1622; + } + header.header nav.active > ul { + display : block; + height : 450px; + overflow : scroll; + } + } + header.header .mobile-button { + display : none; + padding : 10px 0; + cursor : pointer; + } + header.header .mobile-button i { + font-size : 40px; + } + @media screen and (max-width:640px) { + header.header .mobile-button { + padding : 5px 0 0 0; + } + } + @media screen and (max-width:1120px) { + header.header .mobile-button { + display : block; + } + } + body.compexCommerce header.header.compexHeader .topMeta { + height : 0; + } + body.compexCommerce header.header.compexHeader .topMeta .right { + display : none; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type { + margin-left : 25px; + background : transparent; + padding : 11px 0; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after { + content : "\f107"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + position : relative; + z-index : 9600; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:hover:after { + left : auto; + right : auto; + bottom : auto; + position : relative; + width : auto; + height : auto; + } + @media screen and (max-width:1120px) { + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch { + padding : 0; + margin : 0; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after { + display : none; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul { + width : 100%; + padding : 0 10px 15px 10px; + background : #be1622; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul li { + background : #be1622; + border-top : none; + } + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type > a { + color : #333; + position : relative; + z-index : 9600; + font-size : 13px; + line-height : normal; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type img { + vertical-align : middle; + position : relative; + z-index : 9600; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type:hover:before, body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.active:before { + display : none !important ; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a { + color : #333; + font-weight : 700; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a:hover { + color : #fff; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul { + width : 80px; + padding-left : 10px; + top : 0; + padding-top : 47px; + left : -10px; + z-index : 9500; + padding-bottom : 10px; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li img { + vertical-align : middle; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li a { + font-weight : 700; + padding : 0; + display : inline; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover { + background : transparent; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover a { + color : #333; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li + li { + border-top : none; + padding-top : 10px; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search:hover:before { + display : none !important ; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search .compexCommerce-openSearch i { + display : block; + font-size : 18px; + color : #333; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form { + position : absolute; + top : 38px; + right : 0; + display : none; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form.active { + display : block; + animation : display-none-transition 1s both; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form div { + position : relative; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form input[type="text"] { + height : 30px; + padding : 0 25px 0 5px; + width : 180px; + border : #be1622 solid 1px; + outline : none; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button { + border : none; + background : transparent; + position : absolute; + right : 5px; + top : 5px; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button i { + font-size : 15px; + color : #be1622; + } + @keyframes display-none-transition { + 0% { + opacity : 0; + } + 100% { + opacity : 1; + } + } + @media screen and (max-width:1360px) { + header.header .topMeta, header.header .topMeta + div { + padding : 0 20px; + } + } + @media screen and (max-width:1300px) and (min-width:1121px) { + header.header nav > ul > li > a { + font-size : 13px; + line-height : normal; + } + header.header nav > ul > li:last-of-type { + margin-left : 20px; + } + header.header nav > ul > li + li { + margin-left : 18px; + } + } + footer.footer { + background : #333; + padding : 50px 0 15px 0; + } + footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner { + margin-bottom : 80px; + } + footer.footer div.inner.small:nth-of-type(2), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) { + margin-bottom : 0; + } + footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element { + margin-bottom : 0; + max-width : none; + width : auto; + float : left; + } + footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner { + padding-left : 0; + padding-right : 0; + } + @media screen and (max-width:860px) { + footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element { + float : none; + } + } + footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul { + margin : 0; + padding : 0; + list-style : none; + float : left; + width : calc(100% / 6); + } + footer.footer div.inner.small ul > a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a { + color : #fff; + font-size : 13px; + line-height : normal; + font-weight : 700; + text-decoration : none; + } + footer.footer div.inner.small ul > a:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a:after { + content : ""; + display : block; + width : 75px; + height : 1px; + background : #fc0; + margin : 10px 0 10px 0; + } + footer.footer div.inner.small ul li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li { + display : block; + } + footer.footer div.inner.small ul li a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a { + display : block; + color : #cecece; + text-decoration : none; + font-size : 12px; + line-height : normal; + font-weight : 400; + } + footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li { + margin-top : 5px; + } + footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList { + width : auto; + float : right; + margin-top : -4px; + } + footer.footer div.inner.small ul.imprintList li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li { + display : inline-block; + } + footer.footer div.inner.small ul.imprintList li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li + li { + margin-left : 10px; + } + footer.footer div.inner.small ul.imprintList li:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after { + display : none; + } + @media screen and (max-width:860px) { + footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList { + float : none !important ; + margin : 10px 0 0 0; + width : auto !important ; + } + } + footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p { + font-size : 12px; + line-height : normal; + color : #fff; + margin : 0; + } + @media screen and (max-width:860px) { + footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p { + float : none; + } + } + footer.footer div.inner.small + div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.inner.small, footer.footer .tx-felogin-pi1 div.inner.small + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small + div.tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner { + margin-bottom : 0; + } + @media screen and (max-width:800px) { + footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul { + width : calc(100% / 3); + } + footer.footer div.inner.small ul:nth-of-type(n 4), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n 4), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n 4) { + margin-top : 20px; + } + } + @media screen and (max-width:720px) { + footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner { + margin-bottom : 50px; + } + footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul { + float : none; + width : 100%; + } + footer.footer div.inner.small ul li:first-of-type, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type { + display : block; + } + footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li { + margin-right : 10px; + display : inline-block; + } + footer.footer div.inner.small ul + ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul + ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul + ul { + margin-top : 20px; + } + } + .breadcrumbContainer { + padding-top : 11px; + padding-bottom : 11px; + } + @media screen and (max-width:1100px) { + .breadcrumbContainer { + padding-top : 11px !important ; + padding-bottom : 11px !important ; + } + } + .breadcrumbContainer ul li { + color : #333; + display : inline-block; + font-size : 13px; + line-height : normal; + } + .breadcrumbContainer ul li a { + color : #999999; + text-decoration : none; + font-size : 13px; + line-height : normal; + } + .breadcrumbContainer ul li:before { + content : "\f015"; + color : #fc0; + display : inline-block; + margin-right : 5px; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + .breadcrumbContainer ul li + li { + margin-left : 5px; + } + .breadcrumbContainer ul li + li:before { + content : "\f054"; + } + .breadcrumbContainer ul li:last-of-type a { + color : #333; + } + .mfp-image-holder .mfp-content { + margin-top : 50px; + padding : 0 25px; + } + .mfp-image-holder .mfp-content figure { + background : #fff; + } + img.mfp-img { + max-height : 100% !important ; + } + .ce-video { + padding : 30px 0; + } + .ce-video .left { + float : left; + max-width : 500px; + margin-right : 30px; + } + .ce-video .left video { + max-width : 100%; + height : auto; + } + .ce-video .right { + float : left; + max-width : 500px; + } + .ce-video .right h1, .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption, .ce-video .right h3 { + margin-top : 0; + } + .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption { + text-align : left; + } + .ce-video .right h2:after, .ce-video .right .ce-table table caption:after, .ce-table table .ce-video .right caption:after { + margin : 10px 0 0 0; + } + .ce-forum-latest-post { + margin-top : 40px; + max-width : 83%; + } + @media screen and (max-width:980px) { + .ce-forum-latest-post { + max-width : none; + } + } + .ce-forum-latest-post + .ce-forum-latest-post { + margin-top : 0; + } + .ce-forum-latest-post:last-of-type { + margin-bottom : 40px; + border-bottom : 1px solid #bbb; + } + .ce-forum-latest-post h2, .ce-forum-latest-post .ce-table table caption, .ce-table table .ce-forum-latest-post caption { + text-align : left; + } + .ce-forum-latest-post h2:after, .ce-forum-latest-post .ce-table table caption:after, .ce-table table .ce-forum-latest-post caption:after { + margin : 10px 0 10px 0; + } + .ce-forum-latest-post > div { + display : block; + width : 100%; + padding : 12px; + background : #fff; + border-right : 1px solid #bbbbbb; + border-left : 1px solid #bbbbbb; + border-top : 1px solid #bbbbbb; + } + .ce-forum-latest-post > div img { + float : left; + max-width : 70px; + margin-right : 15px; + } + .ce-forum-latest-post > div div h3 { + font-size : 18px; + line-height : normal; + font-weight : 700; + color : #333; + margin : 0 0 0 0; + } + .ce-forum-latest-post > div div h3 a { + color : #333; + } + .ce-forum-latest-post > div div p { + font-weight : 400; + float : left; + } + .ce-forum-latest-post > div div p + p { + margin-left : 10px; + } + .tx-typo3forum-post-latest-box h2, .tx-typo3forum-post-latest-box .ce-table table caption, .ce-table table .tx-typo3forum-post-latest-box caption { + text-align : left; + } + .tx-typo3forum-post-latest-box h2:after, .tx-typo3forum-post-latest-box .ce-table table caption:after, .ce-table table .tx-typo3forum-post-latest-box caption:after { + margin : 10px 0 10px 0; + } + .leftMenu { + float : left; + width : 24.27%; + margin-top : 30px; + } + @media screen and (max-width:767px) { + .leftMenu { + float : none; + width : 100%; + margin-bottom : 40px; + padding-bottom : 40px; + border-bottom : 1px solid #bbbbbb; + } + .leftMenu .profile-sidebar-content { + display : none; + } + .leftMenu .profile-sidebar-content.active { + display : block; + } + } + .leftMenu h3 { + font-size : 16px; + line-height : normal; + font-weight : 700; + color : #333; + text-transform : uppercase; + border-bottom : 2px solid #fc0; + margin-bottom : 15px; + } + .leftMenu ul { + margin : 0; + padding : 0; + list-style-type : none; + } + .leftMenu ul li { + display : block; + } + .leftMenu ul li a { + font-size : 15px; + line-height : normal; + color : #333; + text-decoration : none; + font-weight : 400; + text-transform : uppercase; + } + .leftMenu ul li.active a, .leftMenu ul li:hover a { + font-weight : 700; + color : #333; + } + .leftMenu ul li + li { + margin-top : 15px; + } + .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * { + width : 74.75%; + float : left; + margin-left : 0.97%; + padding : 30px 10px 0 10px; + } + @media screen and (max-width:767px) { + .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * { + float : none; + width : 100%; + margin-left : 0; + padding : 0; + } + } + .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice, .leftMenu + * .tx-srfeuserregister-pi1-notice { + margin : 0; + font-style : normal; + font-size : 15px; + line-height : normal; + } + .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash, .leftMenu + * .tx-srfeuserregister-pi1-trash { + margin : 0 0 10px 0; + } + .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a, .leftMenu + * .tx-srfeuserregister-pi1-trash a { + background : transparent; + padding-left : 0; + font-size : 15px; + line-height : normal; + font-weight : 400; + } + .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt { + float : left; + width : 32.46%; + text-align : left; + padding : 17px 10px 16px 10px; + } + @media screen and (max-width:600px) { + .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt { + float : none; + width : 100%; + padding : 0 10px 0 0; + } + } + .leftMenu + .tx-srfeuserregister-pi1 dt label, .leftMenu + * dt label { + font-size : 15px; + line-height : normal; + color : #333; + } + .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd { + float : left; + width : 66.23%; + margin-left : 1.29%; + } + @media screen and (max-width:600px) { + .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd { + float : none; + width : 100%; + margin-left : 0; + margin-top : 0; + } + .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] { + margin-top : 0; + } + .leftMenu + .tx-srfeuserregister-pi1 dd input[type="submit"], .leftMenu + * dd input[type="submit"] { + margin-top : 0; + } + } + .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] { + width : 100%; + height : 55px; + vertical-align : middle; + line-height : 55px; + padding : 0 10px; + font-size : 15px; + color : #333; + } + .leftMenu + .tx-srfeuserregister-pi1 input[type="submit"], .leftMenu + * input[type="submit"] { + float : right; + margin-bottom : 40px; + } + .leftMenu .profile-sidebar { + display : none; + margin-top : 15px; + } + .leftMenu .profile-sidebar button { + border : none; + width : 100%; + display : block; + } + @media screen and (max-width:767px) { + .leftMenu .profile-sidebar { + display : block; + } + } + .formular-sidebar { + float : left; + width : 25%; + margin-left : 5%; + padding-top : 50px; + padding-bottom : 50px; + } + .formular-sidebar .formular-sidebar-content { + width : 100%; + } + .formular-sidebar .formular-sidebar-content + .formular-sidebar-content { + margin-top : 40px; + } + .formular-sidebar h2, .formular-sidebar .ce-table table caption, .ce-table table .formular-sidebar caption { + font-size : 18px; + line-height : normal; + text-align : left; + margin : 0 0 5px 0; + } + .formular-sidebar h2:after, .formular-sidebar .ce-table table caption:after, .ce-table table .formular-sidebar caption:after { + margin : 10px 0 0 0; + } + .formular-sidebar img { + margin-top : 20px; + } + .formular-sidebar p { + font-size : 13px; + line-height : normal; + } + .formular-sidebar .fontAwesome-list { + margin-bottom : 20px; + } + .formular-sidebar .fontAwesome-list ul { + margin : 0; + padding : 0; + list-style : none; + } + .formular-sidebar .fontAwesome-list ul li { + display : block; + font-size : 16px; + line-height : normal; + color : #333; + font-weight : 700; + } + .formular-sidebar .fontAwesome-list ul li i { + display : table-cell; + font-size : 22px; + margin-right : 10px; + border-radius : 50px; + border : #333 solid 2px; + padding : 10px; + vertical-align : sub; + float : left; + height : 46px; + width : 46px; + } + .formular-sidebar .fontAwesome-list ul li span { + margin : 0; + display : table-cell; + vertical-align : middle; + padding-left : 10px; + height : 46px; + } + @media screen and (max-width:440px) { + .formular-sidebar .fontAwesome-list ul li span { + width : 80%; + } + } + @media screen and (max-width:360px) { + .formular-sidebar .fontAwesome-list ul li span { + width : 70%; + } + } + .formular-sidebar .fontAwesome-list ul li + li { + padding-top : 10px; + clear : both; + } + @media screen and (max-width:800px) { + .formular-sidebar { + float : none; + width : 100%; + margin-left : 0; + padding : 0 0 50px 0; + } + } + .ui-icon { + display : none !important ; + } + .compexCommerce .news-list-view .header { + max-width : none; + } + .cc_container .cc_btn { + padding : 8px 10px !important ; + } + body.compexCommerce main > *:first-child { + margin-top : 40px; + } + body.compexCommerce main > .sliderContainer { + margin-top : 0 !important ; + } + body.compexCommerce main > .unterseiten-banner:first-child { + margin-top : 0; + } + diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cashregister.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cashregister.png Binary files differnew file mode 100644 index 0000000..fee6b22 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/cashregister.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dashboard-big.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dashboard-big.png Binary files differnew file mode 100644 index 0000000..ccbd744 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dashboard-big.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dashboard.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dashboard.png Binary files differnew file mode 100644 index 0000000..28f5e18 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dashboard.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/db.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/db.png Binary files differnew file mode 100644 index 0000000..7644677 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/db.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dbinfo.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dbinfo.png Binary files differnew file mode 100644 index 0000000..9c2cfff --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dbinfo.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dsnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dsnew.png Binary files differindex 32f4adc..d9db6b4 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dsnew.png +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dsnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dssaveandnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dssaveandnew.png Binary files differnew file mode 100644 index 0000000..fd8c709 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dssaveandnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dssaveasnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dssaveasnew.png Binary files differnew file mode 100644 index 0000000..fb72a81 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/dssaveasnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/info.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/info.png Binary files differnew file mode 100644 index 0000000..e9f354c --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/info.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/license.txt index d1e91c0..c68c4c1 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/license.txt +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/license.txt @@ -91,8 +91,8 @@ flag_usa.png -(C) 2014 Loetz GmbH&Co.KG, -License: EPL 1.0: +(C) 2014,2018 Loetz GmbH&Co.KG, +License: EPL 1.0 ------------------------------------ about.png badrising.png @@ -115,10 +115,16 @@ crm.png css.png csv_import.png currency_euro.png +dashboard.png +dashboard-big.png database.png database_go.png database_table.png date.gif +db.png +dbinfo.png +dbsaveandnew.png +dbsaveasnew.png delete.png dir.txt dropdown.png @@ -126,6 +132,7 @@ dropdown_2.png dropedit2.png dscancel.png dsdelete.png +dsnew.png dssave.png edi.png editor_area.png @@ -146,6 +153,7 @@ gender_male.png goodsloping.png help.png html.png +info.png img.png import.png information.png @@ -219,6 +227,9 @@ task_status_ready.png task_status_reserved.png task_status_suspended.png tasks.png +tasks_many.png +tasks_none.png +tasks_some.png text.png toolbar_button_background_active_23x20.png toolbar_button_background_hover_23x20.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/tasks_many.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/tasks_many.png Binary files differnew file mode 100644 index 0000000..ef0dc97 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/tasks_many.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/tasks_none.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/tasks_none.png Binary files differnew file mode 100644 index 0000000..271a811 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/tasks_none.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/tasks_some.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/tasks_some.png Binary files differnew file mode 100644 index 0000000..3efaba4 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/icon/tasks_some.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css index 67fb7f7..989422f 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/styles.css @@ -18606,6 +18606,10 @@ div.v-layout.v-horizontal.v-widget { margin: 0 auto; } +.osbp-tea div.v-slider-base { + width: 220px; +} + .osbp-tea .v-verticallayout-os-welcome { padding: 0px !important; } @@ -18614,6 +18618,53 @@ div.v-layout.v-horizontal.v-widget { border-width: 0px; } +.osbp-tea .v-label-os-dashboardtile { + color: #bad1e1; + font-size: 9px; + line-height: 1.2; +} + +.osbp-tea .v-label-os-dashboardtile-number { + font-size: 25px; +} + +.osbp-tea .v-slot-os-dashboardtile { + vertical-align: middle; +} + +.osbp-tea .v-verticallayout-os-dashboardtile { + font-weight: 600; + + background-color: #1f567d; + border: 0px; + border-radius: 0px; + + bevel: false; + shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); + states: normal disabled; + margin-left: 4px; +} + +.osbp-tea .v-verticallayout-os-dashboardtile.v-pressed { + background-color: #bbc278 !important; + border-color: #bbc278 !important; +} + +.osbp-tea .v-verticallayout-os-dashboardtile:after { + transition: none; +} + +.osbp-tea .v-verticallayout-os-dashboardtile:hover, .osbp-tea .v-verticallayout-os-dashboardtile:focus, .osbp-tea .v-verticallayout-os-dashboardtile:active { + background-color: #9ea93f; + border-color: #9ea93f; + color: #282a17; +} + +.osbp-tea .v-verticallayout-os-dashboardtile:focus:after { + border-color: transparent; + transition: none; +} + :root .osbp-tea .v-checkbox { line-height: 22px; padding-top: inherit; @@ -18635,7 +18686,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp-tea .v-checkbox > input ~ label:before { height: 22px; border: 0px; - border-bottom: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4 !important; background: #ededed; -webkit-box-shadow: none; box-shadow: none; @@ -18686,6 +18737,14 @@ div.v-layout.v-horizontal.v-widget { padding-right: 6.6px; } +.osbp-tea .popupContent .v-window-outerheader:after { + border-top-width: 0px; +} + +.osbp-tea .popupContent .v-window-contents { + padding-top: 45.4px !important; +} + .osbp-tea .popupContent .v-window-closebox { background: transparent; border: 0px; @@ -18896,6 +18955,13 @@ div.v-layout.v-horizontal.v-widget { background: #ced49f; } +.osbp-tea .os-mparttoolbararea .v-button.v-spliter, .osbp-tea .os-embedded-toolbar .v-button.v-spliter { + background: inherit; + width: 0; + padding: 0; + border-right: 1px solid #d4d4d4; +} + .osbp-tea .os-mparttoolbararea span.v-button-caption, .osbp-tea .os-embedded-toolbar span.v-button-caption { vertical-align: middle; } @@ -19380,6 +19446,8 @@ div.v-layout.v-horizontal.v-widget { border-left-color: #fff; border-bottom: 1px solid #d4d4d4; margin-left: 0px; + -webkit-box-shadow: none; + box-shadow: none; font-weight: normal; text-transform: none; } @@ -19605,10 +19673,27 @@ div.v-layout.v-horizontal.v-widget { font-size: 16.8px; } -.osbp-tea .v-caption-on-top > .v-caption-l-control > .v-captiontext { +.osbp-tea .v-caption-on-top > .v-caption-l-control > .v-captiontext, .osbp-tea .v-slot-os-single-selection > .v-caption-on-top > .v-caption > .v-captiontext, .osbp-tea .v-slot-os-multi-selection > .v-caption-on-top > .v-caption > .v-captiontext { font-size: 12px; } +.osbp-tea .v-slot-os-single-selection, .osbp-tea .v-slot-os-multi-selection { + background-color: #ededed; +} + +.osbp-tea .v-slot-os-single-selection > .v-caption-on-top > .v-caption, .osbp-tea .v-slot-os-multi-selection > .v-caption-on-top > .v-caption { + padding-bottom: 0px; +} + +.osbp-tea .v-slot-os-single-selection > .v-caption-on-top > .v-caption > .v-captiontext, .osbp-tea .v-slot-os-multi-selection > .v-caption-on-top > .v-caption > .v-captiontext { + margin: 7px; + margin-bottom: 0px; +} + +.osbp-tea .v-slot-os-single-selection > .v-caption-on-top > .v-filterselect, .osbp-tea .v-slot-os-multi-selection > .v-caption-on-top > .v-filterselect { + margin-top: 0px; +} + :root .osbp-tea .v-formlayout-row .v-checkbox { line-height: 22px; padding-top: inherit; @@ -19630,7 +19715,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp-tea .v-formlayout-row .v-checkbox > input ~ label:before { height: 22px; border: 0px; - border-bottom: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4 !important; background: #ededed; -webkit-box-shadow: none; box-shadow: none; @@ -19647,6 +19732,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp-tea .v-formlayout-row .v-checkbox > input ~ label:before { margin-top: inherit; + border-width: 0px; } .osbp-tea .v-gridlayout-slot .v-checkbox-os-box { @@ -19670,7 +19756,7 @@ div.v-layout.v-horizontal.v-widget { .osbp-tea .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before { height: 22px; border: 0px; - border-bottom: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4 !important; background: #ededed; -webkit-box-shadow: none; box-shadow: none; @@ -19729,6 +19815,30 @@ div.v-layout.v-horizontal.v-widget { border-width: 1px; } +.osbp-tea .l-control .v-widget.os-group-panel, .osbp-tea .toptrimbar .v-widget.os-group-panel, .osbp-tea .os-selection-area .v-widget.os-group-panel { + width: 100%; + border-top-width: 2px; +} + +.osbp-tea .l-control .v-widget.os-group-panel.os-caption-large .v-caption, .osbp-tea .l-control .v-widget .os-caption-large .v-caption, .osbp-tea .toptrimbar .v-widget.os-group-panel.os-caption-large .v-caption, .osbp-tea .toptrimbar .v-widget .os-caption-large .v-caption, .osbp-tea .os-selection-area .v-widget.os-group-panel.os-caption-large .v-caption, .osbp-tea .os-selection-area .v-widget .os-caption-large .v-caption { + width: 132px; + white-space: nowrap; + overflow: -moz-hidden-unscrollable; + text-overflow: ellipsis; +} + +.osbp-tea .l-control .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp-tea .l-control .v-widget .os-caption-large .v-caption .v-caption:hover, .osbp-tea .toptrimbar .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp-tea .toptrimbar .v-widget .os-caption-large .v-caption .v-caption:hover, .osbp-tea .os-selection-area .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp-tea .os-selection-area .v-widget .os-caption-large .v-caption .v-caption:hover { + overflow: visible; +} + +.osbp-tea .l-control .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp-tea .l-control .v-widget .os-caption-large .v-formlayout-contentcell, .osbp-tea .toptrimbar .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp-tea .toptrimbar .v-widget .os-caption-large .v-formlayout-contentcell, .osbp-tea .os-selection-area .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp-tea .os-selection-area .v-widget .os-caption-large .v-formlayout-contentcell { + padding: 0px; +} + +.osbp-tea .l-control .os-no-padding, .osbp-tea .toptrimbar .os-no-padding, .osbp-tea .os-selection-area .os-no-padding { + padding: 0px !important; +} + .osbp-tea .l-control .v-caption, .osbp-tea .toptrimbar .v-caption, .osbp-tea .os-selection-area .v-caption { font-size: 12px; } @@ -19743,6 +19853,23 @@ div.v-layout.v-horizontal.v-widget { border-bottom-color: #9ea93f; } +.osbp-tea .l-control .v-component-group, .osbp-tea .l-control .l-beansearchfield, .osbp-tea .toptrimbar .v-component-group, .osbp-tea .toptrimbar .l-beansearchfield, .osbp-tea .os-selection-area .v-component-group, .osbp-tea .os-selection-area .l-beansearchfield { + display: flex; + width: 250px; +} + +.osbp-tea .l-control .v-component-group > .v-slot:first-of-type, .osbp-tea .l-control .l-beansearchfield > .v-slot:first-of-type, .osbp-tea .toptrimbar .v-component-group > .v-slot:first-of-type, .osbp-tea .toptrimbar .l-beansearchfield > .v-slot:first-of-type, .osbp-tea .os-selection-area .v-component-group > .v-slot:first-of-type, .osbp-tea .os-selection-area .l-beansearchfield > .v-slot:first-of-type { + width: 100%; +} + +.osbp-tea .l-control .v-component-group .v-datefield, .osbp-tea .l-control .v-component-group .v-filterselect, .osbp-tea .l-control .l-beansearchfield .v-datefield, .osbp-tea .l-control .l-beansearchfield .v-filterselect, .osbp-tea .toptrimbar .v-component-group .v-datefield, .osbp-tea .toptrimbar .v-component-group .v-filterselect, .osbp-tea .toptrimbar .l-beansearchfield .v-datefield, .osbp-tea .toptrimbar .l-beansearchfield .v-filterselect, .osbp-tea .os-selection-area .v-component-group .v-datefield, .osbp-tea .os-selection-area .v-component-group .v-filterselect, .osbp-tea .os-selection-area .l-beansearchfield .v-datefield, .osbp-tea .os-selection-area .l-beansearchfield .v-filterselect { + width: 100% !important; +} + +.osbp-tea .l-control .v-component-group .v-datefield > .v-textfield, .osbp-tea .l-control .v-component-group .v-filterselect > .v-textfield, .osbp-tea .l-control .l-beansearchfield .v-datefield > .v-textfield, .osbp-tea .l-control .l-beansearchfield .v-filterselect > .v-textfield, .osbp-tea .toptrimbar .v-component-group .v-datefield > .v-textfield, .osbp-tea .toptrimbar .v-component-group .v-filterselect > .v-textfield, .osbp-tea .toptrimbar .l-beansearchfield .v-datefield > .v-textfield, .osbp-tea .toptrimbar .l-beansearchfield .v-filterselect > .v-textfield, .osbp-tea .os-selection-area .v-component-group .v-datefield > .v-textfield, .osbp-tea .os-selection-area .v-component-group .v-filterselect > .v-textfield, .osbp-tea .os-selection-area .l-beansearchfield .v-datefield > .v-textfield, .osbp-tea .os-selection-area .l-beansearchfield .v-filterselect > .v-textfield { + width: 100% !important; +} + .osbp-tea .l-control .v-formlayout-captioncell, .osbp-tea .l-control .v-formlayout-errorcell, .osbp-tea .toptrimbar .v-formlayout-captioncell, .osbp-tea .toptrimbar .v-formlayout-errorcell, .osbp-tea .os-selection-area .v-formlayout-captioncell, .osbp-tea .os-selection-area .v-formlayout-errorcell { border-bottom: 1px solid #d4d4d4; vertical-align: bottom; @@ -19754,11 +19881,10 @@ div.v-layout.v-horizontal.v-widget { .osbp-tea .l-control .v-formlayout-contentcell > .v-customcomponent, .osbp-tea .toptrimbar .v-formlayout-contentcell > .v-customcomponent, .osbp-tea .os-selection-area .v-formlayout-contentcell > .v-customcomponent { width: 100%; - border-bottom: 1px solid #d4d4d4; } -.osbp-tea .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-tea .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-tea .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-tea .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp-tea .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp-tea .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"] { - border-bottom-width: 0px; +.osbp-tea .l-control .v-formlayout-contentcell > .v-customcomponent .v-label, .osbp-tea .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-label, .osbp-tea .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-label { + border-bottom: 1px solid #d4d4d4; } .osbp-tea .l-control .v-textfield, .osbp-tea .toptrimbar .v-textfield, .osbp-tea .os-selection-area .v-textfield { @@ -19783,7 +19909,6 @@ div.v-layout.v-horizontal.v-widget { border-top: transparent; border-left: transparent; border-right: transparent; - border-bottom: 1px solid #d4d4d4; -webkit-box-shadow: none; box-shadow: none; } @@ -19805,11 +19930,13 @@ div.v-layout.v-horizontal.v-widget { background-color: transparent; } -.osbp-tea .l-control .l-beansearchfield button, .osbp-tea .toptrimbar .l-beansearchfield button, .osbp-tea .os-selection-area .l-beansearchfield button { +.osbp-tea .l-control .l-beansearchfield button, .osbp-tea .l-control .l-beansearchfield .v-nativebutton, .osbp-tea .toptrimbar .l-beansearchfield button, .osbp-tea .toptrimbar .l-beansearchfield .v-nativebutton, .osbp-tea .os-selection-area .l-beansearchfield button, .osbp-tea .os-selection-area .l-beansearchfield .v-nativebutton { background: transparent; border: 0px; float: none; margin-left: 0px; + padding: 0px; + padding-left: 6px; font-weight: normal; color: #424242; border-width: 0px; @@ -19818,11 +19945,12 @@ div.v-layout.v-horizontal.v-widget { border-bottom: 1px solid #d4d4d4; outline: 0; height: 22px; - width: 22px !important; cursor: pointer; + -webkit-box-shadow: none; + box-shadow: none; } -.osbp-tea .l-control .l-beansearchfield button:before, .osbp-tea .toptrimbar .l-beansearchfield button:before, .osbp-tea .os-selection-area .l-beansearchfield button:before { +.osbp-tea .l-control .l-beansearchfield button:before, .osbp-tea .l-control .l-beansearchfield .v-nativebutton:before, .osbp-tea .toptrimbar .l-beansearchfield button:before, .osbp-tea .toptrimbar .l-beansearchfield .v-nativebutton:before, .osbp-tea .os-selection-area .l-beansearchfield button:before, .osbp-tea .os-selection-area .l-beansearchfield .v-nativebutton:before { font-family: FontAwesome; font-size: 14px; line-height: 14px; @@ -19831,7 +19959,7 @@ div.v-layout.v-horizontal.v-widget { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); } -.osbp-tea .l-control .l-beansearchfield button img, .osbp-tea .toptrimbar .l-beansearchfield button img, .osbp-tea .os-selection-area .l-beansearchfield button img { +.osbp-tea .l-control .l-beansearchfield button img, .osbp-tea .l-control .l-beansearchfield .v-nativebutton img, .osbp-tea .toptrimbar .l-beansearchfield button img, .osbp-tea .toptrimbar .l-beansearchfield .v-nativebutton img, .osbp-tea .os-selection-area .l-beansearchfield button img, .osbp-tea .os-selection-area .l-beansearchfield .v-nativebutton img { display: none; } @@ -19873,7 +20001,6 @@ div.v-layout.v-horizontal.v-widget { .osbp-tea .v-filterselect-os-single-selection, .osbp-tea .os-single-selection { color: #424242; margin: 7px; - width: 154px; } .osbp-tea .os-multi-selection select.v-select-select { @@ -20438,6 +20565,32 @@ div.v-layout.v-horizontal.v-widget { font-weight: bold; } +.osbp-tea .v-grid .v-grid-body > .v-grid-row > .v-grid-cell { + margin-bottom: -22px; +} + +.osbp-tea .v-grid .v-grid-row { + display: flex; + position: relative; +} + +.osbp-tea .v-grid .v-grid-row > td > img.gwt-Image { + height: 20px; +} + +.osbp-tea .v-grid .v-grid-row > td:hover { + height: auto !important; + position: relative; +} + +.osbp-tea .v-grid .v-grid-row > td:hover > img.gwt-Image { + height: auto; +} + +.osbp-tea .v-grid .v-grid-row > td { + height: auto !important; +} + .osbp-tea .v-grid .v-grid-cell.filter-header { height: 22px !important; padding: 0px; @@ -21883,16 +22036,45 @@ div.v-layout.v-horizontal.v-widget { color: #282a17; } -.osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox { +.osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox, .osbp-tea .os-cash-register .v-filterselect, .osbp-tea .os-cash-register .v-filterselect-input, .osbp-tea .os-cash-register .v-filterselect [class*="input"] { font-size: 24px; height: 44px; } -.osbp-tea .os-cash-register .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-tea .os-cash-register .v-datefield.v-disabled, .osbp-tea .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-tea .os-cash-register .o-XSuggestBox.v-disabled, .osbp-tea .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield { +.osbp-tea .os-cash-register .v-textfield.v-disabled, .osbp-tea .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp-tea .os-cash-register .v-datefield.v-disabled, .osbp-tea .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp-tea .os-cash-register .o-XSuggestBox.v-disabled, .osbp-tea .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield, .osbp-tea .os-cash-register .v-filterselect.v-disabled, .osbp-tea .os-cash-register .v-filterselect.v-disabled > .v-textfield, .osbp-tea .os-cash-register .v-filterselect-input.v-disabled, .osbp-tea .os-cash-register .v-filterselect-input.v-disabled > .v-textfield, .osbp-tea .os-cash-register .v-filterselect [class*="input"].v-disabled, .osbp-tea .os-cash-register .v-filterselect [class*="input"].v-disabled > .v-textfield { background-color: transparent; opacity: 0.75; } +.osbp-tea .os-cash-register .v-datefield [class*="textfield"] { + padding-left: 52.8px; +} + +.osbp-tea .os-cash-register .v-filterselect-button, .osbp-tea .os-cash-register .v-datefield button { + width: 44px; +} + +.osbp-tea .os-cash-register .v-filterselect-button:before, .osbp-tea .os-cash-register .v-datefield button:before { + width: 44px; +} + +.osbp-tea .os-cash-register .os-alt-button > .v-component-group, .osbp-tea .os-cash-register .os-alt-button > .l-beansearchfield { + display: block; +} + +.osbp-tea .os-cash-register .os-alt-button > .v-component-group > .v-slot > .v-button, .osbp-tea .os-cash-register .os-alt-button > .l-beansearchfield > .v-slot > .v-button { + position: relative; + height: 40px; + width: 40px; + min-width: 40px; + top: -40px; + left: -40px; +} + +.osbp-tea .os-cash-register .v-component-group > .v-slot > .v-button { + height: 44px; +} + .osbp-tea .os-cash-register .v-textarea { font-size: 24px; } @@ -21940,7 +22122,7 @@ div.v-layout.v-horizontal.v-widget { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); } -.osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox { +.osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox, .osbp-tea .os-cash-register .v-filterselect, .osbp-tea .os-cash-register .v-filterselect-input, .osbp-tea .os-cash-register .v-filterselect [class*="input"], .osbp-tea .os-cash-register .l-control > .v-component-group, .osbp-tea .os-cash-register .l-control > .l-beansearchfield { width: 184px; } @@ -21948,7 +22130,7 @@ div.v-layout.v-horizontal.v-widget { width: 140px !important; } -.osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox { +.osbp-tea .os-cash-register .v-textfield, .osbp-tea .os-cash-register .v-datefield, .osbp-tea .os-cash-register .o-XSuggestBox, .osbp-tea .os-cash-register .v-filterselect, .osbp-tea .os-cash-register .v-filterselect-input, .osbp-tea .os-cash-register .v-filterselect [class*="input"], .osbp-tea .os-cash-register .l-control > .v-component-group, .osbp-tea .os-cash-register .l-control > .l-beansearchfield { width: 184px; } @@ -21956,7 +22138,7 @@ div.v-layout.v-horizontal.v-widget { width: 140px !important; } -.osbp-tea .os-cash-register .os-span-h-half.v-textfield, .osbp-tea .os-cash-register .os-span-h-half.v-datefield, .osbp-tea .os-cash-register .os-span-h-half.o-XSuggestBox { +.osbp-tea .os-cash-register .os-span-h-half.v-textfield, .osbp-tea .os-cash-register .os-span-h-half.v-datefield, .osbp-tea .os-cash-register .os-span-h-half.o-XSuggestBox, .osbp-tea .os-cash-register .os-span-h-half.v-textarea, .osbp-tea .os-cash-register .os-span-h-half.v-filterselect, .osbp-tea .os-cash-register .os-span-h-half.v-filterselect-input, .osbp-tea .os-cash-register .os-span-h-half.v-filterselect [class*="input"], .osbp-tea .os-cash-register .l-control.os-span-h-half .v-component-group, .osbp-tea .os-cash-register .l-control.os-span-h-half .l-beansearchfield { width: 88px; } @@ -21964,7 +22146,7 @@ div.v-layout.v-horizontal.v-widget { width: 44px !important; } -.osbp-tea .os-cash-register .os-span-h-single.v-textfield, .osbp-tea .os-cash-register .os-span-h-single.v-datefield, .osbp-tea .os-cash-register .os-span-h-single.o-XSuggestBox { +.osbp-tea .os-cash-register .os-span-h-single.v-textfield, .osbp-tea .os-cash-register .os-span-h-single.v-datefield, .osbp-tea .os-cash-register .os-span-h-single.o-XSuggestBox, .osbp-tea .os-cash-register .os-span-h-single.v-textarea, .osbp-tea .os-cash-register .os-span-h-single.v-filterselect, .osbp-tea .os-cash-register .os-span-h-single.v-filterselect-input, .osbp-tea .os-cash-register .os-span-h-single.v-filterselect [class*="input"], .osbp-tea .os-cash-register .l-control.os-span-h-single .v-component-group, .osbp-tea .os-cash-register .l-control.os-span-h-single .l-beansearchfield { width: 184px; } @@ -21972,7 +22154,7 @@ div.v-layout.v-horizontal.v-widget { width: 140px !important; } -.osbp-tea .os-cash-register .os-span-h-double.v-textfield, .osbp-tea .os-cash-register .os-span-h-double.v-datefield, .osbp-tea .os-cash-register .os-span-h-double.o-XSuggestBox { +.osbp-tea .os-cash-register .os-span-h-double.v-textfield, .osbp-tea .os-cash-register .os-span-h-double.v-datefield, .osbp-tea .os-cash-register .os-span-h-double.o-XSuggestBox, .osbp-tea .os-cash-register .os-span-h-double.v-textarea, .osbp-tea .os-cash-register .os-span-h-double.v-filterselect, .osbp-tea .os-cash-register .os-span-h-double.v-filterselect-input, .osbp-tea .os-cash-register .os-span-h-double.v-filterselect [class*="input"], .osbp-tea .os-cash-register .l-control.os-span-h-double .v-component-group, .osbp-tea .os-cash-register .l-control.os-span-h-double .l-beansearchfield { width: 376px; } @@ -21980,7 +22162,7 @@ div.v-layout.v-horizontal.v-widget { width: 332px !important; } -.osbp-tea .os-cash-register .os-span-h-triple.v-textfield, .osbp-tea .os-cash-register .os-span-h-triple.v-datefield, .osbp-tea .os-cash-register .os-span-h-triple.o-XSuggestBox { +.osbp-tea .os-cash-register .os-span-h-triple.v-textfield, .osbp-tea .os-cash-register .os-span-h-triple.v-datefield, .osbp-tea .os-cash-register .os-span-h-triple.o-XSuggestBox, .osbp-tea .os-cash-register .os-span-h-triple.v-textarea, .osbp-tea .os-cash-register .os-span-h-triple.v-filterselect, .osbp-tea .os-cash-register .os-span-h-triple.v-filterselect-input, .osbp-tea .os-cash-register .os-span-h-triple.v-filterselect [class*="input"], .osbp-tea .os-cash-register .l-control.os-span-h-triple .v-component-group, .osbp-tea .os-cash-register .l-control.os-span-h-triple .l-beansearchfield { width: 568px; } @@ -21988,7 +22170,7 @@ div.v-layout.v-horizontal.v-widget { width: 524px !important; } -.osbp-tea .os-cash-register .os-span-h-quad.v-textfield, .osbp-tea .os-cash-register .os-span-h-quad.v-datefield, .osbp-tea .os-cash-register .os-span-h-quad.o-XSuggestBox { +.osbp-tea .os-cash-register .os-span-h-quad.v-textfield, .osbp-tea .os-cash-register .os-span-h-quad.v-datefield, .osbp-tea .os-cash-register .os-span-h-quad.o-XSuggestBox, .osbp-tea .os-cash-register .os-span-h-quad.v-textarea, .osbp-tea .os-cash-register .os-span-h-quad.v-filterselect, .osbp-tea .os-cash-register .os-span-h-quad.v-filterselect-input, .osbp-tea .os-cash-register .os-span-h-quad.v-filterselect [class*="input"], .osbp-tea .os-cash-register .l-control.os-span-h-quad .v-component-group, .osbp-tea .os-cash-register .l-control.os-span-h-quad .l-beansearchfield { width: 760px; } @@ -22068,7 +22250,7 @@ div.v-layout.v-horizontal.v-widget { max-height: 174px !important; } -.osbp-tea .os-cash-register .os-field-h-half .v-textfield, .osbp-tea .os-cash-register .os-field-h-half .v-datefield, .osbp-tea .os-cash-register .os-field-h-half .o-XSuggestBox { +.osbp-tea .os-cash-register .os-field-h-half .v-textfield, .osbp-tea .os-cash-register .os-field-h-half .v-datefield, .osbp-tea .os-cash-register .os-field-h-half .o-XSuggestBox, .osbp-tea .os-cash-register .os-field-h-half .v-filterselect, .osbp-tea .os-cash-register .os-field-h-half .v-filterselect-input, .osbp-tea .os-cash-register .os-field-h-half .v-filterselect [class*="input"], .osbp-tea .os-cash-register .os-field-h-half .l-control > .v-component-group, .osbp-tea .os-cash-register .os-field-h-half .l-control > .l-beansearchfield { width: 88px; } @@ -22108,7 +22290,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 130px; } -.osbp-tea .os-cash-register .os-field-h-double .v-textfield, .osbp-tea .os-cash-register .os-field-h-double .v-datefield, .osbp-tea .os-cash-register .os-field-h-double .o-XSuggestBox { +.osbp-tea .os-cash-register .os-field-h-double .v-textfield, .osbp-tea .os-cash-register .os-field-h-double .v-datefield, .osbp-tea .os-cash-register .os-field-h-double .o-XSuggestBox, .osbp-tea .os-cash-register .os-field-h-double .v-filterselect, .osbp-tea .os-cash-register .os-field-h-double .v-filterselect-input, .osbp-tea .os-cash-register .os-field-h-double .v-filterselect [class*="input"], .osbp-tea .os-cash-register .os-field-h-double .l-control > .v-component-group, .osbp-tea .os-cash-register .os-field-h-double .l-control > .l-beansearchfield { width: 376px; } @@ -22140,7 +22322,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 174px; } -.osbp-tea .os-cash-register .os-field-h-triple .v-textfield, .osbp-tea .os-cash-register .os-field-h-triple .v-datefield, .osbp-tea .os-cash-register .os-field-h-triple .o-XSuggestBox { +.osbp-tea .os-cash-register .os-field-h-triple .v-textfield, .osbp-tea .os-cash-register .os-field-h-triple .v-datefield, .osbp-tea .os-cash-register .os-field-h-triple .o-XSuggestBox, .osbp-tea .os-cash-register .os-field-h-triple .v-filterselect, .osbp-tea .os-cash-register .os-field-h-triple .v-filterselect-input, .osbp-tea .os-cash-register .os-field-h-triple .v-filterselect [class*="input"], .osbp-tea .os-cash-register .os-field-h-triple .l-control > .v-component-group, .osbp-tea .os-cash-register .os-field-h-triple .l-control > .l-beansearchfield { width: 568px; } @@ -22172,7 +22354,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 262px; } -.osbp-tea .os-cash-register .os-field-h-quad .v-textfield, .osbp-tea .os-cash-register .os-field-h-quad .v-datefield, .osbp-tea .os-cash-register .os-field-h-quad .o-XSuggestBox { +.osbp-tea .os-cash-register .os-field-h-quad .v-textfield, .osbp-tea .os-cash-register .os-field-h-quad .v-datefield, .osbp-tea .os-cash-register .os-field-h-quad .o-XSuggestBox, .osbp-tea .os-cash-register .os-field-h-quad .v-filterselect, .osbp-tea .os-cash-register .os-field-h-quad .v-filterselect-input, .osbp-tea .os-cash-register .os-field-h-quad .v-filterselect [class*="input"], .osbp-tea .os-cash-register .os-field-h-quad .l-control > .v-component-group, .osbp-tea .os-cash-register .os-field-h-quad .l-control > .l-beansearchfield { width: 760px; } @@ -23186,4 +23368,12 @@ div.v-layout.v-horizontal.v-widget { content: "\e665" !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15); +} + +.osbp-tea .grid-renderers-collection-addon { + cursor: pointer; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; }
\ No newline at end of file diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/welcome/typo-welcome-styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/welcome/typo-welcome-styles.css new file mode 100644 index 0000000..12fd74e --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp-tea/welcome/typo-welcome-styles.css @@ -0,0 +1,12700 @@ + + /* cyrillic-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); + /*unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;*/ + } + /* cyrillic */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); +/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ + } + /* greek-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); +/* unicode-range: U+1F00-1FFF; */ + } + /* greek */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); +/* unicode-range: U+0370-03FF; */ + } + /* vietnamese */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* cyrillic-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */ + } + /* cyrillic */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ + } + /* greek-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+1F00-1FFF; */ + } + /* greek */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0370-03FF; */ + } + /* vietnamese */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* cyrillic-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); +/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */ + } + /* cyrillic */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); +/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ + } + /* greek-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); +/* unicode-range: U+1F00-1FFF; */ + } + /* greek */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); +/* unicode-range: U+0370-03FF; */ + } + /* vietnamese */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* cyrillic-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); +/* unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; */ + } + /* cyrillic */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); +/* unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; */ + } + /* greek-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); +/* unicode-range: U+1F00-1FFF; */ + } + /* greek */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); +/* unicode-range: U+0370-03FF; */ + } + /* vietnamese */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + + /* vietnamese */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 300; + src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 300; + src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 300; + src: local('Quicksand Light'), local('Quicksand-Light'), url(https://fonts.gstatic.com/s/quicksand/v6/qhfoJiLu10kFjChCCTvGlOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* vietnamese */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 400; + src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 400; + src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 400; + src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/sKd0EMYPAh5PYCRKSryvW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + /* vietnamese */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 700; + src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); +/* unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; */ + } + /* latin-ext */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 700; + src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); +/* unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; */ + } + /* latin */ + @font-face { + font-family: 'Quicksand'; + font-style: normal; + font-weight: 700; + src: local('Quicksand Bold'), local('Quicksand-Bold'), url(https://fonts.gstatic.com/s/quicksand/v6/32nyIRHyCu6iqEka_hbKsugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); +/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; */ + } + + i.fa { + padding-left : 5px; + font-size : 0.9rem; + } + .bg-blue { + background-color : #0067b1; + } + .bg-darkblue { + background-color : #002f58; + } + .bg-red { + background-color : #be1622; + } + .bg-white { + background-color : #fff; + } + .button { + display : inline-block; + background : inherit; + color : inherit; + padding : 15px; + text-transform : uppercase; + font-weight : 700; + font-size : 15px; + line-height : normal; + text-decoration : none; + cursor : pointer; + } + .button i { + padding-right : 5px; + transition : all 0.5s; + font-size : 18px; + line-height : normal; + } + .button span + i { + padding-left : 5px; + transition : all 0.5s; + } + .button:hover { + text-decoration : none !important ; + } + .button:hover i { + padding-right : 10px; + transition : all 0.5s; + } + .button:hover span + i { + padding-left : 10px; + transition : all 0.5s; + } + span span { + background : inherit; + color : inherit; + } + .redbutton, .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .darkbluebutton, .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a { + display : inline-block; + background : none 0% 0% repeat scroll #be1622; + color : #FFF; + padding : 15px; + text-transform : uppercase; + font-weight : 700; + font-size : 15px; + line-height : normal; + text-decoration : none; + cursor : pointer; + border : none; + } + .redbutton:hover, .bluebutton:hover, .thirdSection .right a:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:hover, .darkbluebutton:hover, .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover, .whitebutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton:hover, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:hover, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:hover { + text-decoration : none !important ; + } + .bluebutton, .thirdSection .right a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a { + background-color : #0067b1; + } + .darkbluebutton { + background-color : #002f58; + text-align : left; + } + .darkbluebutton.arrowlink:after, .thirdSection .right a.darkbluebutton:after { + float : right; + } + .darkbluebutton.arrowlink:hover:after, .thirdSection .right a.darkbluebutton:hover:after { + padding-left : 30px; + } + .greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton { + background-color : #f5f5f5; + color : #333; + } + .greybutton:hover, .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton:hover { + background-color : #0067b1; + color : #fff; + } + .whitebutton, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a { + background-color : #ffffff; + color : #333; + } + .arrowlink, .thirdSection .right a { + font-weight : 700; + text-decoration : none; + transition : all 0.5s; + } + .arrowlink:after, .thirdSection .right a:after { + font-family : 'FontAwesome'; + content : "\f178"; + padding-left : 5px; + font-size : 15px; + transition : all 0.7s; + display : inline-block; + } + .arrowlink:hover, .thirdSection .right a:hover { + text-decoration : none; + } + .arrowlink:hover:after, .thirdSection .right a:hover:after { + padding-left : 15px; + transition : all 0.5s; + } + .arrowlink.down:after, .thirdSection .right a.down:after { + content : "\f078"; + vertical-align : bottom; + } + .arrowlink.down.active:after, .thirdSection .right a.down.active:after { + content : "\f077"; + } + .keylink { + text-align : center; + color : #fff; + font-weight : 700; + font-size : 15px; + line-height : normal; + } + .keylink:before { + content : "\f084"; + font-family : 'FontAwesome'; + padding-right : 5px; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + .downloadlink { + text-align : center; + font-weight : 700; + text-decoration : none; + transition : all 0.5s; + min-height : 54px; + } + .downloadlink:after { + font-family : 'FontAwesome'; + content : "\f019"; + padding-left : 5px; + font-size : 15px; + transition : all 0.5s; + } + .downloadlink:hover { + font-size : 18px; + } + .downloadlink:hover:after { + font-size : 17px; + transition : all 0.5s; + } + .buttonContainer { + text-align : center; + } + .versal { + text-transform : uppercase; + } + .cf:before, .inner:before, body.contact .contactMain:before, .ce-twoCol-Box .boxen:before, .ce-twoCol-Box .boxen.withFontAwesome:before, .ce-twoCol-Box .boxen.withoutFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome:before, .ce-twoCol-Box .boxen.withOtherFontAwesome div:before, .text-slide:before, .toggleContainer h3:before, .ce-threeBoxesWithOption:before, .ce-threeBoxesWithOption .inner div:before, .fontAwesome-list.twocol ul:before, .ce-os-bee:before, .ce-table:before, .service-formular:before, .service-formular .powermail_check_outer:before, .secondSection div.inner:before, .thirdSection:before, .thirdSection .inner:before, .newsletter:before, .newsletter .firstrow:before, .newsletter .secondrow:before, .newsletter .secondrow .inner:before, .ce-youtube-text:before, .ce-youtube-slider:before, .marketplace-wrapper:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:before, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:before, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:before, .marketplace-wrapper .mp-contentContainer .mp-filter ul:before, .marketplace-wrapper .mp-contentContainer .mp-content:before, .marketplace-wrapper .mp-contentContainer .mp-content article header:before, .marketplace-wrapper .mp-contentContainer .mp-content article footer:before, .mpdetail-content .mp-productInfo:before, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:before, .mpdetail-content .mp-productWrapper > ul:before, .tx-typo3forum-pi1 .forum_menu ul:before, .tx-typo3forum-pi1 .topic_list_menu ul:before, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:before, .tx-typo3forum-pi1 #topic fieldset div:before, .tx-typo3forum-pi1 #post fieldset div:before, .tx-typo3forum-pi1 #report fieldset div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:before, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:before, .ce-osbee-forum-singlepost:before, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:before, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:before, .blogSidebar .blog-subscribe .terms:before, .news-list-view .article:before, .news-list-view .news-content-wrap:before, .latest-news-container:before, .latest-news-container .startpage-latesnews:before, .latest-news-container .startpage-latesnews .news-img-wrap a:before, .shariff .orientation-horizontal:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:before, .tx-sy-osbeeproducts .os_cartSupport:before, .tx-sy-osbeeproducts .os_cartSupport > div .container:before, .tx-sy-osbeeproducts .os_carAppSupport:before, .tx-sy-osbeeproducts .os_carAppSupport > div .container:before, .tx-sy-osbeeproducts .checkoutOption:before, .tx-contentpackage-checkoutFormular div:before, .checkoutSteps:before, .tx-indexedsearch-browsebox:before, .tx-srfeuserregister-pi1 fieldset:before, .tx-srfeuserregister-pi1 fieldset .formwrap:before, .community-forum-news:before, .community-forum-news > .inner > div.news .latest-news-container:before, .zweispaltig-unterseiten-layout:before, header.header:before, header.header .topMeta:before, header.header .topMeta + div:before, header.header nav > ul:before, footer.footer div.inner.small:before, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:before, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:before, .ce-video:before, .ce-forum-latest-post:before, .ce-forum-latest-post > div:before, .ce-forum-latest-post > div div:before, .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after { + content : " "; + display : table; + } + .cf:after, .inner:after, body.contact .contactMain:after, .ce-twoCol-Box .boxen:after, .ce-twoCol-Box .boxen.withFontAwesome:after, .ce-twoCol-Box .boxen.withoutFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome:after, .ce-twoCol-Box .boxen.withOtherFontAwesome div:after, .text-slide:after, .toggleContainer h3:after, .ce-threeBoxesWithOption:after, .ce-threeBoxesWithOption .inner div:after, .fontAwesome-list.twocol ul:after, .ce-os-bee:after, .ce-table:after, .service-formular:after, .service-formular .powermail_check_outer:after, .secondSection div.inner:after, .thirdSection:after, .thirdSection .inner:after, .newsletter:after, .newsletter .firstrow:after, .newsletter .secondrow:after, .newsletter .secondrow .inner:after, .ce-youtube-text:after, .ce-youtube-slider:after, .marketplace-wrapper:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li:after, .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a:after, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a:after, .marketplace-wrapper .mp-contentContainer .mp-filter ul:after, .marketplace-wrapper .mp-contentContainer .mp-content:after, .marketplace-wrapper .mp-contentContainer .mp-content article header:after, .marketplace-wrapper .mp-contentContainer .mp-content article footer:after, .mpdetail-content .mp-productInfo:after, .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung:after, .mpdetail-content .mp-productWrapper > ul:after, .tx-typo3forum-pi1 .forum_menu ul:after, .tx-typo3forum-pi1 .topic_list_menu ul:after, .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul:after, .tx-typo3forum-pi1 #topic fieldset div:after, .tx-typo3forum-pi1 #post fieldset div:after, .tx-typo3forum-pi1 #report fieldset div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div:after, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left:after, .ce-osbee-forum-singlepost:after, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div:after, .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation:after, .blogSidebar .blog-subscribe .terms:after, .news-list-view .article:after, .news-list-view .news-content-wrap:after, .latest-news-container:after, .latest-news-container .startpage-latesnews:after, .latest-news-container .startpage-latesnews .news-img-wrap a:after, .shariff .orientation-horizontal:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp:after, .tx-sy-osbeeproducts .os_cartSupport:after, .tx-sy-osbeeproducts .os_cartSupport > div .container:after, .tx-sy-osbeeproducts .os_carAppSupport:after, .tx-sy-osbeeproducts .os_carAppSupport > div .container:after, .tx-sy-osbeeproducts .checkoutOption:after, .tx-contentpackage-checkoutFormular div:after, .checkoutSteps:after, .tx-indexedsearch-browsebox:after, .tx-srfeuserregister-pi1 fieldset:after, .tx-srfeuserregister-pi1 fieldset .formwrap:after, .community-forum-news:after, .community-forum-news > .inner > div.news .latest-news-container:after, .zweispaltig-unterseiten-layout:after, header.header:after, header.header .topMeta:after, header.header .topMeta + div:after, header.header nav > ul:after, footer.footer div.inner.small:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:after, .ce-video:after, .ce-forum-latest-post:after, .ce-forum-latest-post > div:after, .ce-forum-latest-post > div div:after { + clear : both; + } + html { + margin : 0; + padding : 0; + font-size : 15px; + line-height : normal; + } + html * { + box-sizing : border-box; + font-family : "Open Sans", sans-serif; + } + body { + margin : 0; + padding : 0; + counter-reset : olliste; + } + section, main, footer, nav, aside, article { + display : block; + } + img { + height : auto; + max-width : 100%; + } + figure { + margin : 0; + padding : 0; + } + ul { + margin : 0; + padding : 0; + list-style : none; + } + ::-webkit-input-placeholder { + color : #333333; + opacity : 1 !important ; + } + :-moz-placeholder { + color : #333333; + } + ::-moz-placeholder { + color : #333333; + } + :-ms-input-placeholder { + color : #333333; + } + input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { + color : #333333; + opacity : 1 !important ; + } + input:-moz-placeholder, textarea:-moz-placeholder { + color : #333333; + } + input::-moz-placeholder, textarea::-moz-placeholder { + color : #333333; + } + input:-ms-input-placeholder, textarea:-ms-input-placeholder { + color : #333333; + } + .unorderedList li, .clients ul li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li, .text-slide .left ul li, .ce-Image-Text-Element .einspaltig ul li, .toggleContainer ul li, .ce-threeBoxesWithOption .inner div article ul li, .fontAwesome-list ul li ul li, .fontAwesome-list.twocol ul li ul li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li, .ce-leftright > div figure + div ul li, .news ul li { + position : relative; + padding-left : 15px; + } + .unorderedList li:before, .clients ul li:before, .ce-twoCol-Box .boxen.withFontAwesome > div ul li:before, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li:before, .text-slide .left ul li:before, .ce-Image-Text-Element .einspaltig ul li:before, .toggleContainer ul li:before, .ce-threeBoxesWithOption .inner div article ul li:before, .fontAwesome-list ul li ul li:before, .fontAwesome-list.twocol ul li ul li:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li:before, .ce-leftright > div figure + div ul li:before, .news ul li:before { + content : "\f054"; + content : "\f111"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + position : absolute; + top : 7px; + left : 0; + color : #be1622; + font-size : 6px; + } + .unorderedList li + li, .clients ul li + li, .ce-twoCol-Box .boxen.withFontAwesome > div ul li + li, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li + li, .text-slide .left ul li + li, .ce-Image-Text-Element .einspaltig ul li + li, .toggleContainer ul li + li, .ce-threeBoxesWithOption .inner div article ul li + li, .fontAwesome-list ul li ul li + li, .fontAwesome-list.twocol ul li ul li + li, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li + li, .ce-leftright > div figure + div ul li + li, .news ul li + li { + margin-top : 4px; + } + .unorderedList li ul, .clients ul li ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul li ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul li ul, .text-slide .left ul li ul, .ce-Image-Text-Element .einspaltig ul li ul, .toggleContainer ul li ul, .ce-threeBoxesWithOption .inner div article ul li ul, .fontAwesome-list ul li ul li ul, .fontAwesome-list.twocol ul li ul li ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul li ul, .ce-leftright > div figure + div ul li ul, .news ul li ul { + margin-top : 5px; + } + .unorderedList + p, .clients ul + p, .ce-twoCol-Box .boxen.withFontAwesome > div ul + p, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + p, .text-slide .left ul + p, .ce-Image-Text-Element .einspaltig ul + p, .toggleContainer ul + p, .ce-threeBoxesWithOption .inner div article ul + p, .fontAwesome-list ul li ul + p, .fontAwesome-list.twocol ul li ul + p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + p, .ce-leftright > div figure + div ul + p, .news ul + p, .unorderedList + ul, .clients ul + ul, .ce-twoCol-Box .boxen.withFontAwesome > div ul + ul, .ce-twoCol-Box .boxen.withoutFontAwesome > div ul + ul, .text-slide .left ul + ul, .ce-Image-Text-Element .einspaltig ul + ul, .toggleContainer ul + ul, .ce-threeBoxesWithOption .inner div article ul + ul, .fontAwesome-list ul li ul + ul, .fontAwesome-list.twocol ul li ul + ul, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent ul + ul, .ce-leftright > div figure + div ul + ul, .news ul + ul { + margin-top : 15px; + } + .inner { + max-width : 1325px; + margin : 0 auto; + } + .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner { + max-width : 1030px; + margin : 0 auto; + } + @media screen and (max-width:1100px) { + .inner.small, .tx-felogin-pi1 .tx-felogin-pi1-inner { + padding : 0 25px; + } + } + main { + overflow : hidden; + } + body.contact .contactMain { + max-width : 1030px; + margin : 0 auto 0 auto; + } + h1, h2, .ce-table table caption, h3 { + margin : 0; + font-size : inherit; + line-height : normal; + } + .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { + font-family : "Quicksand", sans-serif; + font-size : 60px; + line-height : normal; + color : #333; + margin : 0 0 40px 0; + text-transform : uppercase; + font-weight : 300; + display : block; + } + @media screen and (max-width:1024px) { + .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { + font-size : 45px; + margin-bottom : 30px; + } + } + @media screen and (max-width:768px) { + .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { + font-size : 35px; + margin-bottom : 25px; + } + } + @media screen and (max-width:640px) { + .headlineH1, p.headlineH1, .sliderContainer p.headlineH1 { + font-size : 28px; + margin-bottom : 20px; + } + } + .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { + font-family : "Quicksand", sans-serif; + font-size : 60px; + line-height : normal; + color : #333; + margin : 0 0 40px 0; + text-transform : uppercase; + text-align : center; + font-weight : 300; + display : block; + } + @media screen and (max-width:1024px) { + .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { + font-size : 45px; + } + } + @media screen and (max-width:768px) { + .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { + font-size : 35px; + } + } + @media screen and (max-width:640px) { + .headlineH1Center, p.headlineH1Center, .sliderContainer p.headlineH1Center { + font-size : 28px; + } + } + .headlineH2Center, p.headlineH2Center, .service-formular fieldset .powermail_legend, .sliderContainer p.headlineH2Center, .latest-news-container h2, .latest-news-container .ce-table table caption, .ce-table table .latest-news-container caption, .mp-contentContainer.checkout h1 { + font-family : "Quicksand", sans-serif; + font-weight : 400; + text-transform : uppercase; + color : #333; + font-size : 24px; + line-height : normal; + text-align : center; + display : block; + margin : 0 0 15px 0; + } + .headlineH2Center:after, .service-formular fieldset .powermail_legend:after, .sliderContainer p.headlineH2Center:after, .latest-news-container h2:after, .latest-news-container .ce-table table caption:after, .ce-table table .latest-news-container caption:after, .mp-contentContainer.checkout h1:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 10px auto 0 auto; + } + .headlineH2, p.headlineH2, .sliderContainer p.headlineH2, .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend, .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption { + font-family : "Quicksand", sans-serif; + font-weight : 400; + text-transform : uppercase; + color : #333; + font-size : 24px; + line-height : normal; + display : block; + margin : 0 0 15px 0; + } + .headlineH2:after, .sliderContainer p.headlineH2:after, .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #report fieldset legend:after, .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 10px 0 0 0; + } + .headlineH2withoutUnderline, .headlineH2withoutUnderlineLeft, p.headlineH2withoutUnderline, .sliderContainer p.headlineH2withoutUnderline { + font-size : 36px; + line-height : normal; + font-family : "Quicksand", sans-serif; + font-weight : 400; + color : #fff; + display : block; + margin : 0 0 15px 0; + text-align : center; + } + .headlineH2withoutUnderlineLeft { + text-align : left; + } + .headlineH3, p.headlineH3, .sliderContainer p.headlineH3 { + font-weight : 700; + font-size : 16px; + line-height : normal; + color : #333; + margin : 0 0 20px 0; + display : block; + } + .smallHeadlineWithUnderline, p.smallHeadlineWithUnderline, .sliderContainer p.smallHeadlineWithUnderline { + font-size : 18px; + line-height : normal; + font-weight : 700; + color : #333; + margin-bottom : 20px; + } + .smallHeadlineWithUnderline:after, .sliderContainer p.smallHeadlineWithUnderline:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 5px 0 0 0; + } + a { + color : #0067b1; + text-decoration : none; + font-weight : 700; + } + a span { + color : inherit; + } + a:hover { + text-decoration : underline; + } + a.arrowlink:hover, .thirdSection .right a:hover { + text-decoration : underline !important ; + } + a.arrowlink:hover:after, .thirdSection .right a:hover:after { + text-decoration : none !important ; + } + a.button:hover { + text-decoration : none !important ; + } + a.button:hover span { + text-decoration : none !important ; + } + span a { + color : inherit; + } + .textlinkarrow:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:after, .ce-table table tr td a:after, .ce-leftright > div figure + div a:after, .ce-youtube-text .right a:after, .news-list-view .more:after { + content : "\f178"; + transition : all 0.7s; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + font-weight : 700; + font-family : 'FontAwesome'; + padding-left : 5px; + transition : all 0.7s; + } + .textlinkarrow:hover, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover, .ce-table table tr td a:hover, .ce-leftright > div figure + div a:hover, .ce-youtube-text .right a:hover, .news-list-view .more:hover { + text-decoration : none; + } + .textlinkarrow:hover:after, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a:hover:after, .ce-table table tr td a:hover:after, .ce-leftright > div figure + div a:hover:after, .ce-youtube-text .right a:hover:after, .news-list-view .more:hover:after { + padding-left : 10px; + } + .textlinkarrow.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a.whitetextlinkarrow, .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-twoCol-Box .boxen.withFontAwesome > div.aWithArrow a, .ce-table table tr td a.whitetextlinkarrow, .ce-leftright > div figure + div a, .ce-youtube-text .right a.whitetextlinkarrow, .ce-youtube-text .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .ce-youtube-text .right a, .news-list-view .whitetextlinkarrow.more, .news-list-view .ce-leftright > div figure + div a.more, .ce-leftright > div figure + div .news-list-view a.more { + color : #fff; + } + h1, h2, .ce-table table caption, h3, h4, h5, h6 { + font-size : 15px; + line-height : normal; + margin : 0; + font-weight : 400; + } + p { + font-size : 15px; + line-height : normal; + margin : 0; + } + p + p, p + ul, p + ol { + margin-top : 15px; + } + p + h1, p + h2, .ce-table table p + caption, p + h3, p + .headlineH3, .sliderContainer p + p.headlineH3, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline, p + .smallHeadlineWithUnderline, .sliderContainer p + p.smallHeadlineWithUnderline, p + .headlineH2, .sliderContainer p + p.headlineH2, .tx-typo3forum-pi1 #topic fieldset p + legend, .tx-typo3forum-pi1 #post fieldset p + legend, .tx-typo3forum-pi1 #report fieldset p + legend, .mp-contentContainer.checkout .checkout_paymentOption p + h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table p + caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption p + caption, .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + h2, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > p + caption, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > p + caption, p + .headlineH2Center, .service-formular fieldset p + .powermail_legend, .sliderContainer p + p.headlineH2Center, .latest-news-container p + h2, .latest-news-container .ce-table table p + caption, .ce-table table .latest-news-container p + caption, .mp-contentContainer.checkout p + h1, p + .headlineH1Center, .sliderContainer p + p.headlineH1Center, p + .headlineH1, .sliderContainer p + p.headlineH1, p + .headlineH2withoutUnderline, p + .headlineH2withoutUnderlineLeft, .sliderContainer p + p.headlineH2withoutUnderline { + margin-top : 25px; + } + p i { + font-style : italic; + } + p.bigText { + font-size : 18px; + line-height : normal; + } + p.bigText a { + font-size : 18px; + line-height : normal; + } + p.centeralign, p.align-center { + text-align : center; + } + p.leftalign, p.align-left { + text-align : left; + } + p.rightalign, p.align-right { + text-align : right; + } + ul li { + font-size : 15px; + line-height : normal; + } + a { + font-size : 15px; + line-height : normal; + } + .bigText { + font-size : 18px; + line-height : normal; + } + .centeralign, .align-center { + text-align : center; + } + .leftalign { + text-align : left; + } + .rightalign { + text-align : right; + } + .hvr-grow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { + transform : scale(1.1); + } + .hvr-shrink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { + transform : scale(0.9); + } + @keyframes hvr-pulse { + 25% { + transform : scale(1.1); + } + 75% { + transform : scale(0.9); + } + } + .hvr-pulse { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { + animation-name : hvr-pulse; + animation-duration : 1s; + animation-timing-function : linear; + animation-iteration-count : infinite; + } + @keyframes hvr-pulse-grow { + to { + transform : scale(1.1); + } + } + .hvr-pulse-grow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { + animation-name : hvr-pulse-grow; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : infinite; + animation-direction : alternate; + } + @keyframes hvr-pulse-shrink { + to { + transform : scale(0.9); + } + } + .hvr-pulse-shrink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { + animation-name : hvr-pulse-shrink; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : infinite; + animation-direction : alternate; + } + @keyframes hvr-push { + 50% { + transform : scale(0.8); + } + 100% { + transform : scale(1); + } + } + .hvr-push { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-push:hover, .hvr-push:focus, .hvr-push:active { + animation-name : hvr-push; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + @keyframes hvr-pop { + 50% { + transform : scale(1.2); + } + } + .hvr-pop { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { + animation-name : hvr-pop; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + .hvr-bounce-in { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.5s; + } + .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { + transform : scale(1.2); + transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36); + } + .hvr-bounce-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.5s; + } + .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { + transform : scale(0.8); + transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36); + } + .hvr-rotate { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { + transform : rotate(4deg); + } + .hvr-grow-rotate { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { + transform : scale(1.1) rotate(4deg); + } + .hvr-float { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-float:hover, .hvr-float:focus, .hvr-float:active { + transform : translateY(-8px); + } + .hvr-sink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { + transform : translateY(8px); + } + @keyframes hvr-bob { + 0% { + transform : translateY(-8px); + } + 50% { + transform : translateY(-4px); + } + 100% { + transform : translateY(-8px); + } + } + @keyframes hvr-bob-float { + 100% { + transform : translateY(-8px); + } + } + .hvr-bob { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { + animation-name : hvr-bob-float, hvr-bob; + animation-duration : 0.3s, 1.5s; + animation-delay : 0s, 0.3s; + animation-timing-function : ease-out, ease-in-out; + animation-iteration-count : 1, infinite; + animation-fill-mode : forwards; + animation-direction : normal, alternate; + } + @keyframes hvr-hang { + 0% { + transform : translateY(8px); + } + 50% { + transform : translateY(4px); + } + 100% { + transform : translateY(8px); + } + } + @keyframes hvr-hang-sink { + 100% { + transform : translateY(8px); + } + } + .hvr-hang { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { + animation-name : hvr-hang-sink, hvr-hang; + animation-duration : 0.3s, 1.5s; + animation-delay : 0s, 0.3s; + animation-timing-function : ease-out, ease-in-out; + animation-iteration-count : 1, infinite; + animation-fill-mode : forwards; + animation-direction : normal, alternate; + } + .hvr-skew { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { + transform : skew(-10deg); + } + .hvr-skew-forward { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + transform-origin : 0 100%; + } + .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { + transform : skew(-10deg); + } + .hvr-skew-backward { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : transform; + transform-origin : 0 100%; + } + .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { + transform : skew(10deg); + } + @keyframes hvr-wobble-vertical { + 16.65% { + transform : translateY(8px); + } + 33.3% { + transform : translateY(-6px); + } + 49.95% { + transform : translateY(4px); + } + 66.6% { + transform : translateY(-2px); + } + 83.25% { + transform : translateY(1px); + } + 100% { + transform : translateY(0); + } + } + .hvr-wobble-vertical { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { + animation-name : hvr-wobble-vertical; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-horizontal { + 16.65% { + transform : translateX(8px); + } + 33.3% { + transform : translateX(-6px); + } + 49.95% { + transform : translateX(4px); + } + 66.6% { + transform : translateX(-2px); + } + 83.25% { + transform : translateX(1px); + } + 100% { + transform : translateX(0); + } + } + .hvr-wobble-horizontal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { + animation-name : hvr-wobble-horizontal; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-to-bottom-right { + 16.65% { + transform : translate(8px,8px); + } + 33.3% { + transform : translate(-6px,-6px); + } + 49.95% { + transform : translate(4px,4px); + } + 66.6% { + transform : translate(-2px,-2px); + } + 83.25% { + transform : translate(1px,1px); + } + 100% { + transform : translate(0,0); + } + } + .hvr-wobble-to-bottom-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { + animation-name : hvr-wobble-to-bottom-right; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-to-top-right { + 16.65% { + transform : translate(8px,-8px); + } + 33.3% { + transform : translate(-6px,6px); + } + 49.95% { + transform : translate(4px,-4px); + } + 66.6% { + transform : translate(-2px,2px); + } + 83.25% { + transform : translate(1px,-1px); + } + 100% { + transform : translate(0,0); + } + } + .hvr-wobble-to-top-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { + animation-name : hvr-wobble-to-top-right; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-top { + 16.65% { + transform : skew(-12deg); + } + 33.3% { + transform : skew(10deg); + } + 49.95% { + transform : skew(-6deg); + } + 66.6% { + transform : skew(4deg); + } + 83.25% { + transform : skew(-2deg); + } + 100% { + transform : skew(0); + } + } + .hvr-wobble-top { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transform-origin : 0 100%; + } + .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { + animation-name : hvr-wobble-top; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-bottom { + 16.65% { + transform : skew(-12deg); + } + 33.3% { + transform : skew(10deg); + } + 49.95% { + transform : skew(-6deg); + } + 66.6% { + transform : skew(4deg); + } + 83.25% { + transform : skew(-2deg); + } + 100% { + transform : skew(0); + } + } + .hvr-wobble-bottom { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transform-origin : 100% 0; + } + .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { + animation-name : hvr-wobble-bottom; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-wobble-skew { + 16.65% { + transform : skew(-12deg); + } + 33.3% { + transform : skew(10deg); + } + 49.95% { + transform : skew(-6deg); + } + 66.6% { + transform : skew(4deg); + } + 83.25% { + transform : skew(-2deg); + } + 100% { + transform : skew(0); + } + } + .hvr-wobble-skew { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { + animation-name : hvr-wobble-skew; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-buzz { + 50% { + transform : translateX(3px) rotate(2deg); + } + 100% { + transform : translateX(-3px) rotate(-2deg); + } + } + .hvr-buzz { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { + animation-name : hvr-buzz; + animation-duration : 0.15s; + animation-timing-function : linear; + animation-iteration-count : infinite; + } + @keyframes hvr-buzz-out { + 10% { + transform : translateX(3px) rotate(2deg); + } + 20% { + transform : translateX(-3px) rotate(-2deg); + } + 30% { + transform : translateX(3px) rotate(2deg); + } + 40% { + transform : translateX(-3px) rotate(-2deg); + } + 50% { + transform : translateX(2px) rotate(1deg); + } + 60% { + transform : translateX(-2px) rotate(-1deg); + } + 70% { + transform : translateX(2px) rotate(1deg); + } + 80% { + transform : translateX(-2px) rotate(-1deg); + } + 90% { + transform : translateX(1px) rotate(0); + } + 100% { + transform : translateX(-1px) rotate(0); + } + } + .hvr-buzz-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + } + .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { + animation-name : hvr-buzz-out; + animation-duration : 0.75s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + .hvr-fade { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + overflow : hidden; + transition-duration : 0.3s; + transition-property : color, background-color; + } + .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { + background-color : #2098d1; + color : white; + } + @keyframes hvr-back-pulse { + 50% { + background-color : rgba(32, 152, 209, 0.75); + } + } + .hvr-back-pulse { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + overflow : hidden; + transition-duration : 0.5s; + transition-property : color, background-color; + } + .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { + animation-name : hvr-back-pulse; + animation-duration : 1s; + animation-delay : 0.5s; + animation-timing-function : linear; + animation-iteration-count : infinite; + background-color : #2098d1; + background-color : #2098d1; + color : white; + } + .hvr-sweep-to-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-sweep-to-right:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleX(0); + transform-origin : 0 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { + color : white; + } + .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { + transform : scaleX(1); + } + .hvr-sweep-to-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-sweep-to-left:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleX(0); + transform-origin : 100% 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { + color : white; + } + .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { + transform : scaleX(1); + } + .hvr-sweep-to-bottom { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-sweep-to-bottom:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleY(0); + transform-origin : 50% 0; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { + color : white; + } + .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { + transform : scaleY(1); + } + .hvr-sweep-to-top { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-sweep-to-top:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleY(0); + transform-origin : 50% 100%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { + color : white; + } + .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { + transform : scaleY(1); + } + .hvr-bounce-to-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.5s; + } + .hvr-bounce-to-right:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleX(0); + transform-origin : 0 50%; + transition-property : transform; + transition-duration : 0.5s; + transition-timing-function : ease-out; + } + .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { + color : white; + } + .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { + transform : scaleX(1); + transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); + } + .hvr-bounce-to-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.5s; + } + .hvr-bounce-to-left:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleX(0); + transform-origin : 100% 50%; + transition-property : transform; + transition-duration : 0.5s; + transition-timing-function : ease-out; + } + .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { + color : white; + } + .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { + transform : scaleX(1); + transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); + } + .hvr-bounce-to-bottom { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.5s; + } + .hvr-bounce-to-bottom:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleY(0); + transform-origin : 50% 0; + transition-property : transform; + transition-duration : 0.5s; + transition-timing-function : ease-out; + } + .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { + color : white; + } + .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { + transform : scaleY(1); + transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); + } + .hvr-bounce-to-top { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-property : color; + transition-duration : 0.5s; + } + .hvr-bounce-to-top:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scaleY(0); + transform-origin : 50% 100%; + transition-property : transform; + transition-duration : 0.5s; + transition-timing-function : ease-out; + } + .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { + color : white; + } + .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { + transform : scaleY(1); + transition-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); + } + .hvr-radial-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + background : #e1e1e1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-radial-out:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + border-radius : 100%; + transform : scale(0); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { + color : white; + } + .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { + transform : scale(2); + } + .hvr-radial-in { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + background : #2098d1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-radial-in:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #e1e1e1; + border-radius : 100%; + transform : scale(2); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { + color : white; + } + .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { + transform : scale(0); + } + .hvr-rectangle-in { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #2098d1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-rectangle-in:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #e1e1e1; + transform : scale(1); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { + color : white; + } + .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { + transform : scale(0); + } + .hvr-rectangle-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #e1e1e1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-rectangle-out:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + transform : scale(0); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { + color : white; + } + .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { + transform : scale(1); + } + .hvr-shutter-in-horizontal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #2098d1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-shutter-in-horizontal:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + bottom : 0; + left : 0; + right : 0; + background : #e1e1e1; + transform : scaleX(1); + transform-origin : 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { + color : white; + } + .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { + transform : scaleX(0); + } + .hvr-shutter-out-horizontal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #e1e1e1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-shutter-out-horizontal:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + bottom : 0; + left : 0; + right : 0; + background : #2098d1; + transform : scaleX(0); + transform-origin : 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { + color : white; + } + .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { + transform : scaleX(1); + } + .hvr-shutter-in-vertical { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #2098d1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-shutter-in-vertical:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + bottom : 0; + left : 0; + right : 0; + background : #e1e1e1; + transform : scaleY(1); + transform-origin : 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { + color : white; + } + .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { + transform : scaleY(0); + } + .hvr-shutter-out-vertical { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + background : #e1e1e1; + transition-property : color; + transition-duration : 0.3s; + } + .hvr-shutter-out-vertical:before { + content : ""; + position : absolute; + z-index : -1; + top : 0; + bottom : 0; + left : 0; + right : 0; + background : #2098d1; + transform : scaleY(0); + transform-origin : 50%; + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { + color : white; + } + .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { + transform : scaleY(1); + } + .hvr-border-fade { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow; + box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent; + } + .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { + box-shadow : 0 0 0 4px #2098d1 inset, 0 0 1px transparent; + } + .hvr-hollow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : background; + box-shadow : 0 0 0 4px #e1e1e1 inset, 0 0 1px transparent; + } + .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { + background : none; + } + .hvr-trim { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-trim:before { + content : ''; + position : absolute; + border : white solid 4px; + top : 4px; + left : 4px; + right : 4px; + bottom : 4px; + opacity : 0; + transition-duration : 0.3s; + transition-property : opacity; + } + .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { + opacity : 1; + } + @keyframes hvr-ripple-out { + 100% { + top : -12px; + right : -12px; + bottom : -12px; + left : -12px; + opacity : 0; + } + } + .hvr-ripple-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-ripple-out:before { + content : ''; + position : absolute; + border : #e1e1e1 solid 6px; + top : 0; + right : 0; + bottom : 0; + left : 0; + animation-duration : 1s; + } + .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { + animation-name : hvr-ripple-out; + } + @keyframes hvr-ripple-in { + 100% { + top : 0; + right : 0; + bottom : 0; + left : 0; + opacity : 1; + } + } + .hvr-ripple-in { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-ripple-in:before { + content : ''; + position : absolute; + border : #e1e1e1 solid 4px; + top : -12px; + right : -12px; + bottom : -12px; + left : -12px; + opacity : 0; + animation-duration : 1s; + } + .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { + animation-name : hvr-ripple-in; + } + .hvr-outline-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-outline-out:before { + content : ''; + position : absolute; + border : #e1e1e1 solid 4px; + top : 0; + right : 0; + bottom : 0; + left : 0; + transition-duration : 0.3s; + transition-property : top, right, bottom, left; + } + .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { + top : -8px; + right : -8px; + bottom : -8px; + left : -8px; + } + .hvr-outline-in { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-outline-in:before { + content : ''; + position : absolute; + border : #e1e1e1 solid 4px; + top : -16px; + right : -16px; + bottom : -16px; + left : -16px; + opacity : 0; + transition-duration : 0.3s; + transition-property : top, right, bottom, left; + } + .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { + top : -8px; + right : -8px; + bottom : -8px; + left : -8px; + opacity : 1; + } + .hvr-round-corners { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : border-radius; + } + .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { + border-radius : 1em; + } + .hvr-underline-from-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-underline-from-left:before { + content : ""; + position : absolute; + z-index : -1; + left : 0; + right : 100%; + bottom : 0; + background : #2098d1; + height : 4px; + transition-property : right; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { + right : 0; + } + .hvr-underline-from-center { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-underline-from-center:before { + content : ""; + position : absolute; + z-index : -1; + left : 50%; + right : 50%; + bottom : 0; + background : #2098d1; + height : 4px; + transition-property : left, right; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { + left : 0; + right : 0; + } + .hvr-underline-from-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-underline-from-right:before { + content : ""; + position : absolute; + z-index : -1; + left : 100%; + right : 0; + bottom : 0; + background : #2098d1; + height : 4px; + transition-property : left; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { + left : 0; + } + .hvr-overline-from-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-overline-from-left:before { + content : ""; + position : absolute; + z-index : -1; + left : 0; + right : 100%; + top : 0; + background : #2098d1; + height : 4px; + transition-property : right; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { + right : 0; + } + .hvr-overline-from-center { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-overline-from-center:before { + content : ""; + position : absolute; + z-index : -1; + left : 50%; + right : 50%; + top : 0; + background : #2098d1; + height : 4px; + transition-property : left, right; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { + left : 0; + right : 0; + } + .hvr-overline-from-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-overline-from-right:before { + content : ""; + position : absolute; + z-index : -1; + left : 100%; + right : 0; + top : 0; + background : #2098d1; + height : 4px; + transition-property : left; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { + left : 0; + } + .hvr-reveal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-reveal:before { + content : ""; + position : absolute; + z-index : -1; + left : 0; + right : 0; + top : 0; + bottom : 0; + border-color : #2098d1; + border-style : solid; + border-width : 0; + transition-property : border-width; + transition-duration : 0.1s; + transition-timing-function : ease-out; + } + .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { + transform : translateY(0); + border-width : 4px; + } + .hvr-underline-reveal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-underline-reveal:before { + content : ""; + position : absolute; + z-index : -1; + left : 0; + right : 0; + bottom : 0; + background : #2098d1; + height : 4px; + transform : translateY(4px); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { + transform : translateY(0); + } + .hvr-overline-reveal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + overflow : hidden; + } + .hvr-overline-reveal:before { + content : ""; + position : absolute; + z-index : -1; + left : 0; + right : 0; + top : 0; + background : #2098d1; + height : 4px; + transform : translateY(-4px); + transition-property : transform; + transition-duration : 0.3s; + transition-timing-function : ease-out; + } + .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { + transform : translateY(0); + } + .hvr-glow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow; + } + .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { + box-shadow : 0 0 8px rgba(0, 0, 0, 0.6); + } + .hvr-shadow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow; + } + .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { + box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5); + } + .hvr-grow-shadow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow, transform; + } + .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { + box-shadow : 0 10px 10px -10px rgba(0, 0, 0, 0.5); + transform : scale(1.1); + } + .hvr-box-shadow-outset { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow; + } + .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { + box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6); + } + .hvr-box-shadow-inset { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + transition-duration : 0.3s; + transition-property : box-shadow; + box-shadow : 0 0 0 rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent; + } + .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { + box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0 0 1px transparent; + } + .hvr-float-shadow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-float-shadow:before { + position : absolute; + z-index : -1; + content : ''; + top : 100%; + left : 5%; + height : 10px; + width : 90%; + opacity : 0; + background : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); + transition-duration : 0.3s; + transition-property : transform, opacity; + } + .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { + transform : translateY(-5px); + } + .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { + opacity : 1; + transform : translateY(5px); + } + .hvr-shadow-radial { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-shadow-radial:before, .hvr-shadow-radial:after { + position : absolute; + content : ''; + left : 0; + width : 100%; + box-sizing : border-box; + background-repeat : no-repeat; + height : 5px; + opacity : 0; + transition-duration : 0.3s; + transition-property : opacity; + } + .hvr-shadow-radial:before { + bottom : 100%; + background : radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); + } + .hvr-shadow-radial:after { + top : 100%; + background : radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%); + } + .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { + opacity : 1; + } + .hvr-bubble-top { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-bubble-top:before { + position : absolute; + z-index : -1; + content : ''; + border-style : solid; + transition-duration : 0.3s; + transition-property : transform; + left : calc(50% - 10px); + top : 0; + border-width : 0 10px 10px 10px; + border-color : transparent transparent #e1e1e1 transparent; + } + .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { + transform : translateY(-10px); + } + .hvr-bubble-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-bubble-right:before { + position : absolute; + z-index : -1; + content : ''; + border-style : solid; + transition-duration : 0.3s; + transition-property : transform; + top : calc(50% - 10px); + right : 0; + border-width : 10px 0 10px 10px; + border-color : transparent transparent transparent #e1e1e1; + } + .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { + transform : translateX(10px); + } + .hvr-bubble-bottom { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-bubble-bottom:before { + position : absolute; + z-index : -1; + content : ''; + border-style : solid; + transition-duration : 0.3s; + transition-property : transform; + left : calc(50% - 10px); + bottom : 0; + border-width : 10px 10px 0 10px; + border-color : #e1e1e1 transparent transparent transparent; + } + .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { + transform : translateY(10px); + } + .hvr-bubble-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-bubble-left:before { + position : absolute; + z-index : -1; + content : ''; + border-style : solid; + transition-duration : 0.3s; + transition-property : transform; + top : calc(50% - 10px); + left : 0; + border-width : 10px 10px 10px 0; + border-color : transparent #e1e1e1 transparent transparent; + } + .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { + transform : translateX(-10px); + } + .hvr-bubble-float-top { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-top:before { + position : absolute; + z-index : -1; + content : ''; + left : calc(50% - 10px); + top : 0; + border-style : solid; + border-width : 0 10px 10px 10px; + border-color : transparent transparent #e1e1e1 transparent; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { + transform : translateY(10px); + } + .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { + transform : translateY(-10px); + } + .hvr-bubble-float-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-right:before { + position : absolute; + z-index : -1; + top : calc(50% - 10px); + right : 0; + content : ''; + border-style : solid; + border-width : 10px 0 10px 10px; + border-color : transparent transparent transparent #e1e1e1; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { + transform : translateX(-10px); + } + .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { + transform : translateX(10px); + } + .hvr-bubble-float-bottom { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-bottom:before { + position : absolute; + z-index : -1; + content : ''; + left : calc(50% - 10px); + bottom : 0; + border-style : solid; + border-width : 10px 10px 0 10px; + border-color : #e1e1e1 transparent transparent transparent; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { + transform : translateY(-10px); + } + .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { + transform : translateY(10px); + } + .hvr-bubble-float-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-left:before { + position : absolute; + z-index : -1; + content : ''; + top : calc(50% - 10px); + left : 0; + border-style : solid; + border-width : 10px 10px 10px 0; + border-color : transparent #e1e1e1 transparent transparent; + transition-duration : 0.3s; + transition-property : transform; + } + .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { + transform : translateX(10px); + } + .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { + transform : translateX(-10px); + } + .hvr-icon-back { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-left : 2.2em; + transition-duration : 0.1s; + } + .hvr-icon-back:before { + content : "\f137"; + position : absolute; + left : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.1s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before { + transform : translateX(-4px); + } + .hvr-icon-forward { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.1s; + } + .hvr-icon-forward:before { + content : "\f138"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.1s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { + transform : translateX(4px); + } + @keyframes hvr-icon-down { + 0%, 50%, 100% { + transform : translateY(0); + } + 25%, 75% { + transform : translateY(6px); + } + } + .hvr-icon-down { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-down:before { + content : "\f01a"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { + animation-name : hvr-icon-down; + animation-duration : 0.75s; + animation-timing-function : ease-out; + } + @keyframes hvr-icon-up { + 0%, 50%, 100% { + transform : translateY(0); + } + 25%, 75% { + transform : translateY(-6px); + } + } + .hvr-icon-up { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-up:before { + content : "\f01b"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before { + animation-name : hvr-icon-up; + animation-duration : 0.75s; + animation-timing-function : ease-out; + } + .hvr-icon-spin { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-spin:before { + content : "\f021"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transition-duration : 1s; + transition-property : transform; + transition-timing-function : ease-in-out; + } + .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before { + transform : rotate(360deg); + } + @keyframes hvr-icon-drop { + 0% { + opacity : 0; + } + 50% { + opacity : 0; + transform : translateY(-100%); + } + 51%, 100% { + opacity : 1; + } + } + .hvr-icon-drop { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-drop:before { + content : "\f041"; + position : absolute; + right : 1em; + opacity : 1; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before { + opacity : 0; + transition-duration : 0.3s; + animation-name : hvr-icon-drop; + animation-duration : 0.5s; + animation-delay : 0.3s; + animation-fill-mode : forwards; + animation-timing-function : ease-in-out; + animation-timing-function : cubic-bezier(0.52,1.64,0.37,0.66); + } + .hvr-icon-fade { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-fade:before { + content : "\f00c"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.5s; + transition-property : color; + } + .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before { + color : #0F9E5E; + } + @keyframes hvr-icon-float-away { + 0% { + opacity : 1; + } + 100% { + opacity : 0; + transform : translateY(-1em); + } + } + .hvr-icon-float-away { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-float-away:before, .hvr-icon-float-away:after { + content : "\f055"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + } + .hvr-icon-float-away:after { + opacity : 0; + animation-duration : 0.5s; + animation-fill-mode : forwards; + } + .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after { + animation-name : hvr-icon-float-away; + animation-timing-function : ease-out; + } + @keyframes hvr-icon-sink-away { + 0% { + opacity : 1; + } + 100% { + opacity : 0; + transform : translateY(1em); + } + } + .hvr-icon-sink-away { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-sink-away:before, .hvr-icon-sink-away:after { + content : "\f056"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-sink-away:after { + opacity : 0; + animation-duration : 0.5s; + animation-fill-mode : forwards; + } + .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { + animation-name : hvr-icon-sink-away; + animation-timing-function : ease-out; + } + .hvr-icon-grow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-grow:before { + content : "\f118"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before { + transform : scale(1.3) translateZ(0); + } + .hvr-icon-shrink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-shrink:before { + content : "\f119"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before { + transform : scale(0.8); + } + @keyframes hvr-icon-pulse { + 25% { + transform : scale(1.3); + } + 75% { + transform : scale(0.8); + } + } + .hvr-icon-pulse { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-pulse:before { + content : "\f015"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-timing-function : ease-out; + } + .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before { + animation-name : hvr-icon-pulse; + animation-duration : 1s; + animation-timing-function : linear; + animation-iteration-count : infinite; + } + @keyframes hvr-icon-pulse-grow { + to { + transform : scale(1.3); + } + } + .hvr-icon-pulse-grow { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-pulse-grow:before { + content : "\f015"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-timing-function : ease-out; + } + .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before { + animation-name : hvr-icon-pulse-grow; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : infinite; + animation-direction : alternate; + } + @keyframes hvr-icon-pulse-shrink { + to { + transform : scale(0.8); + } + } + .hvr-icon-pulse-shrink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + } + .hvr-icon-pulse-shrink:before { + content : "\f015"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-timing-function : ease-out; + } + .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before { + animation-name : hvr-icon-pulse-shrink; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : infinite; + animation-direction : alternate; + } + @keyframes hvr-icon-push { + 50% { + transform : scale(0.5); + } + } + .hvr-icon-push { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-push:before { + content : "\f006"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before { + animation-name : hvr-icon-push; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + @keyframes hvr-icon-pop { + 50% { + transform : scale(1.5); + } + } + .hvr-icon-pop { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-pop:before { + content : "\f005"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before { + animation-name : hvr-icon-pop; + animation-duration : 0.3s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + .hvr-icon-bounce { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-bounce:before { + content : "\f087"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before { + transform : scale(1.5); + transition-timing-function : cubic-bezier(0.47,2.02,0.31,-0.36); + } + .hvr-icon-rotate { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-rotate:before { + content : "\f0c6"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before { + transform : rotate(20deg); + } + .hvr-icon-grow-rotate { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-grow-rotate:before { + content : "\f095"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before { + transform : scale(1.5) rotate(12deg); + } + .hvr-icon-float { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-float:before { + content : "\f01b"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before { + transform : translateY(-4px); + } + .hvr-icon-sink { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-sink:before { + content : "\f01a"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + transition-duration : 0.3s; + transition-property : transform; + transition-timing-function : ease-out; + } + .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before { + transform : translateY(4px); + } + @keyframes hvr-icon-bob { + 0% { + transform : translateY(-6px); + } + 50% { + transform : translateY(-2px); + } + 100% { + transform : translateY(-6px); + } + } + @keyframes hvr-icon-bob-float { + 100% { + transform : translateY(-6px); + } + } + .hvr-icon-bob { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-bob:before { + content : "\f077"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before { + animation-name : hvr-icon-bob-float, hvr-icon-bob; + animation-duration : 0.3s, 1.5s; + animation-delay : 0s, 0.3s; + animation-timing-function : ease-out, ease-in-out; + animation-iteration-count : 1, infinite; + animation-fill-mode : forwards; + animation-direction : normal, alternate; + } + @keyframes hvr-icon-hang { + 0% { + transform : translateY(6px); + } + 50% { + transform : translateY(2px); + } + 100% { + transform : translateY(6px); + } + } + @keyframes hvr-icon-hang-sink { + 100% { + transform : translateY(6px); + } + } + .hvr-icon-hang { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-hang:before { + content : "\f078"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before { + animation-name : hvr-icon-hang-sink, hvr-icon-hang; + animation-duration : 0.3s, 1.5s; + animation-delay : 0s, 0.3s; + animation-timing-function : ease-out, ease-in-out; + animation-iteration-count : 1, infinite; + animation-fill-mode : forwards; + animation-direction : normal, alternate; + } + @keyframes hvr-icon-wobble-horizontal { + 16.65% { + transform : translateX(6px); + } + 33.3% { + transform : translateX(-5px); + } + 49.95% { + transform : translateX(4px); + } + 66.6% { + transform : translateX(-2px); + } + 83.25% { + transform : translateX(1px); + } + 100% { + transform : translateX(0); + } + } + .hvr-icon-wobble-horizontal { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-wobble-horizontal:before { + content : "\f061"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { + animation-name : hvr-icon-wobble-horizontal; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-icon-wobble-vertical { + 16.65% { + transform : translateY(6px); + } + 33.3% { + transform : translateY(-5px); + } + 49.95% { + transform : translateY(4px); + } + 66.6% { + transform : translateY(-2px); + } + 83.25% { + transform : translateY(1px); + } + 100% { + transform : translateY(0); + } + } + .hvr-icon-wobble-vertical { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-wobble-vertical:before { + content : "\f062"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before { + animation-name : hvr-icon-wobble-vertical; + animation-duration : 1s; + animation-timing-function : ease-in-out; + animation-iteration-count : 1; + } + @keyframes hvr-icon-buzz { + 50% { + transform : translateX(3px) rotate(2deg); + } + 100% { + transform : translateX(-3px) rotate(-2deg); + } + } + .hvr-icon-buzz { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-buzz:before { + content : "\f017"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before { + animation-name : hvr-icon-buzz; + animation-duration : 0.15s; + animation-timing-function : linear; + animation-iteration-count : infinite; + } + @keyframes hvr-icon-buzz-out { + 10% { + transform : translateX(3px) rotate(2deg); + } + 20% { + transform : translateX(-3px) rotate(-2deg); + } + 30% { + transform : translateX(3px) rotate(2deg); + } + 40% { + transform : translateX(-3px) rotate(-2deg); + } + 50% { + transform : translateX(2px) rotate(1deg); + } + 60% { + transform : translateX(-2px) rotate(-1deg); + } + 70% { + transform : translateX(2px) rotate(1deg); + } + 80% { + transform : translateX(-2px) rotate(-1deg); + } + 90% { + transform : translateX(1px) rotate(0); + } + 100% { + transform : translateX(-1px) rotate(0); + } + } + .hvr-icon-buzz-out { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + padding-right : 2.2em; + transition-duration : 0.3s; + } + .hvr-icon-buzz-out:before { + content : "\f023"; + position : absolute; + right : 1em; + padding : 0 1px; + font-family : FontAwesome; + transform : translateZ(0); + } + .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before { + animation-name : hvr-icon-buzz-out; + animation-duration : 0.75s; + animation-timing-function : linear; + animation-iteration-count : 1; + } + .hvr-curl-top-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-curl-top-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-curl-top-right:before { + position : absolute; + content : ''; + height : 0; + width : 0; + top : 0; + right : 0; + background : white; + background : linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); + box-shadow : -1px 1px 1px rgba(0, 0, 0, 0.4); + transition-duration : 0.3s; + transition-property : width, height; + } + .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { + width : 25px; + height : 25px; + } + .hvr-curl-bottom-right { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-curl-bottom-right:before { + position : absolute; + content : ''; + height : 0; + width : 0; + bottom : 0; + right : 0; + background : white; + background : linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); + box-shadow : -1px -1px 1px rgba(0, 0, 0, 0.4); + transition-duration : 0.3s; + transition-property : width, height; + } + .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { + width : 25px; + height : 25px; + } + .hvr-curl-bottom-left { + display : inline-block; + vertical-align : middle; + transform : translateZ(0); + box-shadow : 0 0 1px transparent; + backface-visibility : hidden; + position : relative; + } + .hvr-curl-bottom-left:before { + position : absolute; + content : ''; + height : 0; + width : 0; + bottom : 0; + left : 0; + background : white; + background : linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%); + box-shadow : 1px -1px 1px rgba(0, 0, 0, 0.4); + transition-duration : 0.3s; + transition-property : width, height; + } + .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { + width : 25px; + height : 25px; + } + .swiper-container { + margin : 0 auto; + position : relative; + overflow : hidden; + z-index : 1; + } + .swiper-container-no-flexbox .swiper-slide { + float : left; + } + .swiper-container-vertical > .swiper-wrapper { + flex-direction : column; + } + .swiper-wrapper { + position : relative; + width : 100%; + height : 100%; + z-index : 1; + display : flex; + transition-property : transform; + box-sizing : content-box; + } + .swiper-container-android .swiper-slide, .swiper-wrapper { + transform : translate3d(0,0,0); + } + .swiper-container-multirow > .swiper-wrapper { + flex-wrap : wrap; + } + .swiper-container-free-mode > .swiper-wrapper { + transition-timing-function : ease-out; + margin : 0 auto; + } + .swiper-slide { + flex-shrink : 0; + width : 100%; + height : 100%; + position : relative; + } + .swiper-container .swiper-notification { + position : absolute; + left : 0; + top : 0; + opacity : 0; + z-index : -1000; + } + .swiper-button-prev, .swiper-button-next, .swiper-button-prev-clients, .swiper-button-next-clients, .swiper-button-prev-small-youtube, .swiper-button-next-small-youtube { + position : absolute; + top : 50%; + width : 27px; + height : 44px; + margin-top : -22px; + z-index : 10; + cursor : pointer; + background-size : 27px 44px; + background-position : center; + background-repeat : no-repeat; + } + .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { + opacity : 0.3499999940395355224609375; + cursor : auto; + } + .swiper-button-prev, .swiper-button-prev-clients, .swiper-button-prev-small-youtube, .swiper-container-rtl .swiper-button-next { + background-image : url("../img/prev.png"); + left : 30px; + right : auto; + } + .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); + } + .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); + } + .swiper-button-next, .swiper-button-next-clients, .swiper-button-next-small-youtube, .swiper-container-rtl .swiper-button-prev { + background-image : url("../img/next.png"); + right : 30px; + left : auto; + } + .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); + } + .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); + } + .swiper-pagination { + position : absolute; + text-align : center; + transition : 300ms; + transform : translate3d(0,0,0); + z-index : 10; + } + .swiper-pagination.swiper-pagination-hidden { + opacity : 0; + } + .swiper-pagination-bullet { + width : 8px; + height : 8px; + display : inline-block; + border-radius : 100%; + background : #000; + opacity : 0.20000000298023223876953125; + } + button.swiper-pagination-bullet { + border : none; + margin : 0; + padding : 0; + box-shadow : none; + } + .swiper-pagination-clickable .swiper-pagination-bullet { + cursor : pointer; + } + .swiper-pagination-white .swiper-pagination-bullet { + background : #fff; + } + .swiper-pagination-bullet-active { + opacity : 1; + background : #007aff; + } + .swiper-pagination-white .swiper-pagination-bullet-active { + background : #fff; + } + .swiper-pagination-black .swiper-pagination-bullet-active { + background : #000; + } + .swiper-container-vertical > .swiper-pagination { + right : 10px; + top : 50%; + transform : translate3d(0,-50%,0); + } + .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { + margin : 5px 0; + display : block; + } + .swiper-container-horizontal > .swiper-pagination { + bottom : 10px; + left : 0; + width : 100%; + } + .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { + margin : 0 5px; + } + .swiper-container-3d { + perspective : 1200px; + } + .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { + transform-style : preserve-3d; + } + .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { + position : absolute; + left : 0; + top : 0; + width : 100%; + height : 100%; + z-index : 10; + } + .swiper-container-3d .swiper-slide-shadow-left { + background-image : linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); + } + .swiper-container-3d .swiper-slide-shadow-right { + background-image : linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); + } + .swiper-container-3d .swiper-slide-shadow-top { + background-image : linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); + } + .swiper-container-3d .swiper-slide-shadow-bottom { + background-image : linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); + } + .swiper-container-fade.swiper-container-free-mode .swiper-slide { + transition-timing-function : ease-out; + } + .swiper-container-cube { + overflow : visible; + } + .swiper-container-cube .swiper-slide { + visibility : hidden; + transform-origin : 0 0; + backface-visibility : hidden; + width : 100%; + height : 100%; + z-index : 1; + } + .swiper-container-cube.swiper-container-rtl .swiper-slide { + transform-origin : 100% 0; + } + .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { + visibility : visible; + } + .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { + z-index : 0; + backface-visibility : hidden; + } + .swiper-container-cube .swiper-cube-shadow { + position : absolute; + left : 0; + bottom : 0; + width : 100%; + height : 100%; + background : #000; + opacity : 0.60000002384185791015625; + z-index : 0; + } + .swiper-scrollbar { + border-radius : 10px; + position : relative; + background : rgba(0, 0, 0, 0.1); + } + .swiper-container-horizontal > .swiper-scrollbar { + position : absolute; + left : 1%; + bottom : 3px; + z-index : 50; + height : 5px; + width : 98%; + } + .swiper-container-vertical > .swiper-scrollbar { + position : absolute; + right : 3px; + top : 1%; + z-index : 50; + width : 5px; + height : 98%; + } + .swiper-scrollbar-drag { + height : 100%; + width : 100%; + position : relative; + background : rgba(0, 0, 0, 0.5); + border-radius : 10px; + left : 0; + top : 0; + } + .swiper-scrollbar-cursor-drag { + cursor : move; + } + .swiper-lazy-preloader { + width : 42px; + height : 42px; + position : absolute; + left : 50%; + top : 50%; + margin-left : -21px; + margin-top : -21px; + z-index : 10; + transform-origin : 50%; + animation : swiper-preloader-spin 1s steps(12,end) infinite; + } + .swiper-lazy-preloader:after { + display : block; + content : ""; + width : 100%; + height : 100%; + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + background-position : 50%; + background-size : 100%; + background-repeat : no-repeat; + } + .swiper-lazy-preloader-white:after { + background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + } + @keyframes swiper-preloader-spin { + 100% { + transform : rotate(360deg); + } + } + .mfp-bg { + top : 0; + left : 0; + width : 100%; + height : 100%; + z-index : 99999; + overflow : hidden; + position : fixed; + background : #0b0b0b; + opacity : 0.800000011920928955078125; + } + .mfp-wrap { + top : 0; + left : 0; + width : 100%; + height : 100%; + z-index : 999999; + position : fixed; + outline : none !important ; + } + .mfp-container { + text-align : center; + position : absolute; + width : 100%; + height : 100%; + left : 0; + top : 0; + padding : 0 8px; + box-sizing : border-box; + } + .mfp-container:before { + content : ''; + display : inline-block; + height : 100%; + vertical-align : middle; + } + .mfp-align-top .mfp-container:before { + display : none; + } + .mfp-content { + position : relative; + display : inline-block; + vertical-align : middle; + margin : 0 auto; + text-align : left; + z-index : 9999999; + } + .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { + width : 100%; + cursor : auto; + } + .mfp-ajax-cur { + cursor : progress; + } + .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor : zoom-out; + } + .mfp-zoom { + cursor : pointer; + cursor : zoom-in; + } + .mfp-auto-cursor .mfp-content { + cursor : auto; + } + .mfp-loading.mfp-figure { + display : none; + } + .mfp-hide { + display : none !important ; + } + .mfp-preloader { + color : #CCC; + position : absolute; + top : 50%; + width : auto; + text-align : center; + margin-top : -0.8em; + left : 8px; + right : 8px; + z-index : 999999; + } + .mfp-preloader a { + color : #CCC; + } + .mfp-preloader a:hover { + color : #FFF; + } + .mfp-s-ready .mfp-preloader { + display : none; + } + .mfp-s-error .mfp-content { + display : none; + } + button.mfp-close, button.mfp-arrow { + overflow : visible; + cursor : pointer; + background : transparent; + border : 0; + display : block; + outline : none; + padding : 0; + z-index : 99999999; + box-shadow : none; + } + button::-moz-focus-inner { + padding : 0; + border : 0; + } + .mfp-close { + width : 44px; + height : 44px; + line-height : 44px; + position : absolute; + right : 0; + top : 0; + text-decoration : none; + text-align : center; + opacity : 0.64999997615814208984375; + padding : 0 0 18px 10px; + color : #FFF; + font-style : normal; + font-size : 28px; + font-family : Arial, Baskerville, monospace; + } + .mfp-close:hover, .mfp-close:focus { + opacity : 1; + } + .mfp-close:active { + top : 1px; + } + .mfp-close-btn-in .mfp-close { + color : #333; + } + .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { + color : #FFF; + right : -6px; + text-align : right; + padding-right : 6px; + width : 100%; + } + .mfp-counter { + position : absolute; + top : 0; + right : 0; + color : #CCC; + font-size : 12px; + line-height : 18px; + white-space : nowrap; + } + .mfp-arrow { + position : absolute; + opacity : 0.64999997615814208984375; + margin : 0; + top : 50%; + margin-top : -55px; + padding : 0; + width : 90px; + height : 110px; + } + .mfp-arrow:active { + margin-top : -54px; + } + .mfp-arrow:hover, .mfp-arrow:focus { + opacity : 1; + } + .mfp-arrow:before, .mfp-arrow:after { + content : ''; + display : block; + width : 0; + height : 0; + position : absolute; + left : 0; + top : 0; + margin-top : 35px; + margin-left : 35px; + border : transparent inset medium; + } + .mfp-arrow:after { + border-top-width : 13px; + border-bottom-width : 13px; + top : 8px; + } + .mfp-arrow:before { + border-top-width : 21px; + border-bottom-width : 21px; + opacity : 0.699999988079071044921875; + } + .mfp-arrow-left { + left : 0; + } + .mfp-arrow-left:after { + border-right : 17px solid #FFF; + margin-left : 31px; + } + .mfp-arrow-left:before { + margin-left : 25px; + border-right : 27px solid #3F3F3F; + } + .mfp-arrow-right { + right : 0; + } + .mfp-arrow-right:after { + border-left : 17px solid #FFF; + margin-left : 39px; + } + .mfp-arrow-right:before { + border-left : 27px solid #3F3F3F; + } + .mfp-iframe-holder { + padding-top : 40px; + padding-bottom : 40px; + } + .mfp-iframe-holder .mfp-content { + line-height : 0; + width : 100%; + max-width : 900px; + } + .mfp-iframe-holder .mfp-close { + top : -40px; + } + .mfp-iframe-scaler { + width : 100%; + height : 0; + overflow : hidden; + padding-top : 56.25%; + } + .mfp-iframe-scaler iframe { + position : absolute; + display : block; + top : 0; + left : 0; + width : 100%; + height : 100%; + box-shadow : 0 0 8px rgba(0, 0, 0, 0.6); + background : #000; + } + img.mfp-img { + width : auto; + max-width : 100%; + height : auto; + display : block; + line-height : 0; + box-sizing : border-box; + padding : 40px 0 40px; + margin : 0 auto; + } + .mfp-figure { + line-height : 0; + } + .mfp-figure:after { + content : ''; + position : absolute; + left : 0; + top : 40px; + bottom : 40px; + display : block; + right : 0; + width : auto; + height : auto; + z-index : -1; + box-shadow : 0 0 8px rgba(0, 0, 0, 0.6); + background : #444; + } + .mfp-figure small { + color : #BDBDBD; + display : block; + font-size : 12px; + line-height : 14px; + } + .mfp-figure figure { + margin : 0; + } + .mfp-bottom-bar { + margin-top : -36px; + position : absolute; + top : 100%; + left : 0; + width : 100%; + cursor : auto; + } + .mfp-title { + text-align : left; + line-height : 18px; + color : #F3F3F3; + overflow-wrap : break-word; + padding-right : 36px; + } + .mfp-image-holder .mfp-content { + max-width : 100%; + } + .mfp-gallery .mfp-image-holder .mfp-figure { + cursor : pointer; + } + @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { + .mfp-img-mobile .mfp-image-holder { + padding-left : 0; + padding-right : 0; + } + .mfp-img-mobile img.mfp-img { + padding : 0; + } + .mfp-img-mobile .mfp-figure:after { + top : 0; + bottom : 0; + } + .mfp-img-mobile .mfp-figure small { + display : inline; + margin-left : 5px; + } + .mfp-img-mobile .mfp-bottom-bar { + background : rgba(0, 0, 0, 0.6); + bottom : 0; + margin : 0; + top : auto; + padding : 3px 5px; + position : fixed; + box-sizing : border-box; + } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding : 0; + } + .mfp-img-mobile .mfp-counter { + right : 5px; + top : 3px; + } + .mfp-img-mobile .mfp-close { + top : 0; + right : 0; + width : 35px; + height : 35px; + line-height : 35px; + background : rgba(0, 0, 0, 0.6); + position : fixed; + text-align : center; + padding : 0; + } + } + @media all and (max-width:900px) { + .mfp-arrow { + transform : scale(0.75); + } + .mfp-arrow-left { + transform-origin : 0; + } + .mfp-arrow-right { + transform-origin : 100%; + } + .mfp-container { + padding-left : 6px; + padding-right : 6px; + } + } + .animated { + animation-duration : 1s; + animation-fill-mode : both; + } + .slow { + animation-duration : 1.5s; + animation-fill-mode : both; + } + .slower { + animation-duration : 2s; + animation-fill-mode : both; + } + .slowest { + animation-duration : 3s; + animation-fill-mode : both; + } + .delay-250 { + animation-delay : 0.25s; + } + .delay-500 { + animation-delay : 0.5s; + } + .delay-750 { + animation-delay : 0.75s; + } + .delay-1000 { + animation-delay : 1.0s; + } + .delay-1250 { + animation-delay : 1.25s; + } + .delay-1500 { + animation-delay : 1.5s; + } + .delay-1750 { + animation-delay : 1.75s; + } + .delay-2000 { + animation-delay : 2.0s; + } + .delay-2500 { + animation-delay : 2.5s; + } + .delay-2000 { + animation-delay : 2.0s; + } + .delay-2500 { + animation-delay : 2.5s; + } + .delay-3000 { + animation-delay : 3.0s; + } + .delay-3500 { + animation-delay : 3.5s; + } + .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown { + opacity : 0; + transform : translateX(400px); + } + .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown { + opacity : 0; + transform : translateX(400px); + } + .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn { + opacity : 0; + } + .lightSpeedInRight, .lightSpeedInLeft { + opacity : 0; + transform : translateX(400px); + } + @keyframes bounceIn { + 0% { + opacity : 0; + transform : scale(0.3); + } + 50% { + opacity : 1; + transform : scale(1.05); + } + 70% { + transform : scale(0.9); + } + 100% { + transform : scale(1); + } + } + .bounceIn.go { + animation-name : bounceIn; + } + @keyframes bounceInRight { + 0% { + opacity : 0; + transform : translateX(400px); + } + 60% { + transform : translateX(-30px); + } + 80% { + transform : translateX(10px); + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .bounceInRight.go { + animation-name : bounceInRight; + } + @keyframes bounceInLeft { + 0% { + opacity : 0; + transform : translateX(-400px); + } + 60% { + transform : translateX(30px); + } + 80% { + transform : translateX(-10px); + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .bounceInLeft.go { + animation-name : bounceInLeft; + } + @keyframes bounceInUp { + 0% { + opacity : 0; + transform : translateY(400px); + } + 60% { + transform : translateY(-30px); + } + 80% { + transform : translateY(10px); + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .bounceInUp.go { + animation-name : bounceInUp; + } + @keyframes bounceInDown { + 0% { + opacity : 0; + transform : translateY(-400px); + } + 60% { + transform : translateY(30px); + } + 80% { + transform : translateY(-10px); + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .bounceInDown.go { + animation-name : bounceInDown; + } + @keyframes fadeIn { + 0% { + opacity : 0; + } + 100% { + opacity : 1; + display : block; + } + } + .fadeIn { + opacity : 0; + } + .fadeIn.go { + animation-name : fadeIn; + } + @keyframes growIn { + 0% { + transform : scale(0.2); + opacity : 0; + } + 50% { + transform : scale(1.2); + } + 100% { + transform : scale(1); + opacity : 1; + } + } + .growIn { + transform : scale(0.2); + opacity : 0; + } + .growIn.go { + animation-name : growIn; + } + @keyframes shake { + 0%, 100% { + transform : translateX(0); + } + 10%, 30%, 50%, 70%, 90% { + transform : translateX(-10px); + } + 20%, 40%, 60%, 80% { + transform : translateX(10px); + } + } + .shake.go { + animation-name : shake; + } + @keyframes shakeUp { + 0%, 100% { + transform : translateY(0); + } + 10%, 30%, 50%, 70%, 90% { + transform : translateY(-10px); + } + 20%, 40%, 60%, 80% { + transform : translateY(10px); + } + } + .shakeUp.go { + animation-name : shakeUp; + } + @keyframes fadeInLeft { + 0% { + opacity : 0; + transform : translateX(-400px); + } + 50% { + opacity : 0.300000011920928955078125; + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .fadeInLeft { + opacity : 0; + transform : translateX(-400px); + } + .fadeInLeft.go { + animation-name : fadeInLeft; + } + @keyframes fadeInRight { + 0% { + opacity : 0; + transform : translateX(400px); + } + 50% { + opacity : 0.300000011920928955078125; + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .fadeInRight { + opacity : 0; + transform : translateX(400px); + } + .fadeInRight.go { + animation-name : fadeInRight; + } + @keyframes fadeInUp { + 0% { + opacity : 0; + transform : translateY(400px); + } + 50% { + opacity : 0.300000011920928955078125; + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .fadeInUp { + opacity : 0; + transform : translateY(400px); + } + .fadeInUp.go { + animation-name : fadeInUp; + } + @keyframes fadeInDown { + 0% { + opacity : 0; + transform : translateY(-400px); + } + 50% { + opacity : 0.300000011920928955078125; + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .fadeInDown { + opacity : 0; + transform : translateY(-400px); + } + .fadeInDown.go { + animation-name : fadeInDown; + } + @keyframes rotateIn { + 0% { + transform-origin : center center; + transform : rotate(-200deg); + opacity : 0; + } + 100% { + transform-origin : center center; + transform : rotate(0); + opacity : 1; + } + } + .rotateIn.go { + animation-name : rotateIn; + } + @keyframes rotateInUpLeft { + 0% { + transform-origin : left bottom; + transform : rotate(90deg); + opacity : 0; + } + 100% { + transform-origin : left bottom; + transform : rotate(0); + opacity : 1; + } + } + .rotateInUpLeft.go { + animation-name : rotateInUpLeft; + } + @keyframes rotateInDownLeft { + 0% { + transform-origin : left bottom; + transform : rotate(-90deg); + opacity : 0; + } + 100% { + transform-origin : left bottom; + transform : rotate(0); + opacity : 1; + } + } + .rotateInDownLeft.go { + animation-name : rotateInDownLeft; + } + @keyframes rotateInUpRight { + 0% { + transform-origin : right bottom; + transform : rotate(-90deg); + opacity : 0; + } + 100% { + transform-origin : right bottom; + transform : rotate(0); + opacity : 1; + } + } + .rotateInUpRight.go { + animation-name : rotateInUpRight; + } + @keyframes rotateInDownRight { + 0% { + transform-origin : right bottom; + transform : rotate(90deg); + opacity : 0; + } + 100% { + transform-origin : right bottom; + transform : rotate(0); + opacity : 1; + } + } + .rotateInDownRight.go { + animation-name : rotateInDownRight; + } + @keyframes rollIn { + 0% { + opacity : 0; + transform : translateX(-100%) rotate(-120deg); + } + 100% { + opacity : 1; + transform : translateX(0) rotate(0deg); + } + } + .rollIn.go { + animation-name : rollIn; + } + @keyframes wiggle { + 0% { + transform : skewX(9deg); + } + 10% { + transform : skewX(-8deg); + } + 20% { + transform : skewX(7deg); + } + 30% { + transform : skewX(-6deg); + } + 40% { + transform : skewX(5deg); + } + 50% { + transform : skewX(-4deg); + } + 60% { + transform : skewX(3deg); + } + 70% { + transform : skewX(-2deg); + } + 80% { + transform : skewX(1deg); + } + 90% { + transform : skewX(0deg); + } + 100% { + transform : skewX(0deg); + } + } + .wiggle.go { + animation-name : wiggle; + animation-timing-function : ease-in; + } + @keyframes swing { + 20% { + transform : rotate(15deg); + } + 40% { + transform : rotate(-10deg); + } + 60% { + transform : rotate(5deg); + } + 80% { + transform : rotate(-5deg); + } + 100% { + transform : rotate(0deg); + } + } + .swing.go { + transform-origin : top center; + animation-name : swing; + } + @keyframes tada { + 0% { + transform : scale(1); + } + 10%, 20% { + transform : scale(0.9) rotate(-3deg); + } + 30%, 50%, 70%, 90% { + transform : scale(1.1) rotate(3deg); + } + 40%, 60%, 80% { + transform : scale(1.1) rotate(-3deg); + } + 100% { + transform : scale(1) rotate(0); + } + } + .tada.go { + animation-name : tada; + } + @keyframes wobble { + 0% { + transform : translateX(0%); + } + 15% { + transform : translateX(-25%) rotate(-5deg); + } + 30% { + transform : translateX(20%) rotate(3deg); + } + 45% { + transform : translateX(-15%) rotate(-3deg); + } + 60% { + transform : translateX(10%) rotate(2deg); + } + 75% { + transform : translateX(-5%) rotate(-1deg); + } + 100% { + transform : translateX(0%); + } + } + .wobble.go { + animation-name : wobble; + } + @keyframes pulse { + 0% { + transform : scale(1); + } + 50% { + transform : scale(1.1); + } + 100% { + transform : scale(1); + } + } + .pulse.go { + animation-name : pulse; + } + @keyframes lightSpeedInRight { + 0% { + transform : translateX(100%) skewX(-30deg); + opacity : 0; + } + 60% { + transform : translateX(-20%) skewX(30deg); + opacity : 1; + } + 80% { + transform : translateX(0%) skewX(-15deg); + opacity : 1; + } + 100% { + transform : translateX(0%) skewX(0deg); + opacity : 1; + } + } + .lightSpeedInRight.go { + animation-name : lightSpeedInRight; + animation-timing-function : ease-out; + } + @keyframes lightSpeedInLeft { + 0% { + transform : translateX(-100%) skewX(30deg); + opacity : 0; + } + 60% { + transform : translateX(20%) skewX(-30deg); + opacity : 1; + } + 80% { + transform : translateX(0%) skewX(15deg); + opacity : 1; + } + 100% { + transform : translateX(0%) skewX(0deg); + opacity : 1; + } + } + .lightSpeedInLeft.go { + animation-name : lightSpeedInLeft; + animation-timing-function : ease-out; + } + @keyframes flip { + 0% { + transform : perspective(400px) rotateY(0); + animation-timing-function : ease-out; + } + 40% { + transform : perspective(400px) translateZ(150px) rotateY(170deg); + animation-timing-function : ease-out; + } + 50% { + transform : perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + animation-timing-function : ease-in; + } + 80% { + transform : perspective(400px) rotateY(360deg) scale(0.95); + animation-timing-function : ease-in; + } + 100% { + transform : perspective(400px) scale(1); + animation-timing-function : ease-in; + } + } + .flip.go { + backface-visibility : visible !important ; + animation-name : flip; + } + @keyframes flipInX { + 0% { + transform : perspective(400px) rotateX(90deg); + opacity : 0; + } + 40% { + transform : perspective(400px) rotateX(-10deg); + } + 70% { + transform : perspective(400px) rotateX(10deg); + } + 100% { + transform : perspective(400px) rotateX(0deg); + opacity : 1; + } + } + .flipInX.go { + backface-visibility : visible !important ; + animation-name : flipInX; + } + @keyframes flipInY { + 0% { + transform : perspective(400px) rotateY(90deg); + opacity : 0; + } + 40% { + transform : perspective(400px) rotateY(-10deg); + } + 70% { + transform : perspective(400px) rotateY(10deg); + } + 100% { + transform : perspective(400px) rotateY(0deg); + opacity : 1; + } + } + .flipInY.go { + backface-visibility : visible !important ; + animation-name : flipInY; + } + @keyframes bounceOut { + 0% { + transform : scale(1); + } + 25% { + transform : scale(0.95); + } + 50% { + opacity : 1; + transform : scale(1.1); + } + 100% { + opacity : 0; + transform : scale(0.3); + } + } + .bounceOut.goAway { + animation-name : bounceOut; + } + @keyframes bounceOutUp { + 0% { + transform : translateY(0); + } + 20% { + opacity : 1; + transform : translateY(20px); + } + 100% { + opacity : 0; + transform : translateY(-2000px); + } + } + .bounceOutUp.goAway { + animation-name : bounceOutUp; + } + @keyframes bounceOutDown { + 0% { + transform : translateY(0); + } + 20% { + opacity : 1; + transform : translateY(-20px); + } + 100% { + opacity : 0; + transform : translateY(2000px); + } + } + .bounceOutDown.goAway { + animation-name : bounceOutDown; + } + @keyframes bounceOutLeft { + 0% { + transform : translateX(0); + } + 20% { + opacity : 1; + transform : translateX(20px); + } + 100% { + opacity : 0; + transform : translateX(-2000px); + } + } + .bounceOutLeft.goAway { + animation-name : bounceOutLeft; + } + @keyframes bounceOutRight { + 0% { + transform : translateX(0); + } + 20% { + opacity : 1; + transform : translateX(-20px); + } + 100% { + opacity : 0; + transform : translateX(2000px); + } + } + .bounceOutRight.goAway { + animation-name : bounceOutRight; + } + @keyframes fadeOut { + 0% { + opacity : 1; + } + 100% { + opacity : 0; + } + } + .fadeOut.goAway { + animation-name : fadeOut; + } + @keyframes fadeOutUp { + 0% { + opacity : 1; + transform : translateY(0); + } + 100% { + opacity : 0; + transform : translateY(-2000px); + } + } + .fadeOutUp.goAway { + animation-name : fadeOutUp; + } + @keyframes fadeOutDown { + 0% { + opacity : 1; + transform : translateY(0); + } + 100% { + opacity : 0; + transform : translateY(2000px); + } + } + .fadeOutDown.goAway { + animation-name : fadeOutDown; + } + @keyframes fadeOutLeft { + 0% { + opacity : 1; + transform : translateX(0); + } + 100% { + opacity : 0; + transform : translateX(-2000px); + } + } + .fadeOutLeft.goAway { + animation-name : fadeOutLeft; + } + @keyframes fadeOutRight { + 0% { + opacity : 1; + transform : translateX(0); + } + 100% { + opacity : 0; + transform : translateX(2000px); + } + } + .fadeOutRight.goAway { + animation-name : fadeOutRight; + } + @keyframes flipOutX { + 0% { + transform : perspective(400px) rotateX(0deg); + opacity : 1; + } + 100% { + transform : perspective(400px) rotateX(90deg); + opacity : 0; + } + } + .flipOutX.goAway { + animation-name : flipOutX; + backface-visibility : visible !important ; + } + @keyframes flipOutY { + 0% { + transform : perspective(400px) rotateY(0deg); + opacity : 1; + } + 100% { + transform : perspective(400px) rotateY(90deg); + opacity : 0; + } + } + .flipOutY { + backface-visibility : visible !important ; + animation-name : flipOutY; + } + @keyframes lightSpeedOutRight { + 0% { + transform : translateX(0%) skewX(0deg); + opacity : 1; + } + 100% { + transform : translateX(100%) skewX(-30deg); + opacity : 0; + } + } + .lightSpeedOutRight.goAway { + animation-name : lightSpeedOutRight; + animation-timing-function : ease-in; + } + @keyframes lightSpeedOutLeft { + 0% { + transform : translateX(0%) skewX(0deg); + opacity : 1; + } + 100% { + transform : translateX(-100%) skewX(30deg); + opacity : 0; + } + } + .lightSpeedOutLeft.goAway { + animation-name : lightSpeedOutLeft; + animation-timing-function : ease-in; + } + @keyframes rotateOut { + 0% { + transform-origin : center center; + transform : rotate(0); + opacity : 1; + } + 100% { + transform-origin : center center; + transform : rotate(200deg); + opacity : 0; + } + } + .rotateOut.goAway { + animation-name : rotateOut; + } + @keyframes rotateOutUpLeft { + 0% { + transform-origin : left bottom; + transform : rotate(0); + opacity : 1; + } + 100% { + opacity : 0; + } + } + .rotateOutUpLeft.goAway { + animation-name : rotateOutUpLeft; + } + @keyframes rotateOutDownLeft { + 0% { + transform-origin : left bottom; + transform : rotate(0); + opacity : 1; + } + 100% { + transform-origin : left bottom; + transform : rotate(90deg); + opacity : 0; + } + } + .rotateOutDownLeft.goAway { + animation-name : rotateOutDownLeft; + } + @keyframes rotateOutUpRight { + 0% { + transform-origin : right bottom; + transform : rotate(0); + opacity : 1; + } + 100% { + transform-origin : right bottom; + transform : rotate(90deg); + opacity : 0; + } + } + .rotateOutUpRight.goAway { + animation-name : rotateOutUpRight; + } + @keyframes rollOut { + 0% { + opacity : 1; + transform : translateX(0) rotate(0deg); + } + 100% { + opacity : 0; + transform : translateX(100%) rotate(120deg); + } + } + .rollOut.goAway { + animation-name : rollOut; + } + @keyframes fadeInUpShort { + 0% { + opacity : 0; + transform : translateY(20px); + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .fadeInUpShort { + opacity : 0; + transform : translateY(20px); + } + .fadeInUpShort.go { + animation-name : fadeInUpShort; + } + @keyframes fadeInDownShort { + 0% { + opacity : 0; + transform : translateY(-20px); + } + 100% { + opacity : 1; + transform : translateY(0); + } + } + .fadeInDownShort { + opacity : 0; + transform : translateY(-20px); + } + .fadeInDownShort.go { + animation-name : fadeInDownShort; + } + @keyframes fadeInRightShort { + 0% { + opacity : 0; + transform : translateX(20px); + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .fadeInRightShort { + opacity : 0; + transform : translateX(20px); + } + .fadeInRightShort.go { + animation-name : fadeInRightShort; + } + @keyframes fadeInLeftShort { + 0% { + opacity : 0; + transform : translateX(-20px); + } + 100% { + opacity : 1; + transform : translateX(0); + } + } + .fadeInLeftShort { + opacity : 0; + transform : translateX(-20px); + } + .fadeInLeftShort.go { + animation-name : fadeInLeftShort; + } + .logo-slider { + margin-bottom : 50px; + } + .logo-slider p { + margin : 0 0 40px 0; + } + @media screen and (max-width:420px) { + .logo-slider p { + margin : 0 0 25px 0; + } + .logo-slider .swiper-slide { + text-align : center; + } + } + .clients { + background : url(../dummy/clients.jpg); + padding : 40px 0; + margin-bottom : 50px; + background-size : cover !important ; + } + .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner { + padding : 0 60px; + } + .clients h2, .clients .ce-table table caption, .ce-table table .clients caption { + margin-bottom : 50px; + color : #fff; + } + .clients p { + color : #fff; + text-align : center; + } + .clients p strong { + display : block; + margin-bottom : 3px; + } + .clients p + p { + margin-top : 20px; + } + @media screen and (max-width:600px) { + .clients .inner.small, .clients .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .clients .tx-felogin-pi1-inner { + padding : 0 40px; + } + .clients .swiper-button-next-clients { + right : 10px; + height : 26px; + width : 15px; + margin-top : -13px; + background-size : 15px 26px; + } + .clients .swiper-button-prev-clients { + left : 10px; + height : 26px; + width : 15px; + margin-top : -13px; + background-size : 15px 26px; + } + } + .unterseiten-banner { + text-align : center; + padding : 50px 0 50px 0; + background : url(../dummy/banner.jpg) no-repeat #767679; + background-position : center !important ; + margin-bottom : 50px; + min-height : 200px; + background-repeat : no-repeat !important ; + background-size : cover !important ; + } + .unterseiten-banner + .breadcrumbContainer { + margin-top : -50px; + margin-bottom : 50px; + } + .unterseiten-banner p { + color : #fff; + } + .unterseiten-banner a { + margin-top : 20px; + } + .unterseiten-banner.arrow { + position : relative; + } + .unterseiten-banner.arrow:after, .unterseiten-banner.arrow:before { + top : 0; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .unterseiten-banner.arrow:after { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .unterseiten-banner.arrow:before { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .unterseiten-banner.arrowGrey { + position : relative; + } + .unterseiten-banner.arrowGrey:after, .unterseiten-banner.arrowGrey:before { + top : 0; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .unterseiten-banner.arrowGrey:after { + border-color : rgba(255, 255, 255, 0); + border-top-color : #333; + border-width : 20px; + margin-left : -20px; + } + .unterseiten-banner.arrowGrey:before { + border-color : rgba(255, 255, 255, 0); + border-top-color : #333; + border-width : 20px; + margin-left : -20px; + } + .ce-twoCol-Box { + padding : 0; + margin-bottom : 50px; + } + .ce-twoCol-Box.addPadding { + padding : 40px 0; + } + .ce-twoCol-Box .texttop { + margin-bottom : 40px; + } + .ce-twoCol-Box .texttop h1, .ce-twoCol-Box .texttop h2, .ce-twoCol-Box .texttop .ce-table table caption, .ce-table table .ce-twoCol-Box .texttop caption, .ce-twoCol-Box .texttop h3, .ce-twoCol-Box .texttop h4 { + margin-bottom : 0; + } + .ce-twoCol-Box .boxen .arrowlink:hover:after, .ce-twoCol-Box .boxen .thirdSection .right a:hover:after, .thirdSection .right .ce-twoCol-Box .boxen a:hover:after { + display : inline-block; + text-decoration : none !important ; + } + .ce-twoCol-Box .boxen.withFontAwesome > div { + float : left; + width : calc(100% / 2); + padding-right : 95px; + position : relative; + text-align : right; + } + .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div h1:after { + margin : 10px 0 0 auto; + } + .ce-twoCol-Box .boxen.withFontAwesome > div .smallHeadlineWithUnderline:after { + margin : 5px 0 0 auto; + } + .ce-twoCol-Box .boxen.withFontAwesome > div > i { + position : absolute; + top : 0; + right : 15px; + padding : 10px; + padding-top : 18px; + background : #c6c6c6; + border-radius : 50px; + height : 60px; + width : 60px; + text-align : center; + } + .ce-twoCol-Box .boxen.withFontAwesome > div > i:before { + vertical-align : middle; + font-size : 24px; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i { + right : auto; + left : 15px; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .smallHeadlineWithUnderline:after { + margin : 5px auto 0 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div p i { + padding-left : 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div p + ul { + margin-top : 15px; + } + .ce-twoCol-Box .boxen.withFontAwesome > div p.align-left { + text-align : left; + } + .ce-twoCol-Box .boxen.withFontAwesome > div p.align-right { + text-align : right; + } + .ce-twoCol-Box .boxen.withFontAwesome > div p.align-center { + text-align : center; + } + .ce-twoCol-Box .boxen.withFontAwesome > div a { + color : #0067b1; + text-decoration : none; + } + .ce-twoCol-Box .boxen.withFontAwesome > div a:hover { + text-decoration : underline; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(n 3) { + margin-top : 45px; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) { + padding-right : 0; + padding-left : 95px; + text-align : left; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #topic fieldset legend:after, .tx-typo3forum-pi1 #topic fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #post fieldset legend:after, .tx-typo3forum-pi1 #post fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-pi1 #report fieldset legend:after, .tx-typo3forum-pi1 #report fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption h2:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption:after, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption:after, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > h2:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .tx-typo3forum-post-latest-box > caption:after, .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .tx-typo3forum-post-latest-box > caption:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .tx-typo3forum-post-latest-box > caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .headlineH2Center:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .service-formular fieldset .powermail_legend:after, .service-formular fieldset .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .powermail_legend:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container h2:after, .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h2:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .latest-news-container .ce-table table caption:after, .latest-news-container .ce-table table .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .ce-table table .latest-news-container caption:after, .ce-table table .latest-news-container .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) caption:after, .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) .mp-contentContainer.checkout h1:after, .mp-contentContainer.checkout .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) h1:after { + margin : 10px auto 0 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) span { + right : auto; + left : 15px; + } + @media screen and (max-width:800px) { + .ce-twoCol-Box .boxen.withFontAwesome > div { + float : none; + width : 100%; + margin-right : 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div + div { + margin-top : 40px !important ; + } + } + @media screen and (max-width:600px) { + .ce-twoCol-Box .boxen.withFontAwesome > div { + padding-left : 0; + padding-right : 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) { + padding-left : 0; + } + .ce-twoCol-Box .boxen.withFontAwesome > div:nth-of-type(2n) > i.fa { + display : none; + } + .ce-twoCol-Box .boxen.withFontAwesome > div > i.fa { + display : none; + } + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div { + float : left; + width : calc((100% - 25px) / 2); + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div + div { + margin-left : 25px; + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(2n 3) { + margin-left : 0; + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) { + margin-top : 50px; + } + @media screen and (max-width:767px) { + .ce-twoCol-Box .boxen.withoutFontAwesome > div { + float : none; + width : 100%; + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div:nth-of-type(n 3) { + margin-top : 25px; + } + .ce-twoCol-Box .boxen.withoutFontAwesome > div + div { + margin-top : 25px; + margin-left : 0 !important ; + } + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div { + float : left; + width : 48%; + position : relative; + padding-left : 120px; + min-height : 80px; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa { + position : absolute; + top : 0; + right : 80%; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before { + vertical-align : middle; + font-size : 80px; + color : #0067b1; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 3) { + margin-top : 40px; + } + @media screen and (max-width:800px) { + .ce-twoCol-Box .boxen.withOtherFontAwesome div { + float : none; + width : 100%; + padding-left : 0; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(n 2) { + margin-top : 40px; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa { + position : relative; + top : auto; + left : auto; + float : left; + margin-right : 15px; + display : none; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div > i.fa:before { + font-size : 50px; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div:nth-of-type(2n) > i.fa { + left : auto; + } + .ce-twoCol-Box .boxen.withOtherFontAwesome div + div { + margin-top : 30px; + } + } + .text-slide { + margin-bottom : 50px; + } + .text-slide .openImgSubHeadline { + font-size : 15px; + line-height : normal; + color : #333; + text-decoration : none; + font-weight : 400; + margin : 0 0 5px 0; + } + .text-slide .left { + float : left; + width : 40.77%; + width : calc((100% - 25px) / 2); + } + .text-slide .left h3 { + font-family : "Open Sans", sans-serif; + font-weight : 700; + color : #333; + margin : 0 0 20px 0; + } + .text-slide .left p { + color : #333; + } + .text-slide .right { + float : left; + width : 50%; + width : calc((100% - 25px) / 2); + margin-left : 9.22%; + margin-left : 25px; + } + .text-slide .right .openImage { + position : relative; + display : block; + } + .text-slide .right .openImage i { + font-size : 1.5rem; + color : #fff; + position : absolute; + left : 0; + right : 0; + z-index : 20; + top : 50%; + margin-top : -12px; + text-align : center; + color : #333; + } + .text-slide .right .openImage i:before, .text-slide .right .openImage i:after { + color : #333; + } + .text-slide .right .openImage:after { + content : ""; + position : absolute; + top : 0; + right : 0; + bottom : 0; + left : 0; + z-index : 10; + background : rgba(255, 255, 255, 0.5); + border : rgba(0, 0, 0, 0.2) solid 1px; + } + .text-slide .right .singleImage { + display : block; + max-height : 250px; + overflow : hidden; + } + .text-slide .right .singleImage img { + display : block; + } + @media screen and (max-width:768px) { + .text-slide .left { + width : 100%; + float : none; + } + .text-slide .right { + float : none; + width : 100%; + margin-left : 0; + margin-top : 25px; + } + } + .ce-Image-Text-Element { + margin-bottom : 50px; + } + .ce-Image-Text-Element .einspaltig .bigText { + font-size : 18px; + line-height : normal; + } + .ce-Image-Text-Element .einspaltig + figure { + margin-top : 25px; + } + .ce-Image-Text-Element figure { + margin : 0; + } + .ce-Image-Text-Element figure figcaption { + font-size : 12px; + display : block; + margin : 0; + padding : 0; + line-height : normal; + text-align : right; + color : #333; + } + .ce-Image-Text-Element figure img { + display : block; + margin : 0 auto; + } + .ce-Image-Text-Element figure + .einspaltig { + margin-top : 25px; + } + .toggleContainer { + margin-bottom : 50px !important ; + } + @media screen and (max-width:1100px) { + .toggleContainer { + padding : 50px 25px 40px 25px !important ; + } + } + .toggleContainer h2, .toggleContainer .ce-table table caption, .ce-table table .toggleContainer caption { + margin : 0 0 30px 0; + } + .toggleContainer h3 { + padding : 0 20px; + background : #ececec; + line-height : 55px; + margin : 0 0 10px 0; + font-weight : 700; + outline : none; + cursor : pointer; + } + .toggleContainer h3 i { + color : #6c6c6c; + } + .toggleContainer h3 i + strong { + margin-left : 25px; + } + .toggleContainer h3 i + p { + margin-left : 5px; + } + .toggleContainer h3 strong { + font-family : "Quicksand", sans-serif; + font-weight : 700; + font-size : 24px; + line-height : normal; + display : inline-block; + margin-right : 10px; + vertical-align : middle; + } + .toggleContainer h3 p { + display : inline-block; + margin : 0; + font-family : "Quicksand", sans-serif; + color : #333; + } + .toggleContainer h3 span { + float : right; + display : inline-block; + font-size : 15px; + line-height : normal; + font-weight : 700; + font-family : "Quicksand", sans-serif; + line-height : 55px; + } + .toggleContainer .ui-accordion-content { + padding-bottom : 20px; + } + @media screen and (max-width:600px) { + .toggleContainer h3 strong { + font-size : 16px; + line-height : normal; + } + .toggleContainer h3 span { + font-size : 14px; + line-height : normal; + } + } + @media screen and (max-width:480px) { + .toggleContainer h3 span { + float : none; + width : 100%; + line-height : 16px; + display : block; + padding-bottom : 15px; + padding-left : 44px; + margin-top : -10px; + } + } + .ce-threeBoxesWithOption { + margin-bottom : 50px; + } + .ce-threeBoxesWithOption.addPadding { + padding : 50px 0 50px 0; + } + .ce-threeBoxesWithOption p { + color : #fff; + } + .ce-threeBoxesWithOption .inner > div { + margin-top : 40px; + } + .ce-threeBoxesWithOption .inner div article { + float : left; + width : calc(100% / 3); + text-align : center; + padding : 0 20px; + } + .ce-threeBoxesWithOption .inner div article i.big { + padding : 25px; + background : #fff; + border-radius : 50px; + font-size : 2rem; + margin-bottom : 15px; + } + .ce-threeBoxesWithOption .inner div article i.small { + border-radius : 50px; + padding : 15px; + text-align : center; + vertical-align : middle; + color : #0067b1; + background : rgba(255, 255, 255, 0.7); + font-size : 0.9rem; + margin-bottom : 15px; + min-height : 42px; + min-width : 42px; + } + .ce-threeBoxesWithOption .inner div article p { + color : #fff; + text-align : center; + } + @media screen and (max-width:760px) { + .ce-threeBoxesWithOption .inner div article { + float : none; + width : 100%; + } + .ce-threeBoxesWithOption .inner div article + article { + margin-top : 20px; + } + .ce-threeBoxesWithOption + .ce-threeBoxesWithOption { + margin-top : 2px; + } + } + .fontAwesome-list { + margin-bottom : 50px; + } + .fontAwesome-list ul { + margin : 0; + padding : 0; + list-style : none; + } + .fontAwesome-list ul li { + display : block; + color : #333; + position : relative; + padding-left : 30px; + } + .fontAwesome-list ul li i { + font-size : 22px; + border-radius : 50px; + padding : 0; + vertical-align : sub; + position : absolute; + left : 0; + top : 2px; + } + .fontAwesome-list ul li i.border { + border : #333 solid 1px; + text-align : center; + vertical-align : middle; + height : 30px; + width : 30px; + line-height : 30px; + font-size : 18px; + } + .fontAwesome-list ul li.border { + min-height : 30px; + padding-left : 40px; + } + .fontAwesome-list ul li.border span { + padding-top : 6px; + } + .fontAwesome-list ul li ul { + margin-top : 5px; + } + .fontAwesome-list ul li span { + margin : 0; + font-weight : 700; + display : inline-block; + vertical-align : middle; + } + .fontAwesome-list ul li + li { + margin-top : 10px; + } + .fontAwesome-list.twocol ul li { + position : relative; + float : left; + width : 48%; + padding-left : 30px; + } + .fontAwesome-list.twocol ul li.border { + padding-left : 40px; + } + .fontAwesome-list.twocol ul li + li { + margin-left : 4%; + margin-top : 0; + } + .fontAwesome-list.twocol ul li:nth-of-type(n 3) { + margin-top : 15px; + } + .fontAwesome-list.twocol ul li:nth-of-type(2n 3) { + margin-left : 0; + } + .fontAwesome-list.twocol ul li ul li { + float : none; + width : 100%; + } + .fontAwesome-list.twocol ul li ul li:nth-of-type(n 3) { + margin-top : 4px; + } + .fontAwesome-list.twocol ul li ul li + li { + margin-left : 0; + margin-top : 4px; + } + @media screen and (max-width:640px) { + .fontAwesome-list.twocol ul li { + width : 100%; + float : none; + } + .fontAwesome-list.twocol ul li + li { + margin-left : 0; + } + .fontAwesome-list.twocol ul li:nth-of-type(n 2) { + margin-top : 15px; + } + .fontAwesome-list.twocol ul li ul li:nth-of-type(n 2) { + margin-top : 0; + } + } + .tx-contentpackage-historieContainer { + margin-bottom : 50px; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner { + position : relative; + border-left : 3px solid #be1622; + padding : 44px 0 44px 22px; + } + @media screen and (max-width:1100px) { + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner { + padding : 50px 25px 25px 25px; + } + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear { + font-size : 32px; + line-height : normal; + background : #be1622; + color : #fff; + padding : 5px 10px; + width : auto; + display : inline-block; + margin-left : -118px; + } + @media screen and (max-width:1260px) { + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-historieYear { + margin : 0 0 15px -22px; + } + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent p { + color : #333; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement .inner .tx-contentpackage-hostorieContent * { + color : #333; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span { + display : block; + position : relative; + background : url(../img/chevron-down.png) no-repeat; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after { + top : 100%; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:before { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement > span:after { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement + .tx-contentpackage-historieElement .inner { + padding-top : 50px; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement:last-of-type > span { + display : none; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground { + background : #be1622; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner { + border-left : 3px solid #fff; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-historieYear { + color : #be1622; + background : #fff; + } + .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent p, .tx-contentpackage-historieContainer .tx-contentpackage-historieElement.redBackground .inner .tx-contentpackage-hostorieContent * { + color : #fff; + } + .ce-os-bee { + width : 1030px; + height : 820px; + margin-bottom : 50px; + position : relative; + } + .ce-os-bee .base { + width : 314px; + height : 314px; + border-radius : 250px; + margin : 0 auto; + display : block; + background : #c6c6c6; + padding : 30px; + position : relative; + margin-top : 261px; + line-height : 270px; + text-align : center; + } + .ce-os-bee .base img { + position : relative; + max-height : 100px; + width : auto; + vertical-align : middle; + } + .ce-os-bee .base span { + font-size : 24px; + color : #be1622; + font-weight : 700; + line-height : normal; + display : inline-block; + } + .ce-os-bee .child { + display : block; + width : 100%; + height : 100%; + vertical-align : middle; + text-align : center; + font-weight : 400; + font-size : 18px; + line-height : 156px; + color : #333; + text-decoration : none; + width : 156px; + height : 156px; + display : inline-block; + border-radius : 100px; + background : #c6c6c6; + position : relative; + line-height : 156px; + padding : 0 10px; + position : absolute; + top : 0; + left : 0; + transition : all 0.5s; + } + .ce-os-bee .child:hover { + background : #be1622; + color : #fff; + transition : all 0.5s; + transform : scale(1.2); + } + .ce-os-bee .child span { + display : inline-block; + line-height : 20px; + font-size : 18px; + top : 50%; + position : absolute; + left : 15px; + right : 15px; + } + .ce-os-bee .child:after { + content : ""; + border : #fff solid 3px; + border-radius : 100px; + position : absolute; + top : 4px; + right : 4px; + bottom : 4px; + left : 4px; + width : 92%; + } + @media screen and (max-width:1000px) { + #sy_lines { + display : none !important ; + } + .ce-os-bee { + display : none; + } + } + .ce-table { + margin-bottom : 50px !important ; + } + .ce-table.alignleft table tr td { + text-align : left; + } + .ce-table.alignleft table tr td a { + padding-left : 10px; + } + .ce-table.alignleft table tr td:first-of-type { + width : auto; + } + .ce-table.alignleft table tr td:first-of-type + td { + width : auto; + } + .ce-table.alignleft table tr td:last-of-type { + padding-left : 10px; + } + .ce-table.alignleft table thead tr td:nth-of-type(2) { + padding-left : 10px; + } + .ce-table table { + width : 100%; + border-collapse : collapse; + border : none; + } + .ce-table table caption { + margin-bottom : 40px; + } + .ce-table table tr { + height : 40px; + } + .ce-table table tr td { + text-align : center; + font-size : 13px; + } + .ce-table table tr td a { + font-size : 13px; + text-decoration : none; + line-height : 40px; + display : block; + background : #0067b1; + color : #fff; + text-transform : uppercase; + font-weight : 400; + } + .ce-table table tr td:first-of-type { + width : 290px; + text-align : left; + padding-left : 10px; + } + .ce-table table tr td:first-of-type + td { + width : 155px; + font-weight : 700; + } + .ce-table table tr td:nth-of-type(4) { + width : 155px; + } + .ce-table table tr td:nth-of-type(2), .ce-table table tr td:nth-of-type(3), .ce-table table tr td:nth-of-type(4), .ce-table table tr td:nth-of-type(5), .ce-table table tr td:nth-of-type(6) { + border-left : 1px solid #cdcdcd; + font-weight : 700; + font-size : 13px; + width : 155px; + } + .ce-table table tr td:nth-of-type(6) { + border-right : 1px solid #cdcdcd; + } + .ce-table table tr th:nth-of-type(2), .ce-table table tr th:nth-of-type(3), .ce-table table tr th:nth-of-type(4), .ce-table table tr th:nth-of-type(5), .ce-table table tr th:nth-of-type(6) { + border-left : 1px solid #cdcdcd; + border-top : 1px solid #cdcdcd; + font-weight : 400; + font-size : 13px; + width : 155px; + } + .ce-table table tr th:nth-of-type(6) { + border-right : 1px solid #cdcdcd; + } + .ce-table table tbody tr:nth-of-type(odd) { + background : #ededed; + } + @media screen and (max-width:1100px) { + .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner { + padding : 40px 25px; + } + } + @media screen and (max-width:1000px) { + .ce-table.inner.small, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner { + width : 100%; + overflow : scroll; + } + .ce-table.inner.small table, .tx-felogin-pi1 .ce-table.tx-felogin-pi1-inner table { + width : 1000px; + } + } + .service-formular { + background : #ededed; + padding : 40px 0; + } + .service-formular h3 { + display : none; + } + .service-formular .required { + float : right; + margin-top : -100px; + margin : -160px 0 0 0; + font-size : 12px; + } + @media screen and (max-width:960px) { + .service-formular .required { + float : none; + margin : 0; + } + } + .service-formular fieldset { + margin : 0; + padding : 0; + border : none; + } + .service-formular fieldset .powermail_legend { + margin-bottom : 20px; + width : 100%; + display : block; + } + .service-formular label { + display : none; + } + .service-formular input[type="text"], .service-formular input[type="password"], .service-formular input[type="email"], .service-formular input[type="date"], .service-formular select { + width : 100%; + height : 55px; + border : #bbb solid 1px; + padding : 10px; + color : #cdcdcd; + margin-top : 15px; + font-size : 18px; + color : #333; + } + .service-formular input[type="submit"] { + background : #0067b1; + font-size : 15px; + line-height : normal; + text-transform : uppercase; + color : #fff; + padding : 15px 60px; + margin-top : 30px; + border : none; + outline : none; + font-weight : 700; + cursor : pointer; + } + .service-formular textarea { + width : 100%; + resize : none; + height : 150px; + border : #bbb solid 1px; + color : #cdcdcd; + padding : 10px; + font-size : 18px; + color : #333; + } + .service-formular .powermail_fieldwrap_input { + float : left; + width : calc((100% - 30px) / 3); + } + .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input { + margin-left : 15px; + } + .service-formular .powermail_fieldwrap_check legend { + float : left; + margin : 25px 15px 15px 0; + } + .service-formular .powermail_fieldwrap_check input { + width : 20px; + height : 20px; + margin : 1px 3px 0; + } + .service-formular .powermail_fieldwrap_34 legend, .service-formular .powermail_fieldwrap_45 legend { + display : none; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer, .service-formular .powermail_fieldwrap_45 .powermail_check_outer { + margin-left : 0; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer input, .service-formular .powermail_fieldwrap_45 .powermail_check_outer input { + float : left; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer label, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label { + max-width : 80%; + float : left; + margin-left : 15px; + font-size : 12px; + line-height : normal; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer label a, .service-formular .powermail_fieldwrap_45 .powermail_check_outer label a { + font-size : 12px; + line-height : normal; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner { + margin-left : 0; + width : 100%; + } + .service-formular .powermail_fieldwrap_34 .powermail_check_outer .powermail_check_inner + .powermail_check_inner, .service-formular .powermail_fieldwrap_45 .powermail_check_outer .powermail_check_inner + .powermail_check_inner { + margin-top : 20px; + } + .service-formular .powermail_check_outer label { + display : inline-block; + vertical-align : middle; + float : right; + } + .service-formular .parsley-required, .service-formular .parsley-custom-error-message { + font-size : 12px; + line-height : normal; + color : #be1622; + } + .service-formular .powermail_field_error_container_checkbox { + position : absolute; + } + .service-formular .powermail_check_outer { + margin : 25px 15px 15px 15px; + } + .service-formular .powermail_check_outer div { + float : left; + } + .service-formular .powermail_check_outer div + div { + margin-left : 15px; + } + @media screen and (max-width:760px) { + .service-formular .powermail_fieldwrap_input { + width : 100%; + float : none; + } + .service-formular .powermail_fieldwrap_input + .powermail_fieldwrap_input { + margin-left : 0; + } + .service-formular .powermail_check_outer div { + display : block; + width : 100%; + } + .service-formular .powermail_check_outer div.powermail_check_inner input, .service-formular .powermail_check_outer div.powermail_check_inner label { + float : left; + } + .service-formular .powermail_check_outer div + div { + margin-left : 0; + } + } + .textOverSendButton { + font-size : 12px; + margin-top : 25px; + margin-bottom : -10px; + } + .tsaccordion .accordion-header { + background : url(../img/akkordeon_zu.png) 20px 20px no-repeat #ececec; + font-size : 1.5rem; + line-height : 1.9rem; + font-weight : normal; + padding : 9px 0 9px 64px; + margin : 0 0 2px 0; + } + .tsaccordion .accordion-switcher { + cursor : pointer; + } + .tsaccordion .accordion-switcher-active { + background-image : url(../img/akkordeon_offen.png); + } + .tsaccordion .accordion-content { + display : none; + padding : 19px 10px 28px 10px; + font-size : 0.9rem; + line-height : 1.3rem; + } + .tsaccordion .accordion-content .accordion-left { + display : inline-block; + float : left; + } + @media screen and (min-width:769px) { + .tsaccordion .accordion-content .accordion-left { + max-width : 70%; + } + } + @media screen and (max-width:768px) { + .tsaccordion .accordion-content .accordion-left { + float : none; + display : block; + } + .tsaccordion .accordion-content .accordion-left > br { + display : none; + } + } + .tsaccordion .accordion-content .accordion-left .accordion-name { + display : inline-block; + font-size : 1.5rem; + line-height : 1.9rem; + } + @media screen and (max-width:768px) { + .tsaccordion .accordion-content .accordion-left .accordion-name { + display : block; + } + } + .tsaccordion .accordion-content .accordion-left .accordion-thema { + display : inline-block; + font-size : 0.9rem; + line-height : 1.3rem; + } + @media screen and (max-width:768px) { + .tsaccordion .accordion-content .accordion-left .accordion-thema { + display : block; + } + } + .tsaccordion .accordion-content .accordion-logo { + display : inline-block; + float : right; + margin : 7px 0 0 0; + } + @media screen and (max-width:768px) { + .tsaccordion .accordion-content .accordion-logo { + float : none; + } + } + .tsaccordion .accordion-content .accordion-description { + margin : 20px 0 14px 0; + } + .tsaccordion .accordion-content .accordion-more { + color : #0067b1; + font-weight : bold; + text-decoration : none; + display : inline-block; + } + .tsaccordion .accordion-content .accordion-more img { + margin-left : 3px; + } + .ce-leftright > div { + padding : 200px 0; + } + .ce-leftright > div figure { + float : left; + max-width : 600px; + width : 45.28%; + margin : 0; + padding : 0; + margin-right : 5.28%; + padding-left : 3.77%; + position : relative; + } + .ce-leftright > div figure img { + display : block; + position : relative; + z-index : 50; + } + .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big { + position : absolute; + z-index : 10; + } + .ce-leftright > div figure img.small { + top : 20px; + left : 20px; + } + .ce-leftright > div figure img.medium { + top : 0; + right : 20px; + } + .ce-leftright > div figure img.big { + left : 25px; + bottom : 0; + } + .ce-leftright > div figure + div { + float : left; + max-width : 650px; + width : 49.05%; + } + .ce-leftright > div figure + div p { + margin : 0; + color : #fff; + } + .ce-leftright > div figure + div p + * { + margin-top : 20px; + } + .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.darkbluebutton, .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.greybutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.greybutton, .ce-leftright > div figure + div a.whitebutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .marketplace-wrapper .mp-sidebar .mp-buttons a.redbutton, .marketplace-wrapper .mp-sidebar .mp-buttons .ce-leftright > div figure + div a.redbutton, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) .ce-leftright > div figure + div a, .ce-leftright > div figure + div a.bluebutton, .ce-leftright > div figure + div .thirdSection .right a, .thirdSection .right .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a, .ce-leftright > div figure + div .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) .ce-leftright > div figure + div a { + min-width : 0; + } + .ce-leftright > div figure + div ul ul li { + font-weight : 400; + padding-left : 0; + } + .ce-leftright > div figure + div ul ul li:before { + display : none; + } + .ce-leftright > div.right figure { + float : right; + margin-left : 70px; + padding-left : 0; + margin-right : 0; + padding-right : 50px; + } + @media screen and (max-width:1180px) { + .ce-leftright > div figure img.small, .ce-leftright > div figure img.medium, .ce-leftright > div figure img.big { + display : none; + } + } + @media screen and (max-width:1024px) { + .ce-leftright .inner { + padding : 0 25px; + } + .ce-leftright > div { + padding : 50px 0; + } + .ce-leftright > div figure { + float : none; + max-width : none; + width : 100%; + margin-right : 0; + padding-left : 0; + margin-bottom : 25px; + } + .ce-leftright > div figure img { + margin : 0 auto; + } + .ce-leftright > div figure + div { + float : none; + max-width : none; + width : 100%; + margin-top : 40px; + text-align : center; + } + } + .sliderContainer { + margin-bottom : 50px; + } + .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { + padding-top : 100px; + } + .sliderContainer .swiper-container { + height : 600px; + } + .sliderContainer .swiper-slide { + background-size : cover !important ; + background-position : center center !important ; + } + .sliderContainer .slider-overlay { + background : rgba(0, 0, 0, 0.3); + width : 100%; + height : 100%; + } + .sliderContainer p { + font-size : 24px; + line-height : 34px; + color : #fff; + margin : 0; + font-weight : 600; + text-align : center; + } + .sliderContainer p + p { + margin-top : 30px; + } + @media screen and (max-width:680px) { + .sliderContainer .headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer p.headlineH1Center, .sliderContainer .sliderContainer p.headlineH1Center { + font-weight : 600 !important ; + } + } + @media screen and (max-width:1100px) { + .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { + padding : 100px 60px; + } + .sliderContainer p { + font-size : 22px; + line-height : 32px; + } + } + @media screen and (max-width:800px) { + .sliderContainer { + background-size : cover !important ; + } + .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { + padding : 60px 60px; + } + .sliderContainer .swiper-container { + height : 500px; + } + .sliderContainer p { + font-size : 20px; + line-height : 30px; + } + } + @media screen and (max-width:600px) { + .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { + padding : 60px 40px; + } + .sliderContainer p { + font-size : 18px; + line-height : 28px; + } + .sliderContainer a { + font-size : 15px; + line-height : normal; + } + .sliderContainer .swiper-button-next { + right : 10px; + height : 26px; + width : 15px; + margin-top : -13px; + background-size : 15px 26px; + } + .sliderContainer .swiper-button-prev { + left : 10px; + height : 26px; + width : 15px; + margin-top : -13px; + background-size : 15px 26px; + } + } + @media screen and (max-width:480px) { + .sliderContainer .swiper-container { + height : 400px; + } + .sliderContainer .inner.small, .sliderContainer .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .sliderContainer .tx-felogin-pi1-inner { + padding : 20px 35px; + } + .sliderContainer a { + font-size : 15px; + line-height : normal; + } + } + @media screen and (max-width:420px) { + .sliderContainer .swiper-container { + height : 450px; + } + } + .mapsContainer { + float : right; + width : calc((100% - 40px) / 2); + } + @media screen and (max-width:800px) { + .mapsContainer { + float : none; + width : 100%; + margin-top : 25px; + } + } + .mapsContainer iframe { + width : 100% !important ; + } + .contactMain { + margin-bottom : 50px !important ; + } + @media screen and (max-width:1100px) { + .contactMain { + padding-left : 25px; + padding-right : 25px; + } + } + .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 { + float : left; + width : calc((100% - 40px) / 2); + } + @media screen and (max-width:800px) { + .powermail_form_3, .powermail_form_4, .powermail_form_5, .powermail_form_6, .powermail_form_7 { + float : none; + width : 100%; + } + } + .powermail_form_3 fieldset, .powermail_form_4 fieldset, .powermail_form_5 fieldset, .powermail_form_6 fieldset, .powermail_form_7 fieldset { + margin : 0; + padding : 0; + border : none; + } + .powermail_form_3 fieldset legend, .powermail_form_4 fieldset legend, .powermail_form_5 fieldset legend, .powermail_form_6 fieldset legend, .powermail_form_7 fieldset legend { + display : none; + } + .powermail_form_3 fieldset > div + div, .powermail_form_4 fieldset > div + div, .powermail_form_5 fieldset > div + div, .powermail_form_6 fieldset > div + div, .powermail_form_7 fieldset > div + div { + margin-top : 15px; + } + .powermail_form_3 h3, .powermail_form_4 h3, .powermail_form_5 h3, .powermail_form_6 h3, .powermail_form_7 h3 { + display : none; + } + .powermail_form_3 div label, .powermail_form_4 div label, .powermail_form_5 div label, .powermail_form_6 div label, .powermail_form_7 div label { + float : none; + display : block; + width : 100%; + margin-bottom : 2px; + } + .powermail_form_3 div input, .powermail_form_4 div input, .powermail_form_5 div input, .powermail_form_6 div input, .powermail_form_7 div input { + display : block; + border : #c6c6c6 solid 1px; + height : 30px; + width : 400px; + width : 100%; + padding : 0 10px; + color : #333; + } + .powermail_form_3 div input[type="submit"], .powermail_form_4 div input[type="submit"], .powermail_form_5 div input[type="submit"], .powermail_form_6 div input[type="submit"], .powermail_form_7 div input[type="submit"] { + width : 100px; + cursor : pointer; + } + .powermail_form_3 div textarea, .powermail_form_4 div textarea, .powermail_form_5 div textarea, .powermail_form_6 div textarea, .powermail_form_7 div textarea { + display : block; + margin-top : 5px; + resize : none; + width : 400px; + width : 100%; + height : 150px; + border : #c6c6c6 solid 1px; + padding : 5px 10px; + color : #333; + } + .powermail_form_3 div .parsley-required, .powermail_form_3 div .parsley-custom-error-message, .powermail_form_4 div .parsley-required, .powermail_form_4 div .parsley-custom-error-message, .powermail_form_5 div .parsley-required, .powermail_form_5 div .parsley-custom-error-message, .powermail_form_6 div .parsley-required, .powermail_form_6 div .parsley-custom-error-message, .powermail_form_7 div .parsley-required, .powermail_form_7 div .parsley-custom-error-message { + font-size : 12px; + line-height : normal; + color : #be1622; + } + .powermail_form_3 div.powermail_fieldwrap_textarea label, .powermail_form_4 div.powermail_fieldwrap_textarea label, .powermail_form_5 div.powermail_fieldwrap_textarea label, .powermail_form_6 div.powermail_fieldwrap_textarea label, .powermail_form_7 div.powermail_fieldwrap_textarea label { + width : auto; + } + .powermail_form_3 div.powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check { + position : relative; + } + .powermail_form_3 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_4 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_5 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_6 div.powermail_fieldwrap_check .powermail_check_inner, .powermail_form_7 div.powermail_fieldwrap_check .powermail_check_inner { + position : relative; + padding-left : 20px; + } + .powermail_form_3 div.powermail_fieldwrap_check label, .powermail_form_4 div.powermail_fieldwrap_check label, .powermail_form_5 div.powermail_fieldwrap_check label, .powermail_form_6 div.powermail_fieldwrap_check label, .powermail_form_7 div.powermail_fieldwrap_check label { + font-size : 12px; + line-height : normal; + max-width : 100%; + } + .powermail_form_3 div.powermail_fieldwrap_check label a, .powermail_form_4 div.powermail_fieldwrap_check label a, .powermail_form_5 div.powermail_fieldwrap_check label a, .powermail_form_6 div.powermail_fieldwrap_check label a, .powermail_form_7 div.powermail_fieldwrap_check label a { + font-size : 12px; + line-height : normal; + } + .powermail_form_3 div.powermail_fieldwrap_check input, .powermail_form_4 div.powermail_fieldwrap_check input, .powermail_form_5 div.powermail_fieldwrap_check input, .powermail_form_6 div.powermail_fieldwrap_check input, .powermail_form_7 div.powermail_fieldwrap_check input { + width : auto; + height : auto; + position : absolute; + left : 0; + top : 2px; + margin : 0; + } + .powermail_form_3 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_4 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_5 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_6 div.powermail_fieldwrap_check + .powermail_fieldwrap_check, .powermail_form_7 div.powermail_fieldwrap_check + .powermail_fieldwrap_check { + margin-top : 0; + } + .powermail_form_3 .textOverSendButton, .powermail_form_4 .textOverSendButton, .powermail_form_5 .textOverSendButton, .powermail_form_6 .textOverSendButton, .powermail_form_7 .textOverSendButton { + font-size : 12px; + margin-top : 25px; + margin-bottom : 0; + } + .firstSection { + max-height : 870px; + position : relative; + overflow : hidden; + } + .firstSection > a { + display : block; + } + .firstSection > a + div { + position : absolute; + top : 0; + right : 0; + bottom : 0; + left : 0; + z-index : 100; + background : rgba(0, 0, 0, 0.4); + } + .firstSection > a + div img:first-of-type { + position : absolute; + z-index : 150; + top : 50%; + margin-top : -49px; + text-align : center; + left : 50%; + margin-left : -183px; + } + @media screen and (max-width:480px) { + .firstSection > a + div img:first-of-type { + max-width : 250px; + margin-left : -125px; + margin-top : -33px; + } + } + .firstSection > a + div img:first-of-type + img { + position : absolute; + left : 50%; + margin-left : -58px; + bottom : 40px; + } + @media screen and (max-width:600px) { + .firstSection > a + div img:first-of-type + img { + display : none; + } + } + .firstSection video { + width : 100%; + display : block; + } + .firstSection figure { + margin : 0; + padding : 0; + width : 100%; + } + .firstSection figure img { + width : 100%; + } + .firstSection video + .linkLayout, .firstSection figure + .linkLayout { + position : absolute; + top : 0; + right : 0; + bottom : 0; + left : 0; + z-index : 100; + background : rgba(0, 0, 0, 0.4); + } + .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type { + position : absolute; + z-index : 150; + top : 50%; + margin-top : -49px; + text-align : center; + left : 50%; + margin-left : -183px; + } + @media screen and (max-width:480px) { + .firstSection video + .linkLayout img:first-of-type, .firstSection figure + .linkLayout img:first-of-type { + max-width : 250px; + margin-left : -125px; + margin-top : -33px; + } + } + .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img { + position : absolute; + left : 50%; + margin-left : -58px; + bottom : 40px; + } + @media screen and (max-width:600px) { + .firstSection video + .linkLayout img:first-of-type + img, .firstSection figure + .linkLayout img:first-of-type + img { + display : none; + } + } + .secondSection { + background : #0067b1; + } + .secondSection h2, .secondSection .ce-table table caption, .ce-table table .secondSection caption { + font-size : 40px; + font-weight : 400; + color : #fff; + line-height : normal; + text-align : left; + margin : 0 0 26px 0; + } + .secondSection h2:after, .secondSection .ce-table table caption:after, .ce-table table .secondSection caption:after { + display : none; + } + .secondSection p { + color : #fff; + max-width : 540px; + } + .secondSection div.inner { + padding : 0 25px 50px 25px; + } + .secondSection div.inner:first-of-type { + padding-top : 130px; + } + .secondSection div.inner:first-of-type .big { + position : absolute; + top : -70px; + right : 95px; + z-index : 5; + } + .secondSection div.inner:first-of-type .medium { + position : absolute; + bottom : -85px; + left : -5px; + } + .secondSection div.inner:first-of-type .small { + position : absolute; + left : 40px; + top : -25px; + } + .secondSection div.inner:nth-of-type(2) .big { + position : absolute; + top : -48px; + left : 16px; + z-index : 5; + } + .secondSection div.inner:nth-of-type(2) .medium { + position : absolute; + bottom : -75px; + left : 40px; + } + .secondSection div.inner:nth-of-type(2) .small { + position : absolute; + right : 90px; + top : 115px; + } + .secondSection div.inner:nth-of-type(3) h2, .secondSection div.inner:nth-of-type(3) .ce-table table caption, .ce-table table .secondSection div.inner:nth-of-type(3) caption { + margin-top : 0; + } + .secondSection div.inner:nth-of-type(3) .big { + position : absolute; + bottom : -75px; + left : 40px; + z-index : 5; + } + .secondSection div.inner:nth-of-type(3) .medium { + position : absolute; + top : -48px; + left : 16px; + } + .secondSection div.inner:nth-of-type(3) .small { + position : absolute; + right : 90px; + top : 115px; + } + .secondSection div.inner:nth-of-type(4) .big { + position : absolute; + top : -48px; + left : 16px; + z-index : 5; + } + .secondSection div.inner:nth-of-type(4) .medium { + position : absolute; + bottom : -75px; + left : 40px; + } + .secondSection div.inner:nth-of-type(4) .small { + position : absolute; + right : 90px; + top : 115px; + } + .secondSection div.inner:last-of-type { + padding-bottom : 130px; + text-align : center; + } + .secondSection div.inner .left { + float : left; + width : 50%; + position : relative; + } + .secondSection div.inner .right { + float : left; + width : 50%; + position : relative; + } + .secondSection div.inner .default { + position : relative; + z-index : 15; + } + @media screen and (max-width:1180px) { + .secondSection div.inner .small, .secondSection div.inner .medium, .secondSection div.inner .big { + display : none !important ; + } + .secondSection div.inner .right { + padding-left : 3%; + padding-right : 3%; + } + .secondSection div.inner .left { + padding-right : 5%; + } + } + .secondSection div.inner + div { + margin-top : 130px; + } + @media screen and (max-width:1024px) { + .secondSection .animatedParent { + display : none; + } + .secondSection div.inner:first-of-type { + padding-top : 50px; + } + .secondSection div.inner:last-of-type { + padding-bottom : 50px; + } + .secondSection div.inner .right:not(.animatedParent) { + padding : 0; + margin : 0 auto; + float : none; + width : 100%; + } + .secondSection div.inner .right:not(.animatedParent) h2, .secondSection div.inner .right:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .right:not(.animatedParent) caption { + font-size : 30px; + line-height : normal; + margin : 0 0 15px 0; + } + .secondSection div.inner .right:not(.animatedParent) p { + max-width : none; + } + .secondSection div.inner .left:not(.animatedParent) { + padding : 0; + margin : 0 auto; + float : none; + width : 100%; + } + .secondSection div.inner .left:not(.animatedParent) h2, .secondSection div.inner .left:not(.animatedParent) .ce-table table caption, .ce-table table .secondSection div.inner .left:not(.animatedParent) caption { + font-size : 30px; + line-height : normal; + margin : 0 0 15px 0; + } + .secondSection div.inner .left:not(.animatedParent) p { + max-width : none; + } + .secondSection div.inner + div { + margin-top : 50px; + } + } + @media screen and (max-width:768px) { + .secondSection div.inner .right:not(.animatedParent) { + width : 100%; + } + .secondSection div.inner .right:not(.animatedParent) p { + max-width : none; + } + .secondSection div.inner .left:not(.animatedParent) { + width : 100%; + } + .secondSection div.inner .left:not(.animatedParent) p { + max-width : none; + } + } + @media screen and (max-width:480px) { + .secondSection div.inner img { + max-width : 250px; + } + } + .thirdSection { + text-align : center; + background : #fc0; + padding-top : 100px; + } + .thirdSection .inner { + padding : 100px 25px 170px 25px; + } + .thirdSection .left { + float : left; + width : 50%; + position : relative; + } + .thirdSection .right { + float : left; + width : 50%; + position : relative; + padding-top : 110px; + } + .thirdSection .right a { + margin-bottom : 30px; + } + .thirdSection h2, .thirdSection .ce-table table caption, .ce-table table .thirdSection caption { + font-size : 40px; + text-align : center; + margin : 0 0 15px 0; + color : #333; + } + .thirdSection p { + color : #333; + text-align : center; + margin : 0 0 40px 0; + } + .thirdSection .buttonContainer { + text-align : center; + } + .thirdSection .default { + z-index : 10; + position : relative; + left : 55px; + left : 0; + } + .thirdSection .big { + position : absolute; + bottom : 50px; + left : -40px; + z-index : 5; + } + .thirdSection .medium { + position : absolute; + left : 165px; + top : -65px; + } + .thirdSection .small { + position : absolute; + bottom : 0; + right : 60px; + } + @media screen and (max-width:1250px) { + .thirdSection .default { + left : 25px; + } + } + @media screen and (max-width:1180px) { + .thirdSection { + padding-top : 0; + } + .thirdSection .default { + left : 0; + } + .thirdSection .small, .thirdSection .medium, .thirdSection .big { + display : none !important ; + } + .thirdSection .left { + padding-right : 5%; + } + .thirdSection .right { + padding-left : 3%; + padding-right : 3%; + } + } + @media screen and (max-width:1024px) { + .thirdSection { + padding-top : 0; + } + .thirdSection .inner { + padding-top : 50px; + padding-bottom : 50px; + } + .thirdSection .inner h2, .thirdSection .inner .ce-table table caption, .ce-table table .thirdSection .inner caption { + font-size : 30px; + line-height : normal; + margin : 0 0 15px 0; + } + .thirdSection .inner a { + font-size : 22px; + line-height : normal; + } + .thirdSection .left { + display : none; + } + .thirdSection .right { + float : none; + width : 100%; + padding : 0; + } + } + .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 { + float : left; + border : transparent solid 1px; + position : relative; + } + @media screen and (max-width:1024px) { + .wrapsvg, .wrapsvg1, .wrapsvg4, .wrapsvg2, .wrapsvg3 { + display : none !important ; + } + } + .wrapsvg1 { + left : -705px; + top : 128px; + } + .wrapsvg4 { + left : -705px; + top : 128px; + } + .wrapsvg2 { + left : -15px; + top : -140px; + } + .wrapsvg3 { + left : -700px; + top : 60px; + } + .svg1 { + position : absolute; + } + .svg2 { + position : absolute; + } + .svg3 { + position : absolute; + } + .svg4 { + position : absolute; + } + nav.section { + position : fixed; + top : 50%; + right : 20px; + z-index : 9999; + } + @media screen and (max-width:1024px) { + nav.section { + display : none; + } + } + nav.section ul li { + width : 20px; + height : 20px; + border-radius : 25px; + background : #fff; + display : block; + cursor : pointer; + transition : all 0.3s; + } + nav.section ul li a { + z-index : 100; + display : none; + padding : 14px 10px; + margin-top : -3px; + right : 48px; + font-size : 12px; + text-decoration : none; + } + nav.section ul li + li { + margin-top : 5px; + } + nav.section ul li:hover a { + display : inline; + position : fixed; + color : #fff; + height : 10px; + line-height : 2px; + text-align : center; + background : #be1622; + } + nav.section ul li.active { + width : 15px; + height : 15px; + transition : all 0.3s; + margin : 5px auto 0 auto; + } + .newsletter { + width : 100%; + padding : 50px 0 0 0; + background : #ececec; + position : relative; + } + .newsletter:after, .newsletter:before { + top : 0; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .newsletter:after { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .newsletter:before { + border-color : rgba(255, 255, 255, 0); + border-top-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .newsletter .right { + float : right; + width : 100%; + max-width : 463px; + max-width : 420px; + } + @media screen and (max-width:900px) { + .newsletter .right { + float : none; + width : 100%; + max-width : none; + padding : 0 25px; + } + } + .newsletter .firstrow { + width : 100%; + max-width : 840px; + margin : 0 auto; + } + .newsletter .firstrow h2, .newsletter .firstrow .ce-table table caption, .ce-table table .newsletter .firstrow caption { + text-align : left; + } + .newsletter .firstrow h2:after, .newsletter .firstrow .ce-table table caption:after, .ce-table table .newsletter .firstrow caption:after { + margin : 10px 0 0 0; + } + .newsletter .firstrow p { + font-weight : 700; + color : #333; + margin : 0 0 30px 0; + } + .newsletter .firstrow ul { + margin : 0; + padding : 0; + list-style : none; + } + .newsletter .firstrow ul li { + display : block; + color : #333; + font-weight : 700; + } + .newsletter .firstrow ul li span { + font-size : 22px; + margin-right : 10px; + border-radius : 50px; + border : #333 solid 2px; + padding : 10px; + vertical-align : sub; + } + .newsletter .firstrow ul li p { + margin : 0; + display : inline-block; + vertical-align : middle; + } + @media screen and (max-width:440px) { + .newsletter .firstrow ul li p { + width : 80%; + } + } + @media screen and (max-width:360px) { + .newsletter .firstrow ul li p { + width : 70%; + } + } + .newsletter .firstrow ul li + li { + margin-top : 10px; + } + .newsletter .secondrow { + background : #333; + padding : 60px 0; + margin-top : 30px; + } + .newsletter .secondrow .inner { + max-width : 836px; + position : relative; + } + .newsletter .secondrow img { + position : absolute; + left : 0; + left : 50px; + bottom : 0; + box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.4); + } + @media screen and (max-width:900px) { + .newsletter .secondrow img { + display : none; + } + } + .newsletter .secondrow .button { + text-align : center; + } + .newsletter .secondrow .button.animation span, .newsletter .secondrow .button.animation i { + display : inline-block; + padding-left : 0; + transition : all 0.7s; + } + .newsletter .secondrow .button.animation span + i { + padding-left : 5px; + transition : all 0.7s; + } + .newsletter .secondrow .button.animation i + span { + padding-left : 5px; + transition : all 0.7s; + } + .newsletter .secondrow .button.animation:hover span + i { + padding-left : 10px; + transition : all 0.7s; + } + .newsletter .secondrow .button.animation:hover i + span { + padding-left : 10px; + transition : all 0.7s; + } + .ce-download { + float : left; + width : 42%; + margin-bottom : 50px; + } + .ce-download h2, .ce-download .ce-table table caption, .ce-table table .ce-download caption { + text-align : left; + } + .ce-download h2:after, .ce-download .ce-table table caption:after, .ce-table table .ce-download caption:after { + margin : 10px 0 0 0; + } + .ce-download strong { + font-weight : 700; + font-size : 72px; + line-height : 3.3rem; + color : #333; + margin : 0 0 15px 0; + display : block; + } + .ce-download .date { + margin : 0 0 30px 0; + font-size : 14px; + line-height : normal; + color : #333; + } + .ce-download .agbContainer { + margin-top : 30px; + margin-bottom : 25px; + padding-left : 30px; + position : relative; + font-size : 14px; + line-height : normal; + } + .ce-download .agbContainer a { + color : #0067b1; + text-decoration : none; + } + .ce-download .agbContainer a:hover { + text-decoration : underline; + } + .ce-download .agbContainer input { + position : absolute; + left : 0; + top : 1px; + width : 20px; + height : 20px; + } + .ce-download .shortDescription { + margin-top : 0; + font-size : 14px; + line-height : normal; + } + .ce-download .Dbutton { + color : #fff; + background : #df8e96; + text-decoration : none; + width : 100%; + max-width : 280px; + display : block; + padding : 15px; + border : none; + outline : none; + text-align : left; + font-size : 22px; + line-height : normal; + } + .ce-download .Dbutton span { + font-size : 15px; + line-height : normal; + display : block; + margin-top : 5px; + } + .ce-download .Dbutton.active { + background : #be1622; + cursor : pointer; + } + .ce-download .Dbutton + div + .Dbutton, .ce-download .Dbutton + .Dbutton { + margin-top : 20px; + } + .ce-download .Dbutton.github { + background : #ececec; + color : #333; + padding : 20px 15px; + } + .ce-download .Dbutton.github span { + font-size : 45px; + vertical-align : sub; + margin-right : 8px; + margin-left : 15px; + display : inline-block; + } + .downloadOverlayContainer { + background : #fff; + padding : 25px 50px; + max-width : 720px; + margin : 0 auto; + position : relative; + } + .downloadOverlayContainer h1, .downloadOverlayContainer h2, .downloadOverlayContainer .ce-table table caption, .ce-table table .downloadOverlayContainer caption, .downloadOverlayContainer h3 { + font-size : 16px; + line-height : normal; + color : #333; + font-weight : 400; + text-align : center; + margin : 0 0 15px 0; + } + .downloadOverlayContainer h3 { + font-weight : 700; + } + .downloadOverlayContainer .input { + background : #ececec; + padding : 8px 12px; + border : #333 dotted 1px; + display : inline-block; + width : 65%; + color : #0067b1; + overflow-x : auto; + height : 40px; + } + .downloadOverlayContainer .copyButton { + background : #0067b1; + color : #fff; + font-size : 15px; + line-height : normal; + padding : 8px 5px; + display : inline-block; + width : 32%; + text-align : center; + vertical-align : top; + border : none; + outline : none; + cursor : pointer; + height : 40px; + } + .downloadOverlayContainer .copyButton i { + margin-right : 5px; + } + @media screen and (max-width:720px) { + .downloadOverlayContainer { + padding : 25px 25px; + } + .downloadOverlayContainer .input { + display : block; + width : 100%; + height : auto; + } + .downloadOverlayContainer .copyButton { + display : block; + width : 100%; + height : auto; + } + } + .mfp-wrap { + overflow-x : scroll !important ; + } + .ce-downloadhinweis { + float : right; + width : 50%; + margin-bottom : 50px; + } + .ce-downloadhinweis h2, .ce-downloadhinweis .ce-table table caption, .ce-table table .ce-downloadhinweis caption { + text-align : left; + } + .ce-downloadhinweis h2:after, .ce-downloadhinweis .ce-table table caption:after, .ce-table table .ce-downloadhinweis caption:after { + margin : 10px 0 0 0; + } + .ce-downloadhinweis p + p { + margin-top : 30px; + } + .ce-downloadhinweis p + ol, .ce-downloadhinweis p + ul { + margin-top : 25px; + } + .ce-downloadhinweis ul { + margin : 0; + padding : 0; + list-style : none; + } + .ce-downloadhinweis ul li { + color : #333; + } + .ce-downloadhinweis ul li a { + text-decoration : none; + color : #333; + font-size : 15px; + line-height : normal; + } + .ce-downloadhinweis ul li a:hover { + text-decoration : underline; + } + .ce-downloadhinweis ul li + li { + margin-top : 3px; + } + .ce-downloadhinweis ul li:before { + content : "\f178"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + margin-right : 5px; + } + .ce-downloadhinweis ol { + margin : 0; + padding : 0; + list-style : none; + } + .ce-downloadhinweis ol li { + display : block; + counter-increment : olliste; + } + .ce-downloadhinweis ol li:before { + content : counter(olliste) "."; + font-weight : 700; + font-size : 32px; + line-height : normal; + color : #bbbbbb; + margin-right : 5px; + } + .ce-downloadhinweis ol li + li { + margin-top : 15px; + } + .ce-downloadhinweis ol + p { + margin-top : 25px; + } + @media screen and (max-width:768px) { + .ce-download { + float : none; + width : 100%; + } + .ce-downloadhinweis { + float : none; + width : 100%; + } + } + .ce-youtube-text { + margin-bottom : 50px; + } + .ce-youtube-text h2, .ce-youtube-text .ce-table table caption, .ce-table table .ce-youtube-text caption { + margin-top : 0; + } + .ce-youtube-text .left, .ce-youtube-text .right { + float : left; + width : calc((100% - 20px) / 2); + } + @media screen and (max-width:767px) { + .ce-youtube-text .left, .ce-youtube-text .right { + float : none; + width : 100%; + } + } + .ce-youtube-text .left iframe { + width : 100% !important ; + height : 315px; + } + .ce-youtube-text .right { + margin-left : 20px; + } + .ce-youtube-text .right a { + display : block; + margin-top : 15px; + } + @media screen and (max-width:767px) { + .ce-youtube-text .right { + margin-left : 0; + margin-top : 20px; + } + } + .ce-youtube-slider { + margin-bottom : 50px; + } + .ce-youtube-slider .inner.small, .ce-youtube-slider .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .ce-youtube-slider .tx-felogin-pi1-inner { + position : relative; + } + .ce-youtube-slider a { + text-decoration : none; + } + .ce-youtube-slider p { + margin : 3px 0 0 0; + color : #333; + } + .ce-youtube-slider + div, .ce-youtube-slider + section { + border-top : 1px solid #c6c6c6; + padding-top : 50px; + } + .ce-youtube-slider .swiper-button-prev-small-youtube, .ce-youtube-slider .swiper-button-next-small-youtube { + padding : 12px 10px; + background : #ececec; + width : 30px; + } + .ce-youtube-slider .swiper-button-prev-small-youtube i.fa, .ce-youtube-slider .swiper-button-next-small-youtube i.fa { + padding-left : 0; + } + .ce-youtube-slider .swiper-button-next-small-youtube { + right : -30px; + } + .ce-youtube-slider .swiper-button-prev-small-youtube { + left : -30px; + } + .ce-youtube-slider .swiper-slide a div { + max-height : 140px; + height : auto; + overflow : hidden; + } + .ce-youtube-slider .swiper-slide a div img { + width : 100%; + } + @media screen and (max-width:640px) { + .ce-youtube-slider .swiper-slide a div { + max-height : none; + } + } + .shopDetailsContainer { + background : #ececec; + padding : 10px 0; + margin-bottom : 10px; + } + .shopDetailsContainer .left { + float : left; + min-height : 1px; + } + .shopDetailsContainer .left a { + color : #333; + font-weight : 600; + font-size : 14px; + line-height : normal; + text-decoration : none; + } + .shopDetailsContainer .left a i { + font-size : 12px; + } + .shopDetailsContainer .right { + float : right; + min-height : 1px; + } + .shopDetailsContainer .right ul li { + display : inline-block; + } + .shopDetailsContainer .right ul li a { + color : #333; + font-weight : 600; + font-size : 14px; + line-height : normal; + text-decoration : none; + } + .shopDetailsContainer .right ul li + li { + margin-left : 5px; + } + .shopDetailsContainer .tx-sy-osbeeproducts { + padding : 0; + } + .shopDetailsContainer .tx-sy-osbeeproducts ul { + display : inline-block; + } + .shopDetailsContainer .changeMoney span { + position : relative; + margin-right : 5px; + color : #333; + font-weight : 600; + font-size : 14px; + line-height : normal; + } + .shopDetailsContainer .changeMoney li { + position : relative; + margin-right : 5px; + color : #333; + font-weight : 600; + font-size : 14px; + line-height : normal; + } + .shopDetailsContainer .changeMoney li a { + color : #333; + font-weight : 600; + font-size : 14px; + line-height : normal; + text-decoration : none; + } + .shopDetailsContainer .changeMoney li ul { + width : 85px; + display : none; + position : absolute; + background : #fff; + padding : 5px 10px; + box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35); + top : 32px; + left : 0; + } + .shopDetailsContainer .changeMoney li ul:before { + content : ""; + height : 15px; + width : 100%; + position : absolute; + top : -15px; + } + .shopDetailsContainer .changeMoney li ul li a { + padding-left : 0; + } + .shopDetailsContainer .changeMoney li:hover ul { + display : block; + } + .marketplace-wrapper { + padding : 50px 0; + } + @media screen and (max-width:1120px) { + .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner { + padding : 50px 25px; + } + } + @media screen and (max-width:767px) { + .marketplace-wrapper.inner.small, .tx-felogin-pi1 .marketplace-wrapper.tx-felogin-pi1-inner { + padding : 0 25px; + } + } + .marketplace-wrapper .mp-mobile { + display : none; + margin-bottom : 0; + margin-top : 25px; + margin-bottom : 25px; + } + .marketplace-wrapper .mp-mobile button { + width : 100%; + outline : none; + border : none; + } + @media screen and (max-width:767px) { + .marketplace-wrapper .mp-mobile { + display : block; + } + } + .marketplace-wrapper .mp-sidebar { + float : left; + width : 24.27%; + min-height : 1px; + margin-right : 0.97%; + } + .marketplace-wrapper .mp-sidebar.right { + margin-right : 0; + margin-left : 0.97%; + } + .marketplace-wrapper .mp-sidebar.right > div { + margin-bottom : 0; + } + .marketplace-wrapper .mp-sidebar.right > div + div { + margin-top : 30px; + } + @media screen and (max-width:767px) { + .marketplace-wrapper .mp-sidebar { + float : none; + width : 100%; + margin-right : 0; + display : none; + margin-bottom : 25px; + } + .marketplace-wrapper .mp-sidebar.active { + display : block; + } + .marketplace-wrapper .mp-sidebar.right { + margin-left : 0; + display : block; + } + } + .marketplace-wrapper .mp-sidebar > div { + margin-bottom : 99px; + } + .marketplace-wrapper .mp-sidebar > div + div { + margin-top : 40px; + margin-bottom : 0; + } + .marketplace-wrapper .mp-sidebar h2, .marketplace-wrapper .mp-sidebar .ce-table table caption, .ce-table table .marketplace-wrapper .mp-sidebar caption { + text-align : left; + color : #333; + text-transform : uppercase; + font-size : 16px; + line-height : normal; + font-weight : 700; + margin : 0 0 10px 0; + font-family : "Open Sans", sans-serif; + padding-bottom : 3px; + border-bottom : 2px solid #fc0; + } + .marketplace-wrapper .mp-sidebar h2:after, .marketplace-wrapper .mp-sidebar .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-sidebar caption:after { + display : none; + } + .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"], .marketplace-wrapper .mp-sidebar .mp-suche select { + height : 40px; + border : #818181 solid 1px; + padding : 5px 10px; + width : 100%; + font-size : 14px; + } + .marketplace-wrapper .mp-sidebar .mp-suche input[type="text"] { + margin-bottom : 10px; + } + .marketplace-wrapper .mp-sidebar .mp-suche input[type="submit"] { + width : 100%; + height : 40px; + border : none; + outline : none; + font-size : 16px; + line-height : normal; + font-weight : 700; + color : #fff; + background : #0067b1; + text-align : left; + padding : 10px; + cursor : pointer; + position : relative; + margin-top : 5px; + } + .marketplace-wrapper .mp-sidebar .mp-suche form { + position : relative; + } + .marketplace-wrapper .mp-sidebar .mp-suche form:after { + content : "\f105"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + margin-left : 5px; + position : absolute; + right : 10px; + bottom : 9px; + color : #fff; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li { + display : block; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a { + text-decoration : none; + color : #333; + font-size : 16px; + line-height : normal; + font-weight : 700; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li a:hover, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a:hover { + text-decoration : underline; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a { + display : block; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser { + width : 20px; + height : 20px; + float : left; + color : #fff; + text-align : center; + margin-right : 10px; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li > a .mp-categoryteaser i, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li > a .mp-categoryteaser i { + text-align : center; + vertical-align : middle; + color : #fff; + font-size : 10px; + padding : 0 0 3px 0; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul { + margin-top : 8px; + margin-left : 20px; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li { + padding-left : 10px; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li a, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li a { + font-weight : 400; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li ul li + li { + margin-top : 5px; + } + .marketplace-wrapper .mp-sidebar .mp-category nav ul li + li, .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li { + margin-top : 12px; + } + .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li a { + font-weight : 400; + } + .marketplace-wrapper .mp-sidebar .mp-downloads nav ul li + li { + margin-top : 10px; + } + .marketplace-wrapper .mp-sidebar .mp-info img { + display : block; + } + .marketplace-wrapper .mp-sidebar .mp-info img + p { + font-size : 13px; + line-height : normal; + margin : 15px 0 0 0; + } + .marketplace-wrapper .mp-sidebar .mp-info img + p + p { + margin-top : 15px; + } + .marketplace-wrapper .mp-sidebar .mp-buttons a { + text-decoration : none; + color : #fff; + background : #0067b1; + width : 100%; + display : block; + font-size : 16px; + line-height : normal; + font-weight : 700; + text-transform : uppercase; + text-align : center; + padding : 15px; + } + .marketplace-wrapper .mp-sidebar .mp-buttons a + a { + margin-top : 10px; + } + .marketplace-wrapper .mp-sidebar .mp-buttons a.blue { + background : #0067b1; + } + .marketplace-wrapper .mp-sidebar .mp-buttons a.nobutton { + padding : 0; + color : #333; + background : transparent; + } + .marketplace-wrapper .mp-sidebar .mp-productspecifikation { + background : #ececec; + padding : 15px 10px 30px 10px; + } + .marketplace-wrapper .mp-sidebar .mp-productspecifikation p { + margin : 0; + font-size : 13px; + line-height : normal; + } + .marketplace-wrapper .mp-sidebar .mp-productspecifikation p + p { + margin-top : 30px; + } + .marketplace-wrapper .mp-sidebar .mp-productspecifikation p a { + color : #0067b1; + font-weight : 700; + text-decoration : none; + } + .marketplace-wrapper .mp-sidebar .mp-productShare p { + margin : 0; + font-weight : 700; + } + .marketplace-wrapper .mp-sidebar .mp-productShare br { + display : none; + } + .marketplace-wrapper .mp-sidebar .mp-productShare .shariff .orientation-horizontal { + text-align : left !important ; + } + .marketplace-wrapper .mp-contentContainer { + float : left; + width : 74.76%; + min-height : 1px; + } + .marketplace-wrapper .mp-contentContainer.detailseite { + width : 49.51%; + padding-top : 25px; + } + @media screen and (max-width:767px) { + .marketplace-wrapper .mp-contentContainer { + float : none; + width : 100%; + margin-bottom : 25px; + } + .marketplace-wrapper .mp-contentContainer.detailseite { + width : 100%; + } + } + .marketplace-wrapper .mp-contentContainer .mp-banner { + width : 100%; + height : auto; + margin-bottom : 30px; + position : relative; + } + @media screen and (max-width:480px) { + .marketplace-wrapper .mp-contentContainer .mp-banner { + display : none; + } + } + .marketplace-wrapper .mp-contentContainer .mp-banner div { + position : absolute; + top : 40px; + left : 40px; + } + @media screen and (max-width:1024px) { + .marketplace-wrapper .mp-contentContainer .mp-banner div { + top : 20px; + left : 20px; + } + } + .marketplace-wrapper .mp-contentContainer .mp-banner div h2, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption { + color : #fff; + font-weight : 700; + text-align : left; + font-size : 32px; + line-height : normal; + text-transform : uppercase; + margin-top : 0; + font-family : "Open Sans", sans-serif; + } + .marketplace-wrapper .mp-contentContainer .mp-banner div h2:after, .marketplace-wrapper .mp-contentContainer .mp-banner div .ce-table table caption:after, .ce-table table .marketplace-wrapper .mp-contentContainer .mp-banner div caption:after { + margin : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-banner div p { + color : #fff; + margin : 0; + font-size : 13px; + line-height : normal; + } + .marketplace-wrapper .mp-contentContainer .mp-banner div p + p { + margin-top : 15px; + } + @media screen and (max-width:767px) { + .marketplace-wrapper .mp-contentContainer .mp-banner div p { + display : none; + } + } + .marketplace-wrapper .mp-contentContainer .mp-banner div a { + color : #fff; + text-decoration : none; + font-size : 13px; + line-height : normal; + display : block; + margin-top : 15px; + text-transform : uppercase; + } + .marketplace-wrapper .mp-contentContainer .mp-banner div a:after { + content : "\f178"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + margin-left : 5px; + } + .marketplace-wrapper .mp-contentContainer .mp-banner div a:hover { + text-decoration : underline; + } + .marketplace-wrapper .mp-contentContainer .mp-filter { + width : 100%; + margin-bottom : 20px; + } + @media screen and (min-width:600px) { + .marketplace-wrapper .mp-contentContainer .mp-filter ul { + display : flex; + flex-wrap : nowrap; + } + } + .marketplace-wrapper .mp-contentContainer .mp-filter ul li { + background : #bbbbbb; + color : #fff; + cursor : pointer; + padding : 15px 0; + font-weight : 700; + text-transform : uppercase; + text-align : center; + } + @media screen and (min-width:600px) { + .marketplace-wrapper .mp-contentContainer .mp-filter ul li { + flex-direction : column; + order : 4; + flex-grow : 4; + } + } + .marketplace-wrapper .mp-contentContainer .mp-filter ul li.active, .marketplace-wrapper .mp-contentContainer .mp-filter ul li:hover { + background : #333; + } + .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li { + margin-left : 10px; + } + @media screen and (max-width:1024px) { + .marketplace-wrapper .mp-contentContainer .mp-filter ul li { + font-size : 13px; + line-height : normal; + } + } + @media screen and (max-width:768px) { + .marketplace-wrapper .mp-contentContainer .mp-filter ul li { + font-size : 12px; + line-height : normal; + } + } + @media screen and (max-width:600px) { + .marketplace-wrapper .mp-contentContainer .mp-filter ul li + li { + margin-left : 0; + margin-top : 10px; + } + } + .marketplace-wrapper .mp-contentContainer .mp-content article { + float : left; + width : 250px; + width : calc((100% - 21px) / 3); + border : #818181 solid 1px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article + article { + margin-left : 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) { + margin-left : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 4) { + margin-top : 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article > a { + display : block; + height : 100%; + position : relative; + padding-bottom : 50px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header { + position : relative; + padding : 10px 10px 0 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser { + display : block; + float : left; + max-width : 70px; + margin-right : 10px; + width : 54px; + height : 54px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productimage i, .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productcategoryteaser i { + text-align : center; + vertical-align : middle; + color : #fff; + font-size : 24px; + padding : 15px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header h3 { + font-size : 16px; + line-height : normal; + color : #333; + font-weight : 400; + margin : 0 0 10px 0; + max-width : calc(100% - 70px); + float : left; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header span { + font-size : 11px; + line-height : normal; + display : block; + font-weight : 400; + color : #333; + clear : both; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner { + position : absolute; + top : 0; + right : 0; + z-index : 800; + } + @media screen and (max-width:1120px) { + .marketplace-wrapper .mp-contentContainer .mp-content article header .mp-productbanner { + display : none; + } + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer { + position : relative; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty { + position : absolute; + top : 0; + left : 0; + width : 0%; + overflow : hidden; + height : 22px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span { + color : #fc0; + position : absolute; + top : 4px; + font-size : 9px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span { + left : 12px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span { + left : 23px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span { + left : 34px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .filled span + span + span + span + span, .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty span + span + span + span + span { + left : 45px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article header .ratingContainer .empty { + position : relative; + left : auto; + right : auto; + bottom : auto; + width : 100%; + } + .marketplace-wrapper .mp-contentContainer .mp-content article main { + margin-top : 15px; + padding : 0 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article main p { + font-size : 13px; + line-height : normal; + margin : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article main p + p { + margin-top : 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article main img { + display : block; + margin-top : 15px; + max-height : 25px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer { + margin-top : 10px; + border-top : 1px solid #818181; + padding : 10px 10px 10px 10px; + position : absolute; + left : 0; + right : 0; + bottom : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer { + float : left; + position : relative; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled { + position : absolute; + top : 0; + left : 0; + width : 0%; + overflow : hidden; + height : 22px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span { + color : #fc0; + position : absolute; + top : 4px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span { + left : 19px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span { + left : 38px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span { + left : 57px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .ratingContainer .filled span + span + span + span + span { + left : 76px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .price { + float : none; + } + @media screen and (max-width:1100px) { + .marketplace-wrapper .mp-contentContainer .mp-content article footer .price { + font-size : 13px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .price span { + font-size : 10px !important ; + } + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation { + display : none; + background : #0067b1; + color : #fff; + text-align : center; + text-transform : uppercase; + font-weight : 700; + font-size : 16px; + line-height : normal; + padding : 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article footer .moreInformation:after { + content : "\f178"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + margin-left : 5px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article a { + text-decoration : none; + color : #333; + } + .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer { + padding : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .ratingContainer { + display : none; + } + .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .price { + display : none; + } + .marketplace-wrapper .mp-contentContainer .mp-content article a:hover footer .moreInformation { + display : block; + } + @media screen and (max-width:1023px) { + .marketplace-wrapper .mp-contentContainer .mp-content article { + width : calc((100% - 11px) / 2); + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) { + margin-left : 10px; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) { + margin-left : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 3) { + margin-top : 10px; + } + } + @media screen and (max-width:560px) { + .marketplace-wrapper .mp-contentContainer .mp-content article { + width : 100%; + margin-left : 0 !important ; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(3n 4) { + margin-left : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(2n 3) { + margin-left : 0; + } + .marketplace-wrapper .mp-contentContainer .mp-content article:nth-of-type(n 2) { + margin-top : 10px; + } + } + .mpdetail-content .mp-productInfo { + margin-bottom : 60px; + } + .mpdetail-content .mp-productInfo > img, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser { + float : left; + margin : 0 10px; + max-width : 110px; + display : block; + text-align : center; + height : 100px; + width : 100px; + } + .mpdetail-content .mp-productInfo > img i, .mpdetail-content .mp-productInfo > .mpdetail-productcategoryteaser i { + font-size : 40px; + vertical-align : middle; + color : #fff; + display : inline-block; + line-height : 100px; + } + .mpdetail-content .mp-productInfo > div { + float : left; + max-width : 340px; + } + .mpdetail-content .mp-productInfo > div h1 { + font-size : 16px; + line-height : normal; + color : #333; + font-weight : 700; + margin : 0 0 5px 0; + } + .mpdetail-content .mp-productInfo > div > span { + font-size : 11px; + line-height : normal; + display : block; + font-weight : 400; + color : #333; + } + .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img { + display : block; + margin : 15px 0; + float : left; + } + .mpdetail-content .mp-productInfo > div .mpdetail-auszeichnung img + img { + margin-left : 5px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer { + position : relative; + display : inline-block; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled { + position : absolute; + top : 0; + left : 0; + width : 0%; + overflow : hidden; + height : 22px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled span { + color : #fc0; + position : absolute; + top : 4px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span { + left : 19px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span { + left : 38px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span { + left : 57px; + } + .mpdetail-content .mp-productInfo > div .ratingContainer .filled span + span + span + span + span { + left : 76px; + } + .mpdetail-content .mp-productWrapper > ul li { + float : left; + width : calc(100% / 3); + background : #fff; + text-align : center; + border-top : 2px solid #ebebeb; + border-left : 2px solid #ebebeb; + cursor : pointer; + } + .mpdetail-content .mp-productWrapper > ul li a { + color : #333; + font-size : 13px; + line-height : normal; + cursor : pointer; + text-decoration : none; + font-weight : 700; + display : block; + padding : 15px; + } + @media screen and (max-width:360px) { + .mpdetail-content .mp-productWrapper > ul li a { + font-size : 11px; + line-height : normal; + } + } + .mpdetail-content .mp-productWrapper > ul li.current, .mpdetail-content .mp-productWrapper > ul li:hover { + background : #ececec; + border-top : 2px solid #fc0; + } + .mpdetail-content .mp-productWrapper > ul li.current i, .mpdetail-content .mp-productWrapper > ul li:hover i { + color : #fc0; + } + .mpdetail-content .mp-productWrapper > ul li.current { + border-left : 2px solid transparent; + border-right : 2px solid transparent; + } + .mpdetail-content .mp-productWrapper > ul li.current + li { + border-left : 2px solid #ebebeb; + } + .mpdetail-content .mp-productWrapper > ul li:nth-of-type(2).current { + border-left : 2px solid #ebebeb; + } + .mpdetail-content .mp-productWrapper > ul li + li { + border-right : 2px solid #ebebeb; + } + .mpdetail-content .mp-productWrapper > ul li + li + li { + border-left : 2px solid transparent; + } + .mpdetail-content .mp-productWrapper .mp-productTab { + display : none; + background : #ececec; + padding : 15px 10px; + } + .mpdetail-content .mp-productWrapper .mp-productTab:first-of-type { + display : block; + } + .mpdetail-content .mp-productWrapper .mp-productTab h3 { + color : #333; + margin : 0 0 10px 0; + font-size : 18px; + line-height : normal; + font-weight : 700; + } + .mpdetail-content .mp-productWrapper .mp-productTab a { + font-size : 13px; + line-height : normal; + } + .mpdetail-content .mp-productWrapper .mp-productTab p { + margin : 0; + font-size : 13px; + line-height : normal; + color : #333; + } + .mpdetail-content .mp-productWrapper .mp-productTab p a { + font-size : 13px; + line-height : normal; + } + .mpdetail-content .mp-productWrapper .mp-productTab p + p { + margin-top : 15px; + } + .mpdetail-content .mp-productWrapper .mp-productTab ul { + margin : 10px 0 0 0; + padding : 0; + list-style-type : none; + } + .mpdetail-content .mp-productWrapper .mp-productTab ul li { + position : relative; + padding-left : 15px; + font-size : 13px; + line-height : normal; + } + .mpdetail-content .mp-productWrapper .mp-productTab ul li:before { + content : "\f054"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + position : absolute; + top : 4px; + left : 0; + color : #333; + font-size : 12px; + } + .mpdetail-content .mp-productWrapper .mp-productTab ul li + li { + margin-top : 4px; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span { + color : #bbb; + cursor : pointer; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span { + color : #fc0; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer span:hover ~ span:before { + content : "\f005"; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer > .ratingContainer p { + font-size : 18px; + line-height : normal; + color : #bbb; + display : inline-block; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form { + margin-bottom : 20px; + padding-bottom : 30px; + border-bottom : 1px solid #bbbbbb; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea { + resize : none; + height : 105px; + padding : 10px; + width : 100%; + margin-top : 10px; + color : #bbb; + font-size : 18px; + line-height : normal; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form textarea + p { + font-size : 13px; + line-height : normal; + color : #bbb; + text-align : right; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer form input[type="submit"] { + display : inline-block; + font-size : 16px; + line-height : normal; + color : #fff; + border : none; + outline : none; + text-align : center; + background : #0067b1; + text-transform : uppercase; + padding : 15px; + min-width : 160px; + margin-top : -10px; + font-weight : 700; + cursor : pointer; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment h3 { + margin-bottom : 5px; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment + .mp-usercomment { + margin-top : 25px; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer .fa-star { + color : #fc0; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment .ratingContainer span { + color : #bbb; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply { + background : #fff; + padding : 15px 10px; + margin-left : 30px; + position : relative; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before, .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after { + bottom : 100%; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:before { + border-color : rgba(255, 255, 255, 0); + border-bottom-color : #fff; + border-width : 15px; + margin-left : -200px; + } + .mpdetail-content .mp-productWrapper .mp-productTab .mp-commentContainer .mp-userCommentContainer .mp-usercomment.reply:after { + border-color : rgba(255, 255, 255, 0); + border-bottom-color : #fff; + border-width : 15px; + margin-left : -200px; + } + .forumWrapOuter { + background : #ececec; + } + .forumWrapOuter .ce-Image-Text-Element { + margin-bottom : 0; + padding-bottom : 40px; + } + .tx-typo3forum-pi1 { + padding-top : 50px; + padding-bottom : 50px; + } + .tx-typo3forum-pi1 .forum_menu, .tx-typo3forum-pi1 .topic_list_menu { + margin-bottom : 40px; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) { + float : left; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) i { + display : none; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(1) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(1) a:before { + content : "\f053"; + display : inline-block; + margin-right : 5px; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) { + float : right; + margin-left : 15px; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) i { + display : none; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(2) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(2) a:before { + content : "\f0fe"; + display : inline-block; + margin-right : 5px; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3), .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) { + float : right; + display : none !important ; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) i, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) i { + display : none; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a { + background : #fc0; + } + .tx-typo3forum-pi1 .forum_menu ul li:nth-of-type(3) a:before, .tx-typo3forum-pi1 .topic_list_menu ul li:nth-of-type(3) a:before { + content : "\f005"; + display : inline-block; + margin-right : 5px; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + @media screen and (max-width:640px) { + .tx-typo3forum-pi1 .forum_menu ul li, .tx-typo3forum-pi1 .topic_list_menu ul li { + float : none !important ; + width : 100% !important ; + margin-bottom : 5px; + margin-left : 0 !important ; + } + .tx-typo3forum-pi1 .forum_menu ul li a, .tx-typo3forum-pi1 .topic_list_menu ul li a { + width : 100%; + text-align : center; + } + } + .tx-typo3forum-pi1 #topic fieldset, .tx-typo3forum-pi1 #post fieldset, .tx-typo3forum-pi1 #report fieldset { + border : none; + padding : 0; + margin : 0; + } + .tx-typo3forum-pi1 #topic fieldset legend, .tx-typo3forum-pi1 #post fieldset legend, .tx-typo3forum-pi1 #report fieldset legend { + margin-bottom : 40px; + } + .tx-typo3forum-pi1 #topic fieldset .control-group, .tx-typo3forum-pi1 #post fieldset .control-group, .tx-typo3forum-pi1 #report fieldset .control-group { + margin-bottom : 15px; + } + .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #post fieldset .control-group + .control-group > label, .tx-typo3forum-pi1 #report fieldset .control-group + .control-group > label { + position : relative; + } + .tx-typo3forum-pi1 #topic fieldset .markItUpContainer, .tx-typo3forum-pi1 #post fieldset .markItUpContainer, .tx-typo3forum-pi1 #report fieldset .markItUpContainer { + width : 100%; + max-width : 927px; + } + .tx-typo3forum-pi1 #topic fieldset .markItUpHeader, .tx-typo3forum-pi1 #post fieldset .markItUpHeader, .tx-typo3forum-pi1 #report fieldset .markItUpHeader { + float : right; + } + .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul .markItUpDropMenu, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul .markItUpDropMenu { + padding-right : 0; + } + .tx-typo3forum-pi1 #topic fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #post fieldset .markItUpHeader ul a, .tx-typo3forum-pi1 #report fieldset .markItUpHeader ul a { + width : 18px; + height : 18px; + } + .tx-typo3forum-pi1 #topic fieldset input[type="submit"], .tx-typo3forum-pi1 #post fieldset input[type="submit"], .tx-typo3forum-pi1 #report fieldset input[type="submit"] { + display : block; + float : left; + border : #c6c6c6 solid 1px; + height : 35px; + padding : 0 10px; + background : #c6c6c6; + font-size : 14px; + line-height : 33px; + cursor : pointer; + font-family : "Open Sans", sans-serif; + } + .tx-typo3forum-pi1 #topic fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #post fieldset input[type="submit"] + .btn, .tx-typo3forum-pi1 #report fieldset input[type="submit"] + .btn { + display : block; + float : left; + border : #c6c6c6 solid 1px; + height : 35px; + padding : 0 10px; + margin-left : 10px; + background : #c6c6c6; + font-size : 14px; + line-height : 35px; + color : #000; + font-weight : 400; + font-family : "Open Sans", sans-serif; + } + .tx-typo3forum-pi1 #topic fieldset input[type="checkbox"], .tx-typo3forum-pi1 #post fieldset input[type="checkbox"], .tx-typo3forum-pi1 #report fieldset input[type="checkbox"] { + margin-left : 0; + margin-top : 0; + vertical-align : bottom; + } + .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset textarea { + border : #c6c6c6 solid 1px; + padding : 0 10px; + height : 30px; + font-family : "Open Sans", sans-serif; + } + .tx-typo3forum-pi1 #topic fieldset input[type="text"], .tx-typo3forum-pi1 #post fieldset input[type="text"], .tx-typo3forum-pi1 #report fieldset input[type="text"] { + width : 100%; + max-width : 927px; + } + .tx-typo3forum-pi1 #topic fieldset textarea, .tx-typo3forum-pi1 #post fieldset textarea, .tx-typo3forum-pi1 #report fieldset textarea { + padding-top : 10px; + padding-bottom : 10px; + margin-top : 5px; + min-height : 200px; + font-family : "Open Sans", sans-serif; + } + .tx-typo3forum-pi1 #post fieldset .control-group > label { + position : relative; + bottom : -25px; + } + .tx-typo3forum-pi1 #topic fieldset .control-group + .control-group > label { + position : relative; + bottom : -25px; + } + .tx-typo3forum-pi1 #report .markItUp { + margin-top : -20px; + } + .tx-typo3forum-pi1 #report .markItUp .tx-typo3forum-miu-code, .tx-typo3forum-pi1 #report .markItUp .markItUpSeparator { + display : none; + } + .tx-typo3forum-pi1 ul.nav-pills-condensed { + margin-bottom : 5px; + } + .tx-typo3forum-pi1 > h2, .ce-table table .tx-typo3forum-pi1 > caption { + display : none; + } + .tx-typo3forum-pi1 > h2.enable, .ce-table table .tx-typo3forum-pi1 > caption.enable { + text-transform : none; + text-align : left; + padding-left : 10px; + background : #0067b1; + padding : 15px 0 15px 10px; + margin : 0; + font-size : 16px; + line-height : normal; + color : #fff; + } + .tx-typo3forum-pi1 > h2.enable:after, .ce-table table .tx-typo3forum-pi1 > caption.enable:after { + display : none; + } + .tx-typo3forum-pi1 table tbody td { + background : #fff !important ; + padding : 10px 8px; + line-height : 60px; + vertical-align : middle; + height : 60px; + font-size : 13px; + line-height : normal; + } + .tx-typo3forum-pi1 table tbody td div { + font-size : 13px; + line-height : 18.2px; + font-size : 0.8125rem; + line-height : 1.1375rem; + font-weight : 300; + color : #b4b4b4; + font-size : 13px; + line-height : normal; + } + .tx-typo3forum-pi1 table tbody td a { + font-size : 16px; + line-height : normal; + font-weight : 700; + text-decoration : none; + color : #333; + } + .tx-typo3forum-pi1 table tbody td:nth-of-type(n 3) { + text-align : center; + } + .tx-typo3forum-pi1 .f3-widget-paginator { + text-align : right; + } + .tx-typo3forum-pi1 .f3-widget-paginator li { + color : #0067b1; + font-weight : 700; + font-size : 13px; + line-height : normal; + display : inline-block; + } + .tx-typo3forum-pi1 .f3-widget-paginator li a { + font-size : 13px; + } + .tx-typo3forum-pi1 .f3-widget-paginator li.current { + color : #fc0; + } + .tx-typo3forum-pi1 .f3-widget-paginator li + li { + margin-left : 5px; + } + .ce-osbee-forum h2, .ce-osbee-forum .ce-table table caption, .ce-table table .ce-osbee-forum caption { + text-transform : none; + text-align : left; + padding-left : 10px; + background : #0067b1; + padding : 15px 0 15px 10px; + margin : 0; + font-size : 16px; + line-height : normal; + color : #fff; + } + .ce-osbee-forum h2:after, .ce-osbee-forum .ce-table table caption:after, .ce-table table .ce-osbee-forum caption:after { + display : none; + } + .ce-osbee-forum .ce-osbee-forum-wrap { + display : block; + width : 100%; + background : #fff; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child { + width : 100%; + padding : 15px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon { + float : left; + max-width : 70px; + margin-right : 15px; + width : 41px; + height : 41px; + border-radius : 25px; + background : #c6c6c6; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic { + background : #fff; + text-align : center; + vertical-align : middle; + border : #bbb solid 1px; + width : 20px; + height : 20px; + color : #bbb; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon.topic i, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon.topic i { + padding : 0; + font-size : 12px; + padding-top : 4px; + display : block; + } + @media screen and (max-width:640px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .tx-typo3forum-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child .forumIcon { + display : none; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { + float : left; + width : 55%; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 { + margin : 0; + font-size : 16px; + line-height : normal; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a { + font-size : 16px; + line-height : normal; + font-weight : 700; + color : #333; + margin : 0 0 5px 0; + display : block; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a { + font-weight : 400; + font-size : 12px; + line-height : normal; + margin : 0; + display : block; + width : 100%; + max-width : 500px; + overflow : hidden; + text-overflow : ellipsis; + white-space : nowrap; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span { + display : block; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p span + span, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left a span + span { + color : #bbb; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { + width : 40%; + } + } + @media screen and (max-width:800px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { + width : 36%; + } + } + @media screen and (max-width:768px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left { + float : none; + width : 100%; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left h3 a { + margin-bottom : 0; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p { + margin-bottom : 20px; + max-width : 85%; + } + } + @media screen and (max-width:480px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .left p { + margin-bottom : 0; + max-width : 100%; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { + float : right; + width : 36%; + min-width : 360px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p { + display : none; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.topics, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right p.posts { + display : block; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics { + font-size : 12px; + line-height : 14px; + margin : 0; + font-weight : 400; + width : 45px; + text-align : center; + float : left; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics span { + display : block; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .topics { + width : 40px; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts { + font-size : 12px; + line-height : 14px; + margin : 0; + font-weight : 400; + float : left; + width : 45px; + text-align : center; + margin-left : 25px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts a { + font-size : 12px; + line-height : 14px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts span { + display : block; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .posts { + width : 40px; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { + width : 220px; + position : relative; + padding-left : 40px; + display : block; + float : left; + margin-left : 25px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .tx-typo3forum-topic-show-post-user-icon, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .tx-typo3forum-topic-show-post-user-icon { + max-height : 30px; + border-radius : 25px; + width : auto; + margin-right : 0; + position : absolute; + left : 0; + top : 0; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost { + font-size : 12px; + line-height : 14px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a { + font-size : 12px; + line-height : 14px; + text-decoration : none; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-commentPost a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-commentPost a:hover { + text-decoration : underline; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor { + font-size : 12px; + line-height : 14px; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a { + font-size : 12px; + line-height : 14px; + text-decoration : none; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor a:hover, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor a:hover { + text-decoration : underline; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post .last-postAuthor time, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available .last-postAuthor time { + font-size : 12px; + line-height : 14px; + display : block; + width : 100%; + color : #c6c6c6; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { + width : 200px; + } + } + @media screen and (max-width:420px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { + width : auto; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .last-post img, .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available img { + display : none; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available { + margin-top : 0; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right .no-comments-available span { + display : inline; + vertical-align : middle; + line-height : 30px; + font-size : 12px; + line-height : 14px; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { + width : 35%; + min-width : 330px; + } + } + @media screen and (max-width:768px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { + float : none; + width : 100%; + } + } + @media screen and (max-width:480px) { + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div .right { + display : none; + } + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child div a { + font-weight : 400; + color : #333; + text-decoration : none; + } + .ce-osbee-forum .ce-osbee-forum-wrap .ce-osbee-forum-child + .ce-osbee-forum-child { + border-top : 1px solid #bbbbbb; + } + ul.nav-pills li { + display : inline-block; + } + ul.nav-pills li a { + font-size : 12px; + line-height : normal; + color : #333; + font-weight : 400; + text-decoration : none; + } + ul.nav-pills li a:hover { + text-decoration : underline; + } + ul.nav-pills li:last-of-type a { + font-weight : 700; + color : #333; + } + ul.nav-pills li + li:before { + content : "\f054"; + color : #fc0; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + font-size : 10px; + } + ul.nav-pills + .ce-osbee-forum { + margin-top : 20px; + } + .ce-osbee-forum-singlepost { + position : relative; + background : #fff; + padding : 30px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation { + width : 20%; + float : left; + padding-right : 2%; + border-right : 1px solid #bbb; + text-align : center; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon { + float : none; + display : block; + margin : 0; + background : #ececec; + padding : 10px; + text-align : center; + border-radius : 150px; + height : 85px; + width : 85px; + margin : 15px auto; + font-size : 60px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a { + font-size : 16px; + line-height : normal; + margin : 0 0 10px 0; + color : #333; + font-weight : 700; + text-decoration : none; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a:hover { + text-decoration : underline; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div span.screenname { + font-size : 16px; + line-height : normal; + margin : 0 0 10px 0; + color : #333; + font-weight : 700; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName { + font-size : 18px; + line-height : normal; + font-weight : 600; + color : #333; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered { + font-size : 14px; + line-height : normal; + color : #bbbbbb; + margin-bottom : 10px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .membersince { + font-size : 12px; + line-height : normal; + color : #bbbbbb; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .postcounts { + font-size : 12px; + line-height : normal; + color : #bbbbbb; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p { + font-size : 14px; + line-height : normal; + font-weight : 400; + margin : 0; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p + p { + margin-top : 2px; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation { + width : 25%; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .anonymouseUserName, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div .unregistered, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a { + font-size : 14px; + line-height : normal; + } + } + @media screen and (max-width:768px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation { + float : none; + width : 100%; + border-right : none; + padding-right : 0; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation .tx-typo3forum-topic-show-post-user-icon { + display : none; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div { + padding-bottom : 15px; + border-bottom : 1px solid #bbb; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div * { + display : block; + text-align : left; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div a { + font-size : 14px; + line-height : normal; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.membersince, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.postcounts, .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div p.unregistered { + margin-left : 0; + } + } + @media screen and (max-width:480px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-userinformation div { + padding-bottom : 15px; + } + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content { + width : 77%; + float : left; + padding-left : 2%; + margin-left : 3%; + } + @media screen and (max-width:1024px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content { + width : 70%; + } + } + @media screen and (max-width:768px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content { + float : none; + margin-left : 0; + width : 100%; + margin-top : 20px; + } + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text { + padding : 0; + margin : 0; + font-size : 12px; + line-height : normal; + padding-top : 10px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text p { + font-size : 12px; + line-height : normal; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote { + background : #fff; + color : #333; + border : none; + margin : 0 0 15px 0; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user { + color : #333; + font-size : 12px; + font-weight : 400; + line-height : normal; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-user a { + color : #333; + font-size : 12px; + font-weight : 400; + line-height : normal; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text { + margin-top : 10px; + font-style : italic; + color : #bbb; + font-size : 12px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote-text:before { + content : "\f10e"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + font-size : 30px; + color : #0067b1; + margin-right : 10px; + vertical-align : top; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote { + margin : -30px 0 10px 35px; + padding : 0; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text .tx-typo3forum-quote .tx-typo3forum-quote .tx-typo3forum-quote-text:before { + font-size : 20px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation { + border-bottom : 1px solid #bbb; + padding-bottom : 5px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu { + float : right; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu a { + font-weight : 400; + font-size : 12px; + line-height : normal; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu .quote-icon { + padding-left : 0; + position : relative; + top : -4px; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date { + float : left; + font-size : 12px; + line-height : normal; + color : #333; + font-style : normal; + font-size : 13px; + color : #bbb; + } + @media screen and (max-width:768px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation { + position : absolute; + top : 30px; + right : 30px; + border-bottom : none; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .tx-typo3forum-topic-show-post-date { + float : none; + display : inline-block; + } + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation .post-menu { + float : none; + margin-left : 10px; + display : inline-block; + } + } + @media screen and (max-width:480px) { + .ce-osbee-forum-singlepost .ce-osbee-forum-singlepost-content .tx-typo3forum-topic-show-post-text-userinformation { + position : relative; + top : 0; + text-align : right; + right : auto; + border-bottom : none; + } + } + .ce-osbee-forum-singlepost + .ce-osbee-forum-singlepost { + border-top : 1px solid #bbbbbb; + } + .ce-osbee-forum-singlepost:first-of-type { + margin-top : 30px; + } + .f3-widget-paginator { + margin : 40px 0 30px 0; + text-align : right; + } + .osbee-forum-empty { + display : none; + } + .osbee-forum-empty.enable { + display : block; + } + p.tx-srfeuserregister-pi1-error { + font-size : 13px; + line-height : normal; + } + .blogContentFullWidth { + margin-top : 25px; + } + .blogContent { + float : left; + width : 73.78%; + width : calc(100% - 32.85%); + display : block; + max-width : 740px; + padding : 50px 0; + margin-right : 4.85%; + padding-top : 0; + } + .blogContent a { + color : #0067b1; + } + @media screen and (max-width:1020px) { + .blogContent { + width : 100%; + max-width : none; + margin-right : 0; + float : none; + } + } + .blogSidebar { + float : left; + width : 23.30%; + width : calc(100% - 72%); + max-width : 240px; + display : block; + padding : 50px 0; + padding-top : 0; + margin-top : 40px; + } + @media screen and (max-width:1020px) { + .blogSidebar { + float : none; + width : 100%; + max-width : none; + } + } + .blogSidebar .csc-header { + width : 100%; + text-align : left; + } + .blogSidebar h3, .blogSidebar h1, .blogSidebar h2, .blogSidebar .ce-table table caption, .ce-table table .blogSidebar caption { + display : inline-block; + width : 100%; + padding : 0 0 3px 0; + border-bottom : 2px solid #fc0; + font-weight : bold; + margin : 0 0 10px 0; + font-size : 16px; + line-height : normal; + text-transform : none; + text-align : left; + } + .blogSidebar .news { + padding : 0; + margin-bottom : 40px; + } + .blogSidebar .blog-subscribe h2, .blogSidebar .blog-subscribe .ce-table table caption, .ce-table table .blogSidebar .blog-subscribe caption { + display : inline-block; + width : 100%; + padding : 0 0 3px 0; + border-bottom : 2px solid #fc0; + font-weight : bold; + margin : 0 0 10px 0; + font-size : 16px; + line-height : normal; + text-transform : none; + text-align : left; + } + .blogSidebar .blog-subscribe h2:after, .blogSidebar .blog-subscribe .ce-table table caption:after, .ce-table table .blogSidebar .blog-subscribe caption:after { + display : none; + } + .blogSidebar .blog-subscribe .tx-srfeuserregister-pi1-notice { + font-style : normal; + margin : 0; + font-size : 15px; + line-height : normal; + } + .blogSidebar .blog-subscribe .terms { + margin-top : 15px; + } + .blogSidebar .blog-subscribe .terms .termsInputContainer { + float : left; + width : 10%; + text-align : left; + } + .blogSidebar .blog-subscribe .terms .termsInputContainer input { + width : 15px; + height : 15px; + border : #c6c6c6 solid 1px; + background : #fff; + } + .blogSidebar .blog-subscribe .terms p { + float : left; + width : 90%; + font-size : 12px; + line-height : normal; + } + .blogSidebar .blog-subscribe .terms p a { + padding-left : 0; + background-image : none; + font-weight : 400; + font-size : 12px; + line-height : normal; + } + .blogSidebar .blog-subscribe .terms p span { + display : none; + } + .blogSidebar .blog-subscribe .firstname input, .blogSidebar .blog-subscribe .email input { + margin-top : 0; + } + .news-list-view h3 { + margin : 0; + } + .news-list-view h3 a { + text-decoration : none; + } + .news-list-view h3 a span { + font-size : 18px; + color : #333; + font-weight : normal; + } + .news-list-view h3:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 10px 0 0 0; + } + .news-list-view .header { + display : inline-block; + width : 100%; + max-width : 470px; + max-width : 450px; + margin-bottom : 15px; + } + .news-list-view .article { + clear : both; + height : 210px; + height : auto; + border-bottom : 1px solid #fc0; + } + .news-list-view .article .footer { + display : none; + } + .news-list-view .no-media-element img { + width : 250px; + height : 187px; + } + .news-list-view .more { + font-size : 15px; + line-height : normal; + vertical-align : bottom; + } + .news-list-view .news-img-wrap { + display : inline-block; + margin : 0 !important ; + padding : 0; + max-width : 250px; + height : 100%; + width : 26%; + } + .news-list-view .news-img-wrap img { + max-width : 100%; + height : auto; + } + .news-list-view .news-img-wrap a { + margin : 0; + padding : 0; + border : 0; + max-width : 100%; + } + @media screen and (max-width:640px) { + .news-list-view .news-img-wrap { + display : none; + } + } + .news-list-view .news-content-wrap { + width : 72%; + float : left; + margin-left : 2%; + } + .news-list-view .news-content-wrap h3 { + margin-bottom : 20px; + } + @media screen and (max-width:640px) { + .news-list-view .news-content-wrap { + float : none; + width : 100%; + margin-left : 0; + } + } + .news-list-view .teaser-text > span { + display : block; + } + .news-list-view .teaser-text ul, .news-list-view .teaser-text ol { + padding-left : 0; + margin-left : 15px; + } + .news-list-view .teaser-text .more { + display : block; + margin-top : 15px; + } + .news-single { + padding : 0; + margin-top : 40px; + } + .news-single .header h3 { + font-size : 18px; + color : #333; + font-weight : normal; + margin-bottom : 25px; + margin-top : 10px; + } + .news-single .header h3:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 10px 0 0 0; + } + .news-single .news-text-wrap p { + color : #333; + } + .news-single .footer { + border-top : 1px solid #fc0; + margin-bottom : 40px; + padding : 0; + padding-top : 20px; + text-align : right; + } + .news-single .footer p { + font-weight : bold; + color : #333; + margin-bottom : 0; + } + .news-single .footer span span { + padding-right : 0; + margin-right : 0; + } + .news-single .footer .socialmedia { + display : none; + } + .news-single .news-backlink-wrap a { + font-size : 15px; + line-height : normal; + font-weight : bold; + color : #333; + text-decoration : none; + } + .news-single .article .news-img-wrap { + width : 100%; + height : auto; + margin-bottom : 30px; + float : none; + margin : 0; + float : left; + width : auto; + margin-right : 15px; + margin-bottom : 25px; + max-width : 350px; + } + @media screen and (max-width:768px) { + .news-single .article .news-img-wrap { + max-width : none; + float : none; + margin-right : 0; + margin-bottom : 15px; + width : 100%; + } + } + .news-single .article .news-img-wrap img { + max-width : 100%; + height : auto; + } + .news-single .shareThisPost { + float : right; + border-left : 1px solid #ddd; + padding-left : 10px; + } + .news-single .news-list-category span { + display : inline-block; + font-size : 13px; + border-right : none; + } + .news-single .news-list-category span + span:before { + content : "|"; + display : inline-block; + margin : 0 5px 0 2px; + } + @media screen and (max-width:768px) { + .news-single .news-list-category { + float : none; + width : 100%; + display : block; + margin-top : 5px; + } + .news-single .news-list-date { + margin-top : 5px; + } + .news-single .shareThisPost { + display : block; + width : 100%; + float : none; + padding-left : 0; + border-left : none; + } + } + .news p + ul { + margin-top : 15px; + } + .blogSidebar .news ul li { + padding-left : 0; + font-weight : 700; + } + .blogSidebar .news ul li ul li { + font-weight : 400; + } + .blogSidebar .news ul li:before { + display : none; + } + .csc-header { + margin : 0; + padding : 0; + display : inline-block; + } + .blog-commentContainer { + background : #ececec; + padding : 15px 10px; + } + .blog-commentContainer form { + margin-bottom : 20px; + padding-bottom : 30px; + border-bottom : 1px solid #bbbbbb; + } + .blog-commentContainer form h3 { + margin : 5px 0 0 0; + } + .blog-commentContainer form textarea { + resize : none; + height : 120px; + padding : 10px; + width : 100%; + margin-top : 10px; + color : #bbb; + font-size : 18px; + line-height : normal; + } + .blog-commentContainer form textarea + p { + font-size : 14px; + line-height : normal; + color : #bbb; + text-align : right; + } + .blog-commentContainer form input[type="submit"] { + display : inline-block; + font-size : 15px; + line-height : normal; + color : #fff; + border : none; + outline : none; + text-align : center; + background : #0067b1; + text-transform : uppercase; + padding : 15px; + min-width : 160px; + margin-top : -10px; + font-weight : 700; + cursor : pointer; + } + .toctoc-comments-pi1 { + border-bottom : 1px solid transparent; + } + .tx-tc-sortlistmenu .tx-tc-dsclmrlistmenutitle:first-child { + display : none; + } + .tx-tc-ct-ry-report-line { + text-align : right; + font-size : 12px; + line-height : normal; + } + .tx-tc-cts-ct-box + .tx-tc-cts-ct-box { + border-top : 1px solid #c6c6c6; + padding-top : 15px !important ; + } + .tx-tc-cts-ct-box + .tx-tc-cts-ct-box.replyAnswer { + border-top : none; + } + .blog-usercomment { + margin-left : 0 !important ; + } + .blog-usercomment h3 { + margin-bottom : 5px; + margin-top : 0; + } + .blog-usercomment h3 time { + display : inline-block; + } + .blog-usercomment h3 .tx-tc-popularity-pic { + display : none; + } + .blog-usercomment + .blog-usercomment { + margin-top : 25px; + } + .tx-tc-indent-subcmt { + background : #fff; + padding : 15px 10px !important ; + margin-left : 30px; + position : relative; + } + .tx-tc-indent-subcmt h3 { + margin-bottom : 10px; + margin-top : 0; + } + .tx-tc-indent-subcmt h3 time { + display : inline-block; + } + .tx-tc-indent-subcmt h3 .tx-tc-popularity-pic { + display : none; + } + .tx-tc-indent-subcmt:before, .tx-tc-indent-subcmt:after { + bottom : 100%; + left : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .tx-tc-indent-subcmt:before { + border-color : rgba(255, 255, 255, 0); + border-bottom-color : #fff; + border-width : 15px; + margin-left : -200px; + } + .tx-tc-indent-subcmt:after { + border-color : rgba(255, 255, 255, 0); + border-bottom-color : #fff; + border-width : 15px; + margin-left : -200px; + } + .new-socialmedia { + font-size : 15px; + } + .new-socialmedia i { + font-size : 22px; + } + .tx-tc-dtadyn { + padding : 0 25px !important ; + } + .tx-tc-ct-form-field-upload { + display : none !important ; + } + .tx-tc-width100-85 { + width : 100%; + float : none !important ; + } + .tx-tc-ct-form-gender { + display : none; + } + .tx-tc-ct-form-field { + margin-top : 5px; + } + .tx-tc-ct-form-field input { + background : #fff !important ; + border : #c6c6c6 solid 1px; + color : #333 !important ; + } + .tx-tcfh112 { + opacity : 1 !important ; + } + .tx-tc-ct-reqhint { + font-size : 12px !important ; + line-height : normal !important ; + } + .latest-news-container { + background : #ececec; + padding : 40px 0; + } + .latest-news-container .startpage-latesnews { + float : left; + width : calc((100% - 60px) / 3); + border-bottom : 1px solid #fc0; + padding-bottom : 20px; + position : relative; + } + .latest-news-container .startpage-latesnews .news-img-wrap { + width : 100%; + margin-bottom : 15px; + max-width : none; + vertical-align : bottom; + display : table-cell; + } + .latest-news-container .startpage-latesnews .news-img-wrap a { + display : block; + } + .latest-news-container .startpage-latesnews .news-img-wrap img { + width : 100%; + display : block; + height : auto; + } + .latest-news-container .startpage-latesnews .header { + width : 100%; + height : auto; + } + .latest-news-container .startpage-latesnews .header h3 { + font-weight : 400; + } + .latest-news-container .startpage-latesnews .header h3 span { + font-size : 14px; + line-height : 19.6px; + font-size : 0.875rem; + line-height : 1.225rem; + } + .latest-news-container .startpage-latesnews .header h3:after { + display : none; + } + .latest-news-container .startpage-latesnews + .startpage-latesnews { + margin-left : 30px; + } + @media screen and (max-width:768px) { + .latest-news-container .startpage-latesnews { + float : none; + width : 100%; + } + .latest-news-container .startpage-latesnews .news-img-wrap { + width : 25%; + margin-right : 5%; + float : left; + } + .latest-news-container .startpage-latesnews .teaser-header-container { + float : left; + width : 70%; + padding-left : 25px; + } + .latest-news-container .startpage-latesnews .teaser-header-container .header { + margin-bottom : 0; + } + .latest-news-container .startpage-latesnews .teaser-header-container .header h3 span { + font-size : 15px; + line-height : normal; + } + .latest-news-container .startpage-latesnews .teaser-header-container .teaser-text .more { + margin-top : 5px; + } + .latest-news-container .startpage-latesnews + .startpage-latesnews { + margin-left : 0; + margin-top : 30px; + } + } + @media screen and (max-width:520px) { + .latest-news-container .startpage-latesnews .news-img-wrap { + display : none; + } + .latest-news-container .startpage-latesnews .teaser-header-container { + float : none; + width : 100%; + } + } + .rss-feed-button { + padding-bottom : 50px; + } + .rss-feed-button a { + width : 100%; + text-align : center; + } + .rss-feed-button a i { + font-size : 16px; + } + .new-socialmedia { + padding-right : 0 !important ; + } + .shariff .orientation-horizontal { + display : block !important ; + text-align : right !important ; + } + .shariff .orientation-horizontal.col-5 li { + flex : none !important ; + min-width : 0 !important ; + max-width : none; + width : auto !important ; + margin-right : 10px !important ; + margin-left : 0 !important ; + padding : 0; + float : none; + display : inline-block; + margin-bottom : 0; + } + .shariff .orientation-horizontal.col-5 .fa { + border-right : none !important ; + padding-right : 0; + margin-right : 0; + width : auto !important ; + line-height : normal; + font-size : 13px !important ; + } + .shariff .orientation-horizontal.col-5 .share_text { + display : none; + } + .shariff .theme-grey .shariff-button.info { + border : none; + padding-left : 5px; + } + .shariff .theme-grey .shariff-button.info .share_text { + display : none !important ; + } + .shariff .theme-grey .shariff-button.info a { + color : #000; + } + .shariff .theme-grey .shariff-button a { + background : transparent !important ; + background-color : transparent !important ; + height : auto; + line-height : normal; + } + .shariff .theme-grey .shariff-button a span { + color : #333; + } + .shariff .theme-grey .shariff-button a span:before { + color : #333; + } + .toctoc-comments-pi1.tx-tc-responsive { + font-family : "Open Sans", sans-serif; + border : none !important ; + padding : 10px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu { + border : none; + margin-bottom : 25px; + font-size : 15px; + line-height : normal; + border-bottom : 1px solid #0067b1; + padding-bottom : 10px; + background : transparent; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu:hover { + border-bottom : 1px solid #0067b1; + background : transparent !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistmenu .tx-tc-sortlistmenutitle { + color : #333; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortind-pop { + width : 18px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-frmsqrhgt { + height : auto !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ctinput-textarea { + height : 150px; + padding : 10px 15px !important ; + font-size : 15px; + line-height : normal !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-ct-submit-loggedin { + background : #be1622; + color : #fff; + font-size : 15px; + padding : 5px 10px; + margin-left : 4.5% !important ; + font-family : "Open Sans", sans-serif; + opacity : 1; + border-radius : 0; + border : none !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-div-submit, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-nodisp { + opacity : 1 !important ; + } + .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage { + height : auto; + } + .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage div.tx-tc-emo-nav-frm { + margin-bottom : 20px; + } + .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emopage-emojis { + height : auto; + margin-bottom : 20px; + } + .toctoc-comments-pi1.tx-tc-responsive div.tx-tc-emopage .tx-tc-emo-bot-nav { + height : auto; + width : 100% !important ; + border : none !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-menutitle-hilight { + background : transparent; + border : none; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel { + padding : 10px; + right : -2px; + top : 28px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox { + font-size : 14px; + line-height : normal; + font-weight : 600; + color : #0067b1; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink { + color : #0067b1; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortlistlinkbox .tx-tc-sortlistlink-selected { + color : #be1622; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-sortlistpanel .tx-tc-sortpopular { + border : none; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box { + margin : 0; + padding : 0 10px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ctdate { + font-size : 12px; + line-height : normal; + color : #333; + display : block; + margin-top : 2px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text { + font-size : 15px; + line-height : normal; + color : #333; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text img { + display : none; + } + @media screen and (max-width:480px) { + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-text { + font-size : 12px; + line-height : normal; + } + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box + .tx-tc-cts-ct-box { + margin-top : 25px; + padding-top : 25px !important ; + border-top : 1px solid #0067b1; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box .tx-tc-ct-box-cttxt-reply { + border : none !important ; + padding : 0 !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt { + padding-left : 25px !important ; + width : 100% !important ; + background : #f6f7f8; + padding-top : 0 !important ; + border-top : none; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:before, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt:after { + display : none !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox { + position : relative; + background : #fff; + border : #fff solid 4px; + padding : 10px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after, .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before { + bottom : 100%; + left : 12%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:after { + border-color : rgba(191, 30, 46, 0); + border-bottom-color : #fff; + border-width : 25px; + margin-left : -25px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-innerctbox:before { + border-color : rgba(191, 30, 46, 0); + border-bottom-color : #fff; + border-width : 20px; + margin-left : -20px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ct-box-picturecrop32 { + padding : 0; + height : 32px; + margin-right : 10px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-text { + padding-top : 0 !important ; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-indent-subcmt .tx-tc-ctdate { + margin-left : 42px; + } + .toctoc-comments-pi1.tx-tc-responsive .tx-tc-cts-ct-box.tx-tc-tabledisp { + margin-left : 25px !important ; + width : calc(100% - 25px) !important ; + } + .tx-felogin-pi1 { + background-color : #ececec; + padding : 30px 17px 70px 17px; + margin-bottom : 50px; + } + .tx-felogin-pi1 h3 { + font-family : "Quicksand", sans-serif; + font-weight : 700; + text-transform : uppercase; + color : #333; + font-size : 24px; + line-height : normal; + text-align : left; + margin-bottom : 20px; + } + .tx-felogin-pi1 h3:after { + content : ""; + display : block; + width : 50px; + height : 5px; + background : #fc0; + margin : 10px 0 0 0; + } + .tx-felogin-pi1 form fieldset { + border : none; + padding : 0; + } + .tx-felogin-pi1 form fieldset > div { + width : 400px; + } + .tx-felogin-pi1 form fieldset > div > div { + border : #c6c6c6 solid 1px; + display : inline-block; + float : left; + width : 49%; + height : 53px; + line-height : 53px; + margin-top : 20px; + padding-left : 10px; + } + .tx-felogin-pi1 form fieldset > div > div:first-child { + margin-right : 2%; + } + .tx-felogin-pi1 form fieldset > div label { + display : inline-block; + } + .tx-felogin-pi1 form fieldset > div input[type="text"], .tx-felogin-pi1 form fieldset > div input[type="password"] { + width : 100%; + height : 55px; + border : #c6c6c6 solid 1px; + padding : 10px; + color : #333; + font-size : 15px; + } + .tx-felogin-pi1 form fieldset > div input[type="submit"] { + background : none 0% 0% repeat scroll #0067b1; + font-size : 1rem; + line-height : 1.4rem; + text-transform : uppercase; + color : #fff; + padding : 15px 60px; + margin-top : 20px; + border : none medium; + outline : medium none; + font-weight : 700; + cursor : pointer; + width : 100%; + } + @media screen and (max-width:485px) { + .tx-felogin-pi1 form fieldset > div { + width : 100%; + } + .tx-felogin-pi1 form fieldset > div > div { + width : 100%; + } + .tx-felogin-pi1 form fieldset > div > div:first-child { + margin-right : 0; + } + } + .tx-felogin-pi1 .felogin-links { + padding-top : 4px; + width : 400px; + } + .tx-felogin-pi1 .felogin-links > div { + display : inline-block; + float : right; + } + .tx-felogin-pi1 .felogin-links > div:first-child { + float : left; + } + .tx-felogin-pi1 .felogin-links > div a { + color : #333; + font-weight : normal; + } + @media screen and (max-width:485px) { + .tx-felogin-pi1 .felogin-links { + width : 100%; + } + .tx-felogin-pi1 .felogin-links > div { + display : block; + float : none; + margin-top : 5px; + } + .tx-felogin-pi1 .felogin-links > div:first-child { + float : none; + } + } + .tx-sy-osbeeproducts { + padding : 0 0 40px 0; + } + .tx-sy-osbeeproducts h2, .tx-sy-osbeeproducts .ce-table table caption, .ce-table table .tx-sy-osbeeproducts caption { + font-weight : 700; + color : #0067b1; + font-size : 18px; + line-height : normal; + display : block; + margin : 0 0 5px 0; + } + .tx-sy-osbeeproducts .os_cartFactory, .tx-sy-osbeeproducts .os_cartApps { + margin-bottom : 40px; + } + .tx-sy-osbeeproducts .os_cartFactory table, .tx-sy-osbeeproducts .os_cartApps table { + border-spacing : 0; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type { + border-left : 1px solid #c6c6c6; + border-right : 1px solid #c6c6c6; + border-top : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td { + background : #ececec; + padding : 10px 0 10px 10px; + height : 40px; + color : #313131; + font-weight : 700; + border-bottom : 1px solid #c6c6c6; + border-left : 1px solid #c6c6c6; + border-top : 1px solid #c6c6c6; + font-size : 15px; + line-height : normal; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) { + background : #d7d7d7; + padding : 10px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) { + text-align : right; + border-left : none; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) { + text-align : right; + border-left : none; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6) { + padding : 10px 0; + border-left : none; + text-align : center; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row, .tx-sy-osbeeproducts .os_cartApps table tr.row { + border-bottom : 1px solid #c6c6c6; + border-left : 1px solid #c6c6c6; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td, .tx-sy-osbeeproducts .os_cartApps table tr.row td { + background : #fff; + padding : 10px 0 10px 10px; + color : #313131; + font-weight : 400; + border-left : 1px solid #c6c6c6; + font-size : 15px; + line-height : normal; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr.row td:first-of-type { + color : #0067b1; + text-decoration : none; + font-weight : 700; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(2) { + padding : 0 10px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(4), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) { + text-align : right; + padding-right : 10px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) { + padding : 10px 0; + text-align : center; + padding-left : 10px; + padding-right : 10px; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) i, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) i { + font-size : 20px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a { + margin : 0; + padding : 0; + background : transparent; + border : none; + color : #be1622; + font-size : 20px; + font-weight : 700; + text-decoration : none; + } + .tx-sy-osbeeproducts .os_cartFactory table tr.row td:nth-of-type(6) a:hover, .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6) a:hover { + text-decoration : none; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td { + font-size : 15px; + line-height : normal; + border-left : 1px solid #c6c6c6; + border-top : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:first-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:first-of-type { + font-size : 15px; + line-height : normal; + font-weight : 700; + color : #333; + text-align : left; + padding : 10px; + background : #ececec; + height : 40px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(2) { + font-size : 15px; + line-height : normal; + font-weight : 700; + text-align : right; + padding : 10px; + background : #d7d7d7; + height : 40px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:nth-of-type(5), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:nth-of-type(5) { + font-weight : 700; + font-size : 15px; + line-height : normal; + text-align : right; + background : #ececec; + padding : 10px; + height : 40px; + } + .tx-sy-osbeeproducts .os_cartFactory table tr:last-of-type td:last-of-type, .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type td:last-of-type { + min-height : 1px; + background : #ececec; + height : 40px; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td { + padding : 10px; + font-size : 15px; + font-weight : 700; + line-height : normal; + background : #ececec; + border-top : 1px solid #c6c6c6; + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(2) { + background : #d7d7d7; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3) { + border-left : none; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7) { + text-align : right; + padding-right : 10px; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(4) { + border-left : none; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) { + border-left : none; + } + .tx-sy-osbeeproducts .os_cartApps table tr:first-of-type td:nth-of-type(8) { + border-right : 1px solid #c6c6c6; + text-align : center; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td { + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(3) { + border-left : none; + text-align : right; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(4) { + border-left : none; + text-align : right; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(6), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(7), .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) { + border-left : none; + text-align : right; + padding-right : 10px; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) { + padding : 10px 0; + text-align : center; + padding-left : 10px; + padding-right : 10px; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) i { + font-size : 20px; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a { + margin : 0; + padding : 0; + background : transparent; + border : none; + color : #be1622; + font-size : 20px; + font-weight : 700; + text-decoration : none; + } + .tx-sy-osbeeproducts .os_cartApps table tr.row td:nth-of-type(8) a:hover { + text-decoration : none; + } + .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td { + padding : 10px; + border-top : none; + font-weight : 700; + } + .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3), .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(4) { + background : #ececec; + } + .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .os_cartApps table tr:last-of-type:not(.row) td:last-of-type { + border-left : none; + } + .tx-sy-osbeeproducts .os_overviewModules { + padding-bottom : 80px; + margin-bottom : 80px; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_overviewModules table { + border-spacing : 0; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td { + padding : 10px; + font-weight : 700; + font-size : 15px; + line-height : normal; + background : #ececec; + border-top : 1px solid #c6c6c6; + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(2) { + background : #d7d7d7; + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:first-of-type td:last-of-type { + border-left : none; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_overviewModules table tr.row td { + font-size : 15px; + line-height : normal; + padding : 10px; + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_overviewModules table tr.row td:first-of-type { + color : #0067b1; + font-weight : 700; + font-size : 15px; + line-height : normal; + } + .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(2) { + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr.row td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr.row td:last-of-type { + border-right : 1px solid #c6c6c6; + border-left : none; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td { + font-weight : 700; + font-size : 15px; + line-height : normal; + height : 40px; + padding : 10px; + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td div { + font-size : 15px; + line-height : normal; + font-weight : 700; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(2) { + background : #d7d7d7; + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:nth-of-type(3) { + background : #ececec; + text-align : right; + } + .tx-sy-osbeeproducts .os_overviewModules table tr:last-of-type td:last-of-type { + background : #ececec; + border-right : 1px solid #c6c6c6; + border-left : none; + } + .tx-sy-osbeeproducts .os_cartSupport { + margin-bottom : 40px; + } + .tx-sy-osbeeproducts .os_cartSupport > div { + float : left; + width : calc((100% - 30px) / 4); + background : #ececec; + border : #c6c6c6 solid 1px; + } + .tx-sy-osbeeproducts .os_cartSupport > div .radioSupportName { + margin-top : 10px; + margin-right : 10px; + padding : 10px; + font-size : 18px; + line-height : normal; + color : #fff; + font-weight : 700; + text-transform : uppercase; + letter-spacing : 3px; + } + .tx-sy-osbeeproducts .os_cartSupport > div .container { + padding : 10px; + } + .tx-sy-osbeeproducts .os_cartSupport > div .container .radioSupport { + width : 20px; + height : 20px; + display : inline-block; + margin : 0 5px 0 0; + vertical-align : bottom; + } + .tx-sy-osbeeproducts .os_cartSupport > div .container div { + display : inline-block; + font-weight : 700; + font-size : 15px; + line-height : normal; + } + .tx-sy-osbeeproducts .os_cartSupport > div .container a { + color : #0067b1; + font-size : 15px; + text-decoration : none; + display : block; + } + .tx-sy-osbeeproducts .os_cartSupport > div .container a:hover { + text-decoration : underline; + } + .tx-sy-osbeeproducts .os_cartSupport > div:first-of-type .radioSupportName { + background : #d1d1d1; + } + .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(2) .radioSupportName { + background : #fc0; + } + .tx-sy-osbeeproducts .os_cartSupport > div:nth-of-type(3) .radioSupportName { + background : #777372; + } + .tx-sy-osbeeproducts .os_cartSupport > div:last-of-type .radioSupportName { + background : #3a3a3a; + } + .tx-sy-osbeeproducts .os_cartSupport > div + div { + margin-left : 10px; + } + .tx-sy-osbeeproducts .os_carAppSupport { + margin-bottom : 40px; + } + .tx-sy-osbeeproducts .os_carAppSupport > div { + float : left; + width : calc((100% - 20px) / 3); + background : #ececec; + border : #c6c6c6 solid 1px; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .radioAppSupportName { + margin-top : 10px; + margin-right : 10px; + padding : 10px; + font-size : 18px; + line-height : normal; + color : #fff; + font-weight : 700; + text-transform : uppercase; + letter-spacing : 1px; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .container { + padding : 10px; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .container .radioAppSupport { + width : 20px; + height : 20px; + display : inline-block; + margin : 0 5px 0 0; + vertical-align : bottom; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .container div { + display : inline-block; + font-weight : 700; + font-size : 15px; + line-height : normal; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .container a { + color : #0067b1; + font-size : 15px; + text-decoration : none; + display : block; + } + .tx-sy-osbeeproducts .os_carAppSupport > div .container a:hover { + text-decoration : underline; + } + .tx-sy-osbeeproducts .os_carAppSupport > div:first-of-type .radioAppSupportName { + background : #88b3d6; + } + .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(2) .radioAppSupportName { + background : #3f83c0; + } + .tx-sy-osbeeproducts .os_carAppSupport > div:nth-of-type(3) .radioAppSupportName { + background : #105b9e; + } + .tx-sy-osbeeproducts .os_carAppSupport > div + div { + margin-left : 10px; + } + .tx-sy-osbeeproducts .overviewSupport { + margin-bottom : 80px; + padding-bottom : 80px; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table { + border-spacing : 0; + } + .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td { + font-size : 15px; + line-height : normal; + font-weight : 700; + padding : 10px; + background : #ececec; + border-top : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:first-of-type { + border-left : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:nth-of-type(4) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:first-of-type td:last-of-type { + text-align : right; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td { + font-size : 15px; + line-height : normal; + padding : 10px; + border-bottom : 1px solid #c6c6c6; + border-left : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:first-of-type .chosenSupport { + font-weight : 700; + color : #0067b1; + font-size : 15px; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(2) { + border-left : none; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(2) td:last-of-type { + border-left : none; + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td { + font-size : 15px; + line-height : normal; + padding : 10px; + border-left : 1px solid #c6c6c6; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(2) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(3) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:nth-of-type(4) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:nth-of-type(3) td:last-of-type { + border-right : 1px solid #c6c6c6; + border-left : none; + } + .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td { + background : #ececec; + height : 40px; + font-weight : 700; + font-size : 15px; + line-height : normal; + padding : 10px; + border-bottom : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:first-of-type { + border-left : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:nth-of-type(4) { + text-align : right; + } + .tx-sy-osbeeproducts .overviewSupport table tr:last-of-type td:last-of-type { + border-right : 1px solid #c6c6c6; + } + .tx-sy-osbeeproducts .lastStep { + border : #c6c6c6 solid 1px; + background : #ececec; + } + .tx-sy-osbeeproducts .lastStep table { + border-spacing : 0; + } + .tx-sy-osbeeproducts .lastStep table tr td { + padding : 0 10px 2px 10px; + font-size : 15px; + line-height : normal; + text-align : right; + } + .tx-sy-osbeeproducts .lastStep table tr:first-of-type td { + padding-top : 10px; + } + .tx-sy-osbeeproducts .lastStep table tr:last-of-type td { + font-weight : 700; + padding-bottom : 10px; + } + .tx-sy-osbeeproducts .linkInActive { + background : #bbbbbb; + color : #fff; + padding : 10px 20px; + text-transform : uppercase; + font-weight : 700; + font-size : 18px; + line-height : normal; + float : left; + margin-top : 20px; + border : none; + cursor : pointer; + } + .tx-sy-osbeeproducts .tooltipp { + display : none; + position : absolute; + background-color : #dddddd; + padding : 10px 20px; + color : black; + font-size : 18px; + margin-left : 120px; + float : left; + margin-top : 20px; + } + .tx-sy-osbeeproducts .checkoutOption { + margin-top : 20px; + } + .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit { + background : #be1622; + color : #fff; + padding : 10px 20px; + text-transform : uppercase; + font-weight : 700; + font-size : 18px; + line-height : normal; + float : right; + border : none; + cursor : pointer; + } + .tx-sy-osbeeproducts .checkoutOption .checkoutSubmit.blue { + background : #0067b1; + color : #fff; + padding : 10px 20px; + text-transform : uppercase; + font-weight : 700; + font-size : 18px; + line-height : normal; + float : left; + border : none; + cursor : pointer; + } + .step3YourData, .mp-contentContainer.checkout .step3YourOrder { + padding-bottom : 80px; + margin-bottom : 80px; + border-bottom : 1px solid #bcbcbc; + border-spacing : 0; + width : 100%; + } + .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption { + font-weight : 700; + color : #1268b3; + font-size : 18px; + line-height : normal; + display : block; + margin : 0 0 2px 0; + text-align : left; + } + .step3YourData tr:first-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td { + padding : 10px; + font-weight : 700; + font-size : 14px; + line-height : normal; + background : #f5f5f5; + border-top : 1px solid #bcbcbc; + border-left : 1px solid #bcbcbc; + border-bottom : 1px solid #bcbcbc; + } + .step3YourData tr:first-of-type td:nth-of-type(2), .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:nth-of-type(2) { + background : #d7d7d7; + } + .step3YourData tr:first-of-type td:last-of-type, .mp-contentContainer.checkout .step3YourOrder tr:first-of-type td:last-of-type { + border-left : none; + border-right : 1px solid #bcbcbc; + } + .step3YourData tr.row td, .mp-contentContainer.checkout .step3YourOrder tr.row td { + font-size : 14px; + line-height : normal; + padding : 10px; + border-left : 1px solid #bcbcbc; + border-bottom : 1px solid #bcbcbc; + border-right : 1px solid #bcbcbc; + } + .step3YourData tr.row td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr.row td:first-of-type { + color : #1268b3; + font-weight : 700; + font-size : 14px; + line-height : normal; + border-right : none; + } + .orderlist table { + margin-bottom : 80px; + border-spacing : 0; + width : 100%; + } + .orderlist table caption { + font-weight : 700; + color : #1268b3; + font-size : 18px; + line-height : normal; + display : block; + margin : 0 0 2px 0; + text-align : left; + } + .orderlist table tr:first-of-type th { + padding : 10px; + font-weight : 700; + font-size : 14px; + line-height : normal; + background : #f5f5f5; + border-top : 1px solid #bcbcbc; + border-left : 1px solid #bcbcbc; + border-bottom : 1px solid #bcbcbc; + text-align : left; + } + .orderlist table tr:first-of-type th:nth-of-type(3) { + text-align : center; + } + .orderlist table tr:first-of-type th:nth-of-type(4) { + text-align : right; + } + .orderlist table tr:first-of-type th:last-of-type { + border-right : 1px solid #bcbcbc; + } + .orderlist table tr td { + font-size : 14px; + line-height : normal; + padding : 10px; + border-left : 1px solid #bcbcbc; + border-bottom : 1px solid #bcbcbc; + } + .orderlist table tr td:nth-of-type(3) { + text-align : center; + } + .orderlist table tr td:nth-of-type(4) { + text-align : right; + } + .orderlist table tr td:last-of-type { + border-right : 1px solid #bcbcbc; + } + .step3YourOrder { + width : 100%; + border-spacing : 0; + margin-bottom : 80px; + } + .step3YourOrder caption { + text-align : left; + font-size : 18px; + color : #0067b1; + font-weight : 700; + padding-bottom : 5px; + } + .step3YourOrder tr td { + font-size : 14px; + line-height : normal; + padding : 10px; + border-top : 1px solid #bcbcbc; + border-right : 1px solid #bcbcbc; + } + .step3YourOrder tr td:first-of-type { + width : 35%; + font-weight : 700; + border-left : 1px solid #bcbcbc; + } + .step3YourOrder tr:last-of-type td { + border-bottom : 1px solid #bcbcbc; + } + .step3YourOrder tr:nth-child(odd) { + background : #f5f5f5; + } + .backToListButton { + margin-bottom : 40px; + } + .mp-contentContainer.checkout h1 { + font-size : 20px; + line-height : normal; + margin-bottom : 80px; + font-weight : 700; + text-transform : none; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout h1 { + font-size : 18px; + margin-bottom : 40px; + } + } + .mp-contentContainer.checkout .checkout_optionText { + padding : 25px 40px; + border : #bcbcbc solid 1px; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout .checkout_optionText { + padding : 15px 20px; + } + } + .mp-contentContainer.checkout .checkout_optionText strong { + display : block; + font-weight : 700; + color : #333; + font-size : 15px; + line-height : normal; + } + .mp-contentContainer.checkout .checkout_optionText p { + margin : 10px 0 0 0; + } + .mp-contentContainer.checkout .checkout_paymentOption { + padding : 25px 40px; + background : #f5f5f5; + border : #bcbcbc solid 1px; + margin-top : 15px; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout .checkout_paymentOption { + padding : 15px 20px; + } + } + .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption { + color : #333; + margin-bottom : 25px; + font-size : 24px; + line-height : normal; + text-transform : uppercase; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout .checkout_paymentOption h2, .mp-contentContainer.checkout .checkout_paymentOption .ce-table table caption, .ce-table table .mp-contentContainer.checkout .checkout_paymentOption caption { + font-size : 18px; + line-height : normal; + } + } + .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2), .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) { + padding : 15px 20px; + border : #bcbcbc solid 1px; + background : #fff; + } + .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) input, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) input { + display : inline-block; + } + .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label { + vertical-align : bottom; + display : inline-block; + margin-left : 10px; + font-size : 20px; + font-weight : 700; + line-height : normal; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) label, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) label { + font-size : 14px; + line-height : normal; + margin-left : 5px; + } + } + .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(2) + div, .mp-contentContainer.checkout .checkout_paymentOption div:nth-of-type(3) + div { + margin-top : 10px; + } + .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] { + display : inline-block; + margin-top : 20px; + background : #0067b1; + border : none; + color : #fff; + text-transform : uppercase; + font-weight : 700; + font-size : 18px; + line-height : normal; + padding : 8px 16px; + cursor : pointer; + } + @media screen and (max-width:480px) { + .mp-contentContainer.checkout .checkout_paymentOption input[type="submit"] { + font-size : 14px; + line-height : normal; + } + } + .mp-contentContainer.checkout .step3YourData, .mp-contentContainer.checkout .step3YourOrder { + width : 100%; + border-spacing : 0; + } + .mp-contentContainer.checkout .step3YourData caption, .mp-contentContainer.checkout .step3YourOrder caption { + text-align : left; + font-size : 18px; + color : #0067b1; + font-weight : 700; + padding-bottom : 5px; + } + .mp-contentContainer.checkout .step3YourData tr td, .mp-contentContainer.checkout .step3YourOrder tr td { + font-size : 15px; + line-height : normal; + padding : 10px; + border-top : 1px solid #bcbcbc; + border-right : 1px solid #bcbcbc; + } + .mp-contentContainer.checkout .step3YourData tr td:first-of-type, .mp-contentContainer.checkout .step3YourOrder tr td:first-of-type { + width : 35%; + font-weight : 700; + border-left : 1px solid #bcbcbc; + } + .mp-contentContainer.checkout .step3YourData tr:last-of-type td, .mp-contentContainer.checkout .step3YourOrder tr:last-of-type td { + border-bottom : 1px solid #bcbcbc; + } + .mp-contentContainer.checkout .step3YourData tr:nth-child(odd), .mp-contentContainer.checkout .step3YourOrder tr:nth-child(odd) { + background : #f5f5f5; + } + .mp-contentContainer.checkout .step3YourOrder { + margin-top : 40px; + } + .mp-contentContainer.checkout .step3CheckoutButton { + color : #fff; + text-decoration : none; + background : #0067b1; + font-size : 18px; + line-height : normal; + padding : 8px 16px; + border : none; + cursor : pointer; + display : inline-block; + margin-top : 20px; + } + .checkout_thankyou { + border : #bcbcbc solid 1px; + padding : 25px 40px; + margin : 40px 0; + } + .checkout_thankyou strong { + display : block; + font-weight : 700; + color : #333; + font-size : 15px; + line-height : normal; + } + .checkout_thankyou p { + margin : 10px 0 0 0; + } + .tx-contentpackage-checkoutFormular div { + display : block; + } + .tx-contentpackage-checkoutFormular div label { + width : 25%; + text-align : right; + padding-right : 1em; + float : left; + height : 55px; + vertical-align : middle; + line-height : 55px; + } + .tx-contentpackage-checkoutFormular div input { + text-align : left; + width : 50%; + float : left; + height : 55px; + border : #bbb solid 1px; + padding : 10px; + } + .tx-contentpackage-checkoutFormular div + div { + margin-top : 5px; + } + @media screen and (max-width:600px) { + .tx-contentpackage-checkoutFormular div label { + display : block; + width : 100%; + float : none; + height : auto; + text-align : left; + } + .tx-contentpackage-checkoutFormular div input { + float : none; + display : block; + width : 100%; + } + } + .tx-contentpackage-checkoutFormular input[type="submit"] { + background : #0067b1; + font-size : 15px; + line-height : 22.4px; + font-size : 1rem; + line-height : 1.4rem; + text-transform : uppercase; + color : #fff; + padding : 15px; + margin-top : 30px; + border : none; + outline : none; + font-weight : 700; + cursor : pointer; + margin-left : 25%; + } + @media screen and (max-width:600px) { + .tx-contentpackage-checkoutFormular input[type="submit"] { + margin-left : 0; + } + } + .checkoutSteps { + margin-bottom : 40px; + text-align : center; + } + .checkoutSteps .step { + display : inline-block; + position : relative; + background : #ccc; + border : #fff solid 4px; + border-bottom : none; + border-top : none; + padding-left : 10px; + padding-right : 10px; + z-index : 10; + color : #fff; + font-weight : 700; + font-size : 16px; + height : 47px; + line-height : 46px; + } + .checkoutSteps .step.active { + background : #0067b1; + } + .checkoutSteps .step.active:after { + border-left-color : #0067b1; + } + .checkoutSteps .step:after, .checkoutSteps .step:before { + left : 100%; + top : 50%; + border : transparent solid; + content : " "; + height : 0; + width : 0; + position : absolute; + } + .checkoutSteps .step:after { + border-color : rgba(204, 204, 204, 0); + border-left-color : #ccc; + border-width : 23px; + margin-top : -23px; + } + .checkoutSteps .step:before { + border-color : rgba(255, 255, 255, 0); + border-left-color : #fff; + border-width : 28px; + margin-top : -28px; + } + .checkoutSteps .step + .step { + padding-left : 30px; + z-index : 9; + margin-left : -4px; + } + .checkoutSteps .step + .step + .step { + z-index : 8; + } + .checkoutSteps .step + .step + .step + .step { + z-index : 7; + } + .checkoutError { + background : #be1622; + color : #fff; + font-weight : 700; + font-size : 15px; + line-height : normal; + text-align : center; + margin-bottom : 40px; + display : block; + padding : 5px 10px; + } + .tx-indexedsearch-searchbox { + padding-top : 50px; + padding-bottom : 50px; + } + .tx-indexedsearch-searchbox form label { + font-size : 16px; + line-height : normal; + color : #333; + display : block; + } + .tx-indexedsearch-searchbox form input[type="text"] { + height : 25px; + border : #c6c6c6 solid 1px; + font-size : 12px; + min-width : 280px; + padding : 0 5px; + } + .tx-indexedsearch-searchbox form input[type="submit"] { + display : block; + background : #be1622; + color : #fff; + border : none; + font-size : 15px; + padding : 5px 10px; + margin-top : 5px; + min-width : 280px; + } + .suchergebnis { + padding-bottom : 50px; + } + .tx-indexedsearch-browsebox { + list-style-type : none; + margin : 0; + padding : 0; + } + .tx-indexedsearch-browsebox ul { + list-style-type : none; + margin-top : 15px; + margin-bottom : 15px; + } + .tx-indexedsearch-browsebox li { + float : left; + } + .tx-indexedsearch-browsebox li a { + color : #c6c6c6; + text-decoration : none; + } + .tx-indexedsearch-browsebox li + li { + margin-left : 10px; + } + .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a { + color : #be1622; + } + .tx-indexedsearch-browsebox + .tx-indexedsearch-res { + margin-top : 40px; + } + .tx-indexedsearch-res + .tx-indexedsearch-res { + margin-top : 25px; + padding-top : 25px; + border-top : 1px solid #c6c6c6; + } + .tx-indexedsearch-res + .tx-indexedsearch-browsebox { + margin-top : 40px; + } + .tx-srfeuserregister-pi1 { + margin-bottom : 50px; + float : left; + width : 70%; + } + .tx-srfeuserregister-pi1 p { + padding : 0; + } + .tx-srfeuserregister-pi1 p.textOverSendButton { + position : relative; + margin : 0; + padding : 0; + clear : both; + margin-bottom : -10px; + padding-top : 25px; + } + .tx-srfeuserregister-pi1 p.textOverSendButton + dt { + display : none; + } + .tx-srfeuserregister-pi1 .customRegisterCheckbox { + position : relative; + padding-left : 30px; + margin-top : 10px; + } + .tx-srfeuserregister-pi1 .customRegisterCheckbox p, .tx-srfeuserregister-pi1 .customRegisterCheckbox a { + font-size : 12px; + line-height : normal; + } + .tx-srfeuserregister-pi1 .customRegisterCheckbox a { + background : transparent; + padding-left : 0; + } + .tx-srfeuserregister-pi1 .customRegisterCheckbox input { + position : absolute; + left : 0; + top : 1px; + } + .tx-srfeuserregister-pi1 fieldset { + border : none; + padding : 0; + margin : 0; + } + .tx-srfeuserregister-pi1 fieldset legend { + display : none; + } + .tx-srfeuserregister-pi1 fieldset h2, .tx-srfeuserregister-pi1 fieldset .ce-table table caption, .ce-table table .tx-srfeuserregister-pi1 fieldset caption { + font-size : 18px; + line-height : normal; + text-align : left; + margin : 0 0 5px 0; + } + .tx-srfeuserregister-pi1 fieldset h2:after, .tx-srfeuserregister-pi1 fieldset .ce-table table caption:after, .ce-table table .tx-srfeuserregister-pi1 fieldset caption:after { + margin : 10px 0 0 0; + } + .tx-srfeuserregister-pi1 fieldset h2 + p, .tx-srfeuserregister-pi1 fieldset .ce-table table caption + p, .ce-table table .tx-srfeuserregister-pi1 fieldset caption + p { + margin : 0 0 25px 0; + } + .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file { + padding : 30px 0; + } + .tx-srfeuserregister-pi1 fieldset .powermail_fieldwrap_file label { + font-size : 15px; + line-height : normal; + display : block; + margin-bottom : 10px; + } + .tx-srfeuserregister-pi1 fieldset label { + height : 55px; + vertical-align : middle; + } + .tx-srfeuserregister-pi1 fieldset dd { + width : 100%; + } + .tx-srfeuserregister-pi1 fieldset dt { + text-align : left; + } + .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select { + width : 325px; + width : 100%; + height : 55px; + border : #bbb solid 1px; + padding : 10px; + color : #333; + font-size : 18px; + } + .tx-srfeuserregister-pi1 fieldset input[type="submit"] { + background : #0067b1; + font-size : 15px; + line-height : normal; + text-transform : uppercase; + color : #fff; + padding : 15px; + margin-top : 30px; + border : none; + outline : none; + font-weight : 700; + cursor : pointer; + width : 100%; + text-align : center; + } + .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged { + display : inline-block; + } + .tx-srfeuserregister-pi1 fieldset #tx-srfeuserregister-pi1-terms_acknowledged + p { + display : inline-block; + } + .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms { + display : inline-block; + } + .tx-srfeuserregister-pi1 fieldset .tx-srfeuserregister-pi1-terms + input[type="checkbox"] { + float : left; + margin-top : 15px; + } + .tx-srfeuserregister-pi1 fieldset input[type="password"] { + margin-right : 0; + } + .tx-srfeuserregister-pi1 fieldset .formwrap > div { + float : left; + width : 48%; + } + .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwort input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.passwortagain input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.company input, .tx-srfeuserregister-pi1 fieldset .formwrap > div.jobrole input { + width : 100%; + } + .tx-srfeuserregister-pi1 fieldset .formwrap > div + div { + margin-left : 3.5%; + } + .tx-srfeuserregister-pi1 fieldset .jobrole input { + margin-top : 7px; + } + .tx-srfeuserregister-pi1 fieldset .terms input { + display : inline-block; + } + .tx-srfeuserregister-pi1 fieldset .terms p { + margin : 0; + display : inline-block; + } + .tx-srfeuserregister-pi1 fieldset .terms p a { + color : #0067b1; + font-size : 15px; + line-height : normal; + text-decoration : none; + } + .tx-srfeuserregister-pi1 fieldset .terms p a:hover { + text-decoration : underline; + } + @media screen and (max-width:800px) { + .tx-srfeuserregister-pi1 { + float : none; + width : 100%; + } + .tx-srfeuserregister-pi1 dt { + width : 30%; + } + .tx-srfeuserregister-pi1 dd { + width : 70%; + } + } + @media screen and (max-width:600px) { + .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { + width : 100%; + } + .tx-srfeuserregister-pi1 dt { + display : block; + margin-top : 5px; + text-align : left; + } + .tx-srfeuserregister-pi1 fieldset .formwrap > div { + width : 100%; + } + .tx-srfeuserregister-pi1 fieldset .formwrap > div + div { + margin-left : 0; + } + .tx-srfeuserregister-pi1 fieldset input[type="text"], .tx-srfeuserregister-pi1 fieldset input[type="password"], .tx-srfeuserregister-pi1 fieldset input[type="email"], .tx-srfeuserregister-pi1 fieldset input[type="date"], .tx-srfeuserregister-pi1 fieldset select { + width : 100%; + } + } + .editForm .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt { + padding-top : 0; + } + .community-forum-news { + padding : 25px 0; + background : #ececec; + } + .community-forum-news > .inner > div { + float : left; + width : calc((100% - 20px) / 2); + } + .community-forum-news > .inner > div.news { + margin-left : 20px; + padding-top : 8px; + } + @media screen and (max-width:1100px) { + .community-forum-news > .inner > div.news .inner.small, .community-forum-news > .inner > div.news .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .community-forum-news > .inner > div.news .tx-felogin-pi1-inner { + padding : 0 !important ; + } + } + .community-forum-news > .inner > div.news .latest-news-container { + padding : 0; + margin-top : 42px; + padding-top : 44px; + padding-left : 84px; + } + @media screen and (max-width:980px) { + .community-forum-news > .inner > div.news .latest-news-container { + padding-top : 0; + margin-top : 0; + padding-left : 0; + } + } + .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption { + text-align : left; + position : relative; + top : -44px; + } + @media screen and (max-width:768px) { + .community-forum-news > .inner > div.news .latest-news-container > h2, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption { + top : auto; + } + } + .community-forum-news > .inner > div.news .latest-news-container > h2:after, .community-forum-news > .inner > div.news .ce-table table .latest-news-container > caption:after, .ce-table table .community-forum-news > .inner > div.news .latest-news-container > caption:after { + margin : 10px 0 10px 0; + } + .community-forum-news > .inner > div.news .latest-news-container .startpage-article { + position : relative; + top : -44px; + } + @media screen and (max-width:768px) { + .community-forum-news > .inner > div.news .latest-news-container .startpage-article { + top : auto; + } + } + .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more { + position : relative; + top : 44px; + } + @media screen and (max-width:768px) { + .community-forum-news > .inner > div.news .latest-news-container .startpage-article .more { + top : auto; + } + } + .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews { + margin-top : 20px; + width : calc((100% - 30px) / 2); + } + .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header { + margin-top : 10px; + } + .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews .header h3 span { + font-size : 15px; + font-weight : 600; + line-height : normal; + } + @media screen and (max-width:768px) { + .community-forum-news > .inner > div.news .latest-news-container .startpage-latesnews { + width : 100%; + } + } + .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption { + text-align : left; + text-transform : none; + } + .community-forum-news > .inner > div.tx-typo3forum-pi1 > h2:after, .ce-table table .community-forum-news > .inner > div.tx-typo3forum-pi1 > caption:after { + margin : 10px 0 10px 0; + } + .community-forum-news > .inner > div.tx-typo3forum-pi1 .ce-forum-latest-post > div { + padding : 10px; + } + @media screen and (max-width:980px) { + .community-forum-news > .inner > div { + float : none; + width : 100%; + margin-left : 0 !important ; + max-width : none; + } + } + .zweispaltig-unterseiten-layout { + max-width : 1030px; + width : 100%; + margin-left : auto; + margin-right : auto; + } + @media screen and (max-width:1100px) { + .zweispaltig-unterseiten-layout { + padding : 0 25px; + } + } + .leftSidebar { + float : left; + width : 23.30%; + width : calc(100% - 72%); + max-width : 240px; + display : block; + padding : 50px 0; + padding-top : 0; + margin-top : 40px; + min-height : 1px; + } + .leftSidebar .leftMenu { + float : none; + width : 100%; + margin-top : 0; + } + .leftSidebar .inner.small, .leftSidebar .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .leftSidebar .tx-felogin-pi1-inner, .leftSidebar .inner { + padding : 0 !important ; + } + @media screen and (max-width:767px) { + .leftSidebar { + float : none; + width : 100%; + margin-left : 0; + max-width : none; + padding-bottom : 0; + } + .leftSidebar .leftMenu { + margin-bottom : 0; + padding-bottom : 0; + margin-top : 25px; + } + .leftSidebar .leftMenu .profile-sidebar-content { + margin-top : 15px; + } + } + .rightContent { + float : left; + width : 73.78%; + width : calc(100% - 32.85%); + display : block; + max-width : 740px; + padding : 50px 0; + margin-left : 4.85%; + padding-top : 0; + min-height : 1px; + margin-top : 40px; + } + .rightContent .tx-srfeuserregister-pi1 { + float : none; + width : 100%; + display : block; + margin-bottom : 40px; + } + .rightContent .tx-srfeuserregister-pi1 input { + padding : 10px 15px; + } + .rightContent .inner.small, .rightContent .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 .rightContent .tx-felogin-pi1-inner, .rightContent .inner { + padding : 0 !important ; + } + @media screen and (max-width:767px) { + .rightContent { + float : none; + width : 100%; + margin-left : 0; + max-width : none; + margin-top : 25px; + } + } + header.header { + padding : 0 0 25px 0; + max-height : 133px; + border-bottom : 5px solid #fc0; + position : fixed; + top : 0; + z-index : 9999; + left : 0; + right : 0; + background : #fff; + } + header.header.compexHeader { + height : 100px; + padding-top : 25px; + } + header.header.compexHeader .topMeta { + display : none; + } + header.header.compexHeader + * { + margin-top : 100px; + display : block; + } + @media screen and (max-width:480px) { + header.header.compexHeader { + height : 72px; + padding-top : 15px; + padding-bottom : 15px; + } + header.header.compexHeader + * { + margin-top : 72px; + } + } + header.header + * { + margin-top : 133px; + display : block; + } + @media screen and (max-width:860px) { + header.header { + height : 155px; + max-height : 155px; + } + header.header + * { + margin-top : 155px; + } + } + @media screen and (max-width:480px) { + header.header { + height : 200px; + max-height : 200px; + } + header.header + * { + margin-top : 200px; + } + } + @media screen and (max-width:460px) { + header.header { + max-height : 120px; + height : 120px; + } + header.header + * { + margin-top : 120px; + } + } + header.header .topMeta { + width : 100%; + background : #f5f5f5; + margin-bottom : 20px; + height : 30px; + line-height : 30px; + } + @media screen and (max-width:860px) { + header.header .topMeta { + height : auto; + } + } + header.header .topMeta .left { + float : left; + color : #333; + font-size : 12px; + font-weight : 600; + line-height : 30px; + } + @media screen and (max-width:860px) { + header.header .topMeta .left { + float : none; + width : 100%; + text-align : center; + } + } + @media screen and (max-width:460px) { + header.header .topMeta .left { + display : none; + } + } + header.header .topMeta .right { + float : right; + } + header.header .topMeta .right form { + position : relative; + float : left; + margin-right : 5px; + } + header.header .topMeta .right form input[type="text"] { + border : 0; + background : #fff; + padding : 0 5px; + height : 24px; + position : relative; + padding-right : 25px; + font-size : 12px; + line-height : 24px; + top : -2px; + margin-right : 35px; + margin-bottom : 0; + } + header.header .topMeta .right form button { + position : absolute; + right : 5px; + top : 1px; + background : transparent; + border : none; + font-size : 18px; + color : #333; + } + header.header .topMeta .right form button:before { + content : "\f002"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + @media screen and (max-width:460px) { + header.header .topMeta .right form { + display : none; + } + } + @media screen and (max-width:860px) { + header.header .topMeta .right { + float : none; + width : 100%; + text-align : center; + text-align : right; + } + } + header.header .topMeta a { + text-decoration : none; + text-transform : uppercase; + color : #333; + font-size : 12px; + line-height : normal; + font-weight : 600; + padding : 0 10px; + border-left : 1px solid #333; + } + header.header .topMeta a i { + margin-right : 3px; + } + header.header .topMeta a:hover { + text-decoration : underline; + } + header.header .topMeta a:last-of-type { + border-right : 1px solid #333; + } + @media screen and (max-width:860px) { + header.header .topMeta a { + border-left : none; + } + header.header .topMeta a:last-of-type { + border-right : none; + border-left : 1px solid #333; + padding-left : 14px; + } + } + @media screen and (max-width:480px) and (min-width:461px) { + header.header .topMeta a { + display : block; + float : none; + margin-left : auto; + margin-right : auto; + width : 100%; + clear : both; + padding-top : 10px; + } + header.header .topMeta a:last-of-type { + border-left : none; + } + } + header.header .logo { + float : left; + display : block; + max-width : 215px; + } + @media screen and (max-width:480px) { + header.header .logo { + max-width : 180px; + } + } + header.header .logo img { + max-height : 50px; + } + header.header nav { + float : right; + } + @media screen and (min-width:1121px) { + header.header nav > ul > li { + float : left; + padding : 14px 0; + position : relative; + } + header.header nav > ul > li > a { + color : #333; + text-decoration : none; + font-weight : 700; + text-transform : uppercase; + font-family : "Open Sans", sans-serif; + } + header.header nav > ul > li > a i { + display : none; + } + header.header nav > ul > li + li { + margin-left : 25px; + } + header.header nav > ul > li:last-of-type { + margin-left : 40px; + background : #be1622; + padding : 14px 19px; + } + header.header nav > ul > li:last-of-type a { + color : #fff; + } + header.header nav > ul > li:last-of-type:hover:before, header.header nav > ul > li:last-of-type.active:before { + display : none !important ; + } + header.header nav > ul > li ul { + display : none; + position : absolute; + width : 170px; + top : 75px; + background : #fff; + z-index : 99999; + box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.35); + } + header.header nav > ul > li ul li { + display : block; + } + header.header nav > ul > li ul li a { + font-size : 12px; + font-weight : 700; + color : #333; + text-decoration : none; + line-height : 14px; + padding : 14px 10px; + display : block; + text-transform : uppercase; + } + header.header nav > ul > li ul li:hover, header.header nav > ul > li ul li.active { + background : #be1622; + } + header.header nav > ul > li ul li:hover a, header.header nav > ul > li ul li.active a { + color : #fff; + } + header.header nav > ul > li ul li + li { + border-top : 1px solid #b7b7b7; + } + header.header nav > ul > li:hover:after { + content : ""; + position : absolute; + left : 0; + right : 0; + bottom : -28px; + width : 100%; + height : 45px; + cursor : pointer; + } + header.header nav > ul > li:hover ul { + display : block; + } + header.header nav > ul > li:hover:before, header.header nav > ul > li.active:before { + content : ""; + position : absolute; + border-bottom : 2px solid #bf1e2e; + height : 2px; + width : 100%; + top : 38px; + } + } + @media screen and (max-width:1120px) { + header.header nav { + position : relative; + } + header.header nav > ul { + position : absolute; + width : 250px; + right : 0; + box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.5); + z-index : 999999; + display : none; + } + header.header nav > ul li { + float : none; + display : block; + padding : 0; + width : 100%; + background : #fff; + } + header.header nav > ul li.active { + background : #be1622; + } + header.header nav > ul li.active > a { + color : #fff; + } + header.header nav > ul li a { + display : block; + width : 100%; + padding : 14px 60px 14px 10px; + color : #333; + text-decoration : none; + font-weight : 700; + position : relative; + text-transform : uppercase; + font-family : "Open Sans", sans-serif; + } + header.header nav > ul li a:hover { + color : #fff; + background : #be1622; + } + header.header nav > ul li a i { + display : inline-block; + position : absolute; + right : 0; + top : 38%; + margin-top : -18px; + padding : 16px; + } + header.header nav > ul li a i.fa-chevron-up { + display : none; + } + header.header nav > ul li.open a i.fa-chevron-up { + display : inline-block; + } + header.header nav > ul li.open a i.fa-chevron-down { + display : none; + } + header.header nav > ul li + li { + margin-left : 0; + border-top : 1px solid #b7b7b7; + } + header.header nav > ul li > ul { + display : none; + } + header.header nav > ul li > ul li { + background : #f9f9f9; + border-top : 1px solid #b7b7b7; + } + header.header nav > ul li > ul li a { + font-size : 13px; + line-height : normal; + padding : 10px 10px 10px 30px; + } + header.header nav > ul li > ul li.active a { + color : #fff; + background : #be1622; + } + header.header nav > ul li.open > ul { + display : block; + } + header.header nav > ul > li:last-of-type { + border-top : none; + } + header.header nav > ul > li:last-of-type a { + color : #fff; + background : #be1622; + } + header.header nav.active > ul { + display : block; + height : 450px; + overflow : scroll; + } + } + header.header .mobile-button { + display : none; + padding : 10px 0; + cursor : pointer; + } + header.header .mobile-button i { + font-size : 40px; + } + @media screen and (max-width:640px) { + header.header .mobile-button { + padding : 5px 0 0 0; + } + } + @media screen and (max-width:1120px) { + header.header .mobile-button { + display : block; + } + } + body.compexCommerce header.header.compexHeader .topMeta { + height : 0; + } + body.compexCommerce header.header.compexHeader .topMeta .right { + display : none; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type { + margin-left : 25px; + background : transparent; + padding : 11px 0; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after { + content : "\f107"; + display : inline-block; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + position : relative; + z-index : 9600; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:hover:after { + left : auto; + right : auto; + bottom : auto; + position : relative; + width : auto; + height : auto; + } + @media screen and (max-width:1120px) { + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch { + padding : 0; + margin : 0; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch:after { + display : none; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul { + width : 100%; + padding : 0 10px 15px 10px; + background : #be1622; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.languageSwitch ul li { + background : #be1622; + border-top : none; + } + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type > a { + color : #333; + position : relative; + z-index : 9600; + font-size : 13px; + line-height : normal; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type img { + vertical-align : middle; + position : relative; + z-index : 9600; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type:hover:before, body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type.active:before { + display : none !important ; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a { + color : #333; + font-weight : 700; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type li a:hover { + color : #fff; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul { + width : 80px; + padding-left : 10px; + top : 0; + padding-top : 47px; + left : -10px; + z-index : 9500; + padding-bottom : 10px; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li img { + vertical-align : middle; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li a { + font-weight : 700; + padding : 0; + display : inline; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover { + background : transparent; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li:hover a { + color : #333; + } + body.compexCommerce header.header.compexHeader nav > ul > li:last-of-type ul li + li { + border-top : none; + padding-top : 10px; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search:hover:before { + display : none !important ; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search .compexCommerce-openSearch i { + display : block; + font-size : 18px; + color : #333; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form { + position : absolute; + top : 38px; + right : 0; + display : none; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form.active { + display : block; + animation : display-none-transition 1s both; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form div { + position : relative; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form input[type="text"] { + height : 30px; + padding : 0 25px 0 5px; + width : 180px; + border : #be1622 solid 1px; + outline : none; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button { + border : none; + background : transparent; + position : absolute; + right : 5px; + top : 5px; + } + body.compexCommerce header.header.compexHeader nav > ul > li.cc-search form button i { + font-size : 15px; + color : #be1622; + } + @keyframes display-none-transition { + 0% { + opacity : 0; + } + 100% { + opacity : 1; + } + } + @media screen and (max-width:1360px) { + header.header .topMeta, header.header .topMeta + div { + padding : 0 20px; + } + } + @media screen and (max-width:1300px) and (min-width:1121px) { + header.header nav > ul > li > a { + font-size : 13px; + line-height : normal; + } + header.header nav > ul > li:last-of-type { + margin-left : 20px; + } + header.header nav > ul > li + li { + margin-left : 18px; + } + } + footer.footer { + background : #333; + padding : 50px 0 15px 0; + } + footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner { + margin-bottom : 80px; + } + footer.footer div.inner.small:nth-of-type(2), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) { + margin-bottom : 0; + } + footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element { + margin-bottom : 0; + max-width : none; + width : auto; + float : left; + } + footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .inner.small, footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1 .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element .tx-felogin-pi1-inner { + padding-left : 0; + padding-right : 0; + } + @media screen and (max-width:860px) { + footer.footer div.inner.small:nth-of-type(2) .ce-Image-Text-Element, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner:nth-of-type(2) .ce-Image-Text-Element { + float : none; + } + } + footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul { + margin : 0; + padding : 0; + list-style : none; + float : left; + width : calc(100% / 6); + } + footer.footer div.inner.small ul > a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a { + color : #fff; + font-size : 13px; + line-height : normal; + font-weight : 700; + text-decoration : none; + } + footer.footer div.inner.small ul > a:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul > a:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul > a:after { + content : ""; + display : block; + width : 75px; + height : 1px; + background : #fc0; + margin : 10px 0 10px 0; + } + footer.footer div.inner.small ul li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li { + display : block; + } + footer.footer div.inner.small ul li a, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li a, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li a { + display : block; + color : #cecece; + text-decoration : none; + font-size : 12px; + line-height : normal; + font-weight : 400; + } + footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li { + margin-top : 5px; + } + footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList { + width : auto; + float : right; + margin-top : -4px; + } + footer.footer div.inner.small ul.imprintList li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li { + display : inline-block; + } + footer.footer div.inner.small ul.imprintList li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li + li { + margin-left : 10px; + } + footer.footer div.inner.small ul.imprintList li:after, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList li:after, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList li:after { + display : none; + } + @media screen and (max-width:860px) { + footer.footer div.inner.small ul.imprintList, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul.imprintList, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul.imprintList { + float : none !important ; + margin : 10px 0 0 0; + width : auto !important ; + } + } + footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p { + font-size : 12px; + line-height : normal; + color : #fff; + margin : 0; + } + @media screen and (max-width:860px) { + footer.footer div.inner.small p, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner p, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner p { + float : none; + } + } + footer.footer div.inner.small + div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.inner.small, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.inner.small, footer.footer .tx-felogin-pi1 div.inner.small + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.inner.small + div.tx-felogin-pi1-inner, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner + div.tx-felogin-pi1-inner { + margin-bottom : 0; + } + @media screen and (max-width:800px) { + footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul { + width : calc(100% / 3); + } + footer.footer div.inner.small ul:nth-of-type(n 4), footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul:nth-of-type(n 4), .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul:nth-of-type(n 4) { + margin-top : 20px; + } + } + @media screen and (max-width:720px) { + footer.footer div.inner.small, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner { + margin-bottom : 50px; + } + footer.footer div.inner.small ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul { + float : none; + width : 100%; + } + footer.footer div.inner.small ul li:first-of-type, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li:first-of-type, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li:first-of-type { + display : block; + } + footer.footer div.inner.small ul li + li, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul li + li, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul li + li { + margin-right : 10px; + display : inline-block; + } + footer.footer div.inner.small ul + ul, footer.footer .tx-felogin-pi1 div.tx-felogin-pi1-inner ul + ul, .tx-felogin-pi1 footer.footer div.tx-felogin-pi1-inner ul + ul { + margin-top : 20px; + } + } + .breadcrumbContainer { + padding-top : 11px; + padding-bottom : 11px; + } + @media screen and (max-width:1100px) { + .breadcrumbContainer { + padding-top : 11px !important ; + padding-bottom : 11px !important ; + } + } + .breadcrumbContainer ul li { + color : #333; + display : inline-block; + font-size : 13px; + line-height : normal; + } + .breadcrumbContainer ul li a { + color : #999999; + text-decoration : none; + font-size : 13px; + line-height : normal; + } + .breadcrumbContainer ul li:before { + content : "\f015"; + color : #fc0; + display : inline-block; + margin-right : 5px; + font : normal normal 14px/1 FontAwesome; + font-size : inherit; + } + .breadcrumbContainer ul li + li { + margin-left : 5px; + } + .breadcrumbContainer ul li + li:before { + content : "\f054"; + } + .breadcrumbContainer ul li:last-of-type a { + color : #333; + } + .mfp-image-holder .mfp-content { + margin-top : 50px; + padding : 0 25px; + } + .mfp-image-holder .mfp-content figure { + background : #fff; + } + img.mfp-img { + max-height : 100% !important ; + } + .ce-video { + padding : 30px 0; + } + .ce-video .left { + float : left; + max-width : 500px; + margin-right : 30px; + } + .ce-video .left video { + max-width : 100%; + height : auto; + } + .ce-video .right { + float : left; + max-width : 500px; + } + .ce-video .right h1, .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption, .ce-video .right h3 { + margin-top : 0; + } + .ce-video .right h2, .ce-video .right .ce-table table caption, .ce-table table .ce-video .right caption { + text-align : left; + } + .ce-video .right h2:after, .ce-video .right .ce-table table caption:after, .ce-table table .ce-video .right caption:after { + margin : 10px 0 0 0; + } + .ce-forum-latest-post { + margin-top : 40px; + max-width : 83%; + } + @media screen and (max-width:980px) { + .ce-forum-latest-post { + max-width : none; + } + } + .ce-forum-latest-post + .ce-forum-latest-post { + margin-top : 0; + } + .ce-forum-latest-post:last-of-type { + margin-bottom : 40px; + border-bottom : 1px solid #bbb; + } + .ce-forum-latest-post h2, .ce-forum-latest-post .ce-table table caption, .ce-table table .ce-forum-latest-post caption { + text-align : left; + } + .ce-forum-latest-post h2:after, .ce-forum-latest-post .ce-table table caption:after, .ce-table table .ce-forum-latest-post caption:after { + margin : 10px 0 10px 0; + } + .ce-forum-latest-post > div { + display : block; + width : 100%; + padding : 12px; + background : #fff; + border-right : 1px solid #bbbbbb; + border-left : 1px solid #bbbbbb; + border-top : 1px solid #bbbbbb; + } + .ce-forum-latest-post > div img { + float : left; + max-width : 70px; + margin-right : 15px; + } + .ce-forum-latest-post > div div h3 { + font-size : 18px; + line-height : normal; + font-weight : 700; + color : #333; + margin : 0 0 0 0; + } + .ce-forum-latest-post > div div h3 a { + color : #333; + } + .ce-forum-latest-post > div div p { + font-weight : 400; + float : left; + } + .ce-forum-latest-post > div div p + p { + margin-left : 10px; + } + .tx-typo3forum-post-latest-box h2, .tx-typo3forum-post-latest-box .ce-table table caption, .ce-table table .tx-typo3forum-post-latest-box caption { + text-align : left; + } + .tx-typo3forum-post-latest-box h2:after, .tx-typo3forum-post-latest-box .ce-table table caption:after, .ce-table table .tx-typo3forum-post-latest-box caption:after { + margin : 10px 0 10px 0; + } + .leftMenu { + float : left; + width : 24.27%; + margin-top : 30px; + } + @media screen and (max-width:767px) { + .leftMenu { + float : none; + width : 100%; + margin-bottom : 40px; + padding-bottom : 40px; + border-bottom : 1px solid #bbbbbb; + } + .leftMenu .profile-sidebar-content { + display : none; + } + .leftMenu .profile-sidebar-content.active { + display : block; + } + } + .leftMenu h3 { + font-size : 16px; + line-height : normal; + font-weight : 700; + color : #333; + text-transform : uppercase; + border-bottom : 2px solid #fc0; + margin-bottom : 15px; + } + .leftMenu ul { + margin : 0; + padding : 0; + list-style-type : none; + } + .leftMenu ul li { + display : block; + } + .leftMenu ul li a { + font-size : 15px; + line-height : normal; + color : #333; + text-decoration : none; + font-weight : 400; + text-transform : uppercase; + } + .leftMenu ul li.active a, .leftMenu ul li:hover a { + font-weight : 700; + color : #333; + } + .leftMenu ul li + li { + margin-top : 15px; + } + .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * { + width : 74.75%; + float : left; + margin-left : 0.97%; + padding : 30px 10px 0 10px; + } + @media screen and (max-width:767px) { + .leftMenu + .tx-srfeuserregister-pi1, .leftMenu + * { + float : none; + width : 100%; + margin-left : 0; + padding : 0; + } + } + .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice, .leftMenu + * .tx-srfeuserregister-pi1-notice { + margin : 0; + font-style : normal; + font-size : 15px; + line-height : normal; + } + .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash, .leftMenu + * .tx-srfeuserregister-pi1-trash { + margin : 0 0 10px 0; + } + .leftMenu + .tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash a, .leftMenu + * .tx-srfeuserregister-pi1-trash a { + background : transparent; + padding-left : 0; + font-size : 15px; + line-height : normal; + font-weight : 400; + } + .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt { + float : left; + width : 32.46%; + text-align : left; + padding : 17px 10px 16px 10px; + } + @media screen and (max-width:600px) { + .leftMenu + .tx-srfeuserregister-pi1 dt, .leftMenu + * dt { + float : none; + width : 100%; + padding : 0 10px 0 0; + } + } + .leftMenu + .tx-srfeuserregister-pi1 dt label, .leftMenu + * dt label { + font-size : 15px; + line-height : normal; + color : #333; + } + .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd { + float : left; + width : 66.23%; + margin-left : 1.29%; + } + @media screen and (max-width:600px) { + .leftMenu + .tx-srfeuserregister-pi1 dd, .leftMenu + * dd { + float : none; + width : 100%; + margin-left : 0; + margin-top : 0; + } + .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] { + margin-top : 0; + } + .leftMenu + .tx-srfeuserregister-pi1 dd input[type="submit"], .leftMenu + * dd input[type="submit"] { + margin-top : 0; + } + } + .leftMenu + .tx-srfeuserregister-pi1 dd input[type="text"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="password"], .leftMenu + .tx-srfeuserregister-pi1 dd input[type="email"], .leftMenu + * dd input[type="text"], .leftMenu + * dd input[type="password"], .leftMenu + * dd input[type="email"] { + width : 100%; + height : 55px; + vertical-align : middle; + line-height : 55px; + padding : 0 10px; + font-size : 15px; + color : #333; + } + .leftMenu + .tx-srfeuserregister-pi1 input[type="submit"], .leftMenu + * input[type="submit"] { + float : right; + margin-bottom : 40px; + } + .leftMenu .profile-sidebar { + display : none; + margin-top : 15px; + } + .leftMenu .profile-sidebar button { + border : none; + width : 100%; + display : block; + } + @media screen and (max-width:767px) { + .leftMenu .profile-sidebar { + display : block; + } + } + .formular-sidebar { + float : left; + width : 25%; + margin-left : 5%; + padding-top : 50px; + padding-bottom : 50px; + } + .formular-sidebar .formular-sidebar-content { + width : 100%; + } + .formular-sidebar .formular-sidebar-content + .formular-sidebar-content { + margin-top : 40px; + } + .formular-sidebar h2, .formular-sidebar .ce-table table caption, .ce-table table .formular-sidebar caption { + font-size : 18px; + line-height : normal; + text-align : left; + margin : 0 0 5px 0; + } + .formular-sidebar h2:after, .formular-sidebar .ce-table table caption:after, .ce-table table .formular-sidebar caption:after { + margin : 10px 0 0 0; + } + .formular-sidebar img { + margin-top : 20px; + } + .formular-sidebar p { + font-size : 13px; + line-height : normal; + } + .formular-sidebar .fontAwesome-list { + margin-bottom : 20px; + } + .formular-sidebar .fontAwesome-list ul { + margin : 0; + padding : 0; + list-style : none; + } + .formular-sidebar .fontAwesome-list ul li { + display : block; + font-size : 16px; + line-height : normal; + color : #333; + font-weight : 700; + } + .formular-sidebar .fontAwesome-list ul li i { + display : table-cell; + font-size : 22px; + margin-right : 10px; + border-radius : 50px; + border : #333 solid 2px; + padding : 10px; + vertical-align : sub; + float : left; + height : 46px; + width : 46px; + } + .formular-sidebar .fontAwesome-list ul li span { + margin : 0; + display : table-cell; + vertical-align : middle; + padding-left : 10px; + height : 46px; + } + @media screen and (max-width:440px) { + .formular-sidebar .fontAwesome-list ul li span { + width : 80%; + } + } + @media screen and (max-width:360px) { + .formular-sidebar .fontAwesome-list ul li span { + width : 70%; + } + } + .formular-sidebar .fontAwesome-list ul li + li { + padding-top : 10px; + clear : both; + } + @media screen and (max-width:800px) { + .formular-sidebar { + float : none; + width : 100%; + margin-left : 0; + padding : 0 0 50px 0; + } + } + .ui-icon { + display : none !important ; + } + .compexCommerce .news-list-view .header { + max-width : none; + } + .cc_container .cc_btn { + padding : 8px 10px !important ; + } + body.compexCommerce main > *:first-child { + margin-top : 40px; + } + body.compexCommerce main > .sliderContainer { + margin-top : 0 !important ; + } + body.compexCommerce main > .unterseiten-banner:first-child { + margin-top : 0; + } + diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/db.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/db.png Binary files differnew file mode 100644 index 0000000..7644677 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/db.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dbinfo.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dbinfo.png Binary files differnew file mode 100644 index 0000000..9c2cfff --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dbinfo.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dsnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dsnew.png Binary files differindex 32f4adc..d9db6b4 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dsnew.png +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dsnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dssaveandnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dssaveandnew.png Binary files differnew file mode 100644 index 0000000..fd8c709 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dssaveandnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dssaveasnew.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dssaveasnew.png Binary files differnew file mode 100644 index 0000000..fb72a81 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/dssaveasnew.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/info.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/info.png Binary files differnew file mode 100644 index 0000000..e9f354c --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/info.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/license.txt b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/license.txt index d1e91c0..c68c4c1 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/license.txt +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/license.txt @@ -91,8 +91,8 @@ flag_usa.png -(C) 2014 Loetz GmbH&Co.KG, -License: EPL 1.0: +(C) 2014,2018 Loetz GmbH&Co.KG, +License: EPL 1.0 ------------------------------------ about.png badrising.png @@ -115,10 +115,16 @@ crm.png css.png csv_import.png currency_euro.png +dashboard.png +dashboard-big.png database.png database_go.png database_table.png date.gif +db.png +dbinfo.png +dbsaveandnew.png +dbsaveasnew.png delete.png dir.txt dropdown.png @@ -126,6 +132,7 @@ dropdown_2.png dropedit2.png dscancel.png dsdelete.png +dsnew.png dssave.png edi.png editor_area.png @@ -146,6 +153,7 @@ gender_male.png goodsloping.png help.png html.png +info.png img.png import.png information.png @@ -219,6 +227,9 @@ task_status_ready.png task_status_reserved.png task_status_suspended.png tasks.png +tasks_many.png +tasks_none.png +tasks_some.png text.png toolbar_button_background_active_23x20.png toolbar_button_background_hover_23x20.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/tasks_many.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/tasks_many.png Binary files differnew file mode 100644 index 0000000..ef0dc97 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/tasks_many.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/tasks_none.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/tasks_none.png Binary files differnew file mode 100644 index 0000000..271a811 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/tasks_none.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/tasks_some.png b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/tasks_some.png Binary files differnew file mode 100644 index 0000000..3efaba4 --- /dev/null +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/icon/tasks_some.png diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/applause.mp3 b/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/applause.mp3 Binary files differdeleted file mode 100644 index d9e5c9c..0000000 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/applause.mp3 +++ /dev/null diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/jaguar.mp3 b/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/jaguar.mp3 Binary files differdeleted file mode 100644 index 0213693..0000000 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/sound/jaguar.mp3 +++ /dev/null diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css b/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css index 798a4d8..3298e2e 100644 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css +++ b/org.eclipse.osbp.themes/VAADIN/themes/osbp/styles.css @@ -18589,6 +18589,10 @@ div.v-layout.v-horizontal.v-widget { margin: 0 auto; } +.osbp div.v-slider-base { + width: 220px; +} + .osbp .v-verticallayout-os-welcome { padding: 0px !important; } @@ -18597,6 +18601,53 @@ div.v-layout.v-horizontal.v-widget { border-width: 0px; } +.osbp .v-label-os-dashboardtile { + color: #bad1e1; + font-size: 9px; + line-height: 1.2; +} + +.osbp .v-label-os-dashboardtile-number { + font-size: 25px; +} + +.osbp .v-slot-os-dashboardtile { + vertical-align: middle; +} + +.osbp .v-verticallayout-os-dashboardtile { + font-weight: 600; + + background-color: #1f567d; + border: 0px; + border-radius: 0px; + + bevel: false; + shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); + states: normal disabled; + margin-left: 4px; +} + +.osbp .v-verticallayout-os-dashboardtile.v-pressed { + background-color: #f8aa76 !important; + border-color: #f8aa76 !important; +} + +.osbp .v-verticallayout-os-dashboardtile:after { + transition: none; +} + +.osbp .v-verticallayout-os-dashboardtile:hover, .osbp .v-verticallayout-os-dashboardtile:focus, .osbp .v-verticallayout-os-dashboardtile:active { + background-color: #f5863c; + border-color: #f5863c; + color: #f3dfd2; +} + +.osbp .v-verticallayout-os-dashboardtile:focus:after { + border-color: transparent; + transition: none; +} + :root .osbp .v-checkbox { line-height: 22px; padding-top: inherit; @@ -18618,7 +18669,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp .v-checkbox > input ~ label:before { height: 22px; border: 0px; - border-bottom: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4 !important; background: #ededed; -webkit-box-shadow: none; box-shadow: none; @@ -18665,6 +18716,14 @@ div.v-layout.v-horizontal.v-widget { padding-right: 6.6px; } +.osbp .popupContent .v-window-outerheader:after { + border-top-width: 0px; +} + +.osbp .popupContent .v-window-contents { + padding-top: 45.4px !important; +} + .osbp .popupContent .v-window-closebox { background: transparent; border: 0px; @@ -18875,6 +18934,13 @@ div.v-layout.v-horizontal.v-widget { background: #fac29d; } +.osbp .os-mparttoolbararea .v-button.v-spliter, .osbp .os-embedded-toolbar .v-button.v-spliter { + background: inherit; + width: 0; + padding: 0; + border-right: 1px solid #d4d4d4; +} + .osbp .os-mparttoolbararea span.v-button-caption, .osbp .os-embedded-toolbar span.v-button-caption { vertical-align: middle; } @@ -19367,6 +19433,8 @@ div.v-layout.v-horizontal.v-widget { border-left-color: #fff; border-bottom: 1px solid #d4d4d4; margin-left: 0px; + -webkit-box-shadow: none; + box-shadow: none; font-weight: normal; text-transform: none; } @@ -19589,10 +19657,27 @@ div.v-layout.v-horizontal.v-widget { font-size: 16.8px; } -.osbp .v-caption-on-top > .v-caption-l-control > .v-captiontext { +.osbp .v-caption-on-top > .v-caption-l-control > .v-captiontext, .osbp .v-slot-os-single-selection > .v-caption-on-top > .v-caption > .v-captiontext, .osbp .v-slot-os-multi-selection > .v-caption-on-top > .v-caption > .v-captiontext { font-size: 12px; } +.osbp .v-slot-os-single-selection, .osbp .v-slot-os-multi-selection { + background-color: #ededed; +} + +.osbp .v-slot-os-single-selection > .v-caption-on-top > .v-caption, .osbp .v-slot-os-multi-selection > .v-caption-on-top > .v-caption { + padding-bottom: 0px; +} + +.osbp .v-slot-os-single-selection > .v-caption-on-top > .v-caption > .v-captiontext, .osbp .v-slot-os-multi-selection > .v-caption-on-top > .v-caption > .v-captiontext { + margin: 7px; + margin-bottom: 0px; +} + +.osbp .v-slot-os-single-selection > .v-caption-on-top > .v-filterselect, .osbp .v-slot-os-multi-selection > .v-caption-on-top > .v-filterselect { + margin-top: 0px; +} + :root .osbp .v-formlayout-row .v-checkbox { line-height: 22px; padding-top: inherit; @@ -19614,7 +19699,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp .v-formlayout-row .v-checkbox > input ~ label:before { height: 22px; border: 0px; - border-bottom: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4 !important; background: #ededed; -webkit-box-shadow: none; box-shadow: none; @@ -19631,6 +19716,7 @@ div.v-layout.v-horizontal.v-widget { :root .osbp .v-formlayout-row .v-checkbox > input ~ label:before { margin-top: inherit; + border-width: 0px; } .osbp .v-gridlayout-slot .v-checkbox-os-box { @@ -19654,7 +19740,7 @@ div.v-layout.v-horizontal.v-widget { .osbp .v-gridlayout-slot .v-checkbox-os-box > input ~ label:before { height: 22px; border: 0px; - border-bottom: 1px solid #d4d4d4; + border-bottom: 1px solid #d4d4d4 !important; background: #ededed; -webkit-box-shadow: none; box-shadow: none; @@ -19713,6 +19799,30 @@ div.v-layout.v-horizontal.v-widget { border-width: 1px; } +.osbp .l-control .v-widget.os-group-panel, .osbp .toptrimbar .v-widget.os-group-panel, .osbp .os-selection-area .v-widget.os-group-panel { + width: 100%; + border-top-width: 2px; +} + +.osbp .l-control .v-widget.os-group-panel.os-caption-large .v-caption, .osbp .l-control .v-widget .os-caption-large .v-caption, .osbp .toptrimbar .v-widget.os-group-panel.os-caption-large .v-caption, .osbp .toptrimbar .v-widget .os-caption-large .v-caption, .osbp .os-selection-area .v-widget.os-group-panel.os-caption-large .v-caption, .osbp .os-selection-area .v-widget .os-caption-large .v-caption { + width: 132px; + white-space: nowrap; + overflow: -moz-hidden-unscrollable; + text-overflow: ellipsis; +} + +.osbp .l-control .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp .l-control .v-widget .os-caption-large .v-caption .v-caption:hover, .osbp .toptrimbar .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp .toptrimbar .v-widget .os-caption-large .v-caption .v-caption:hover, .osbp .os-selection-area .v-widget.os-group-panel.os-caption-large .v-caption .v-caption:hover, .osbp .os-selection-area .v-widget .os-caption-large .v-caption .v-caption:hover { + overflow: visible; +} + +.osbp .l-control .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp .l-control .v-widget .os-caption-large .v-formlayout-contentcell, .osbp .toptrimbar .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp .toptrimbar .v-widget .os-caption-large .v-formlayout-contentcell, .osbp .os-selection-area .v-widget.os-group-panel.os-caption-large .v-formlayout-contentcell, .osbp .os-selection-area .v-widget .os-caption-large .v-formlayout-contentcell { + padding: 0px; +} + +.osbp .l-control .os-no-padding, .osbp .toptrimbar .os-no-padding, .osbp .os-selection-area .os-no-padding { + padding: 0px !important; +} + .osbp .l-control .v-caption, .osbp .toptrimbar .v-caption, .osbp .os-selection-area .v-caption { font-size: 12px; } @@ -19727,6 +19837,23 @@ div.v-layout.v-horizontal.v-widget { border-bottom-color: #f5863c; } +.osbp .l-control .v-component-group, .osbp .l-control .l-beansearchfield, .osbp .toptrimbar .v-component-group, .osbp .toptrimbar .l-beansearchfield, .osbp .os-selection-area .v-component-group, .osbp .os-selection-area .l-beansearchfield { + display: flex; + width: 220px; +} + +.osbp .l-control .v-component-group > .v-slot:first-of-type, .osbp .l-control .l-beansearchfield > .v-slot:first-of-type, .osbp .toptrimbar .v-component-group > .v-slot:first-of-type, .osbp .toptrimbar .l-beansearchfield > .v-slot:first-of-type, .osbp .os-selection-area .v-component-group > .v-slot:first-of-type, .osbp .os-selection-area .l-beansearchfield > .v-slot:first-of-type { + width: 100%; +} + +.osbp .l-control .v-component-group .v-datefield, .osbp .l-control .v-component-group .v-filterselect, .osbp .l-control .l-beansearchfield .v-datefield, .osbp .l-control .l-beansearchfield .v-filterselect, .osbp .toptrimbar .v-component-group .v-datefield, .osbp .toptrimbar .v-component-group .v-filterselect, .osbp .toptrimbar .l-beansearchfield .v-datefield, .osbp .toptrimbar .l-beansearchfield .v-filterselect, .osbp .os-selection-area .v-component-group .v-datefield, .osbp .os-selection-area .v-component-group .v-filterselect, .osbp .os-selection-area .l-beansearchfield .v-datefield, .osbp .os-selection-area .l-beansearchfield .v-filterselect { + width: 100% !important; +} + +.osbp .l-control .v-component-group .v-datefield > .v-textfield, .osbp .l-control .v-component-group .v-filterselect > .v-textfield, .osbp .l-control .l-beansearchfield .v-datefield > .v-textfield, .osbp .l-control .l-beansearchfield .v-filterselect > .v-textfield, .osbp .toptrimbar .v-component-group .v-datefield > .v-textfield, .osbp .toptrimbar .v-component-group .v-filterselect > .v-textfield, .osbp .toptrimbar .l-beansearchfield .v-datefield > .v-textfield, .osbp .toptrimbar .l-beansearchfield .v-filterselect > .v-textfield, .osbp .os-selection-area .v-component-group .v-datefield > .v-textfield, .osbp .os-selection-area .v-component-group .v-filterselect > .v-textfield, .osbp .os-selection-area .l-beansearchfield .v-datefield > .v-textfield, .osbp .os-selection-area .l-beansearchfield .v-filterselect > .v-textfield { + width: 100% !important; +} + .osbp .l-control .v-formlayout-captioncell, .osbp .l-control .v-formlayout-errorcell, .osbp .toptrimbar .v-formlayout-captioncell, .osbp .toptrimbar .v-formlayout-errorcell, .osbp .os-selection-area .v-formlayout-captioncell, .osbp .os-selection-area .v-formlayout-errorcell { border-bottom: 1px solid #d4d4d4; vertical-align: bottom; @@ -19738,11 +19865,10 @@ div.v-layout.v-horizontal.v-widget { .osbp .l-control .v-formlayout-contentcell > .v-customcomponent, .osbp .toptrimbar .v-formlayout-contentcell > .v-customcomponent, .osbp .os-selection-area .v-formlayout-contentcell > .v-customcomponent { width: 100%; - border-bottom: 1px solid #d4d4d4; } -.osbp .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp .l-control .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"], .osbp .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect-input, .osbp .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-filterselect [class*="input"] { - border-bottom-width: 0px; +.osbp .l-control .v-formlayout-contentcell > .v-customcomponent .v-label, .osbp .toptrimbar .v-formlayout-contentcell > .v-customcomponent .v-label, .osbp .os-selection-area .v-formlayout-contentcell > .v-customcomponent .v-label { + border-bottom: 1px solid #d4d4d4; } .osbp .l-control .v-textfield, .osbp .toptrimbar .v-textfield, .osbp .os-selection-area .v-textfield { @@ -19767,7 +19893,6 @@ div.v-layout.v-horizontal.v-widget { border-top: transparent; border-left: transparent; border-right: transparent; - border-bottom: 1px solid #d4d4d4; -webkit-box-shadow: none; box-shadow: none; } @@ -19789,11 +19914,13 @@ div.v-layout.v-horizontal.v-widget { background-color: transparent; } -.osbp .l-control .l-beansearchfield button, .osbp .toptrimbar .l-beansearchfield button, .osbp .os-selection-area .l-beansearchfield button { +.osbp .l-control .l-beansearchfield button, .osbp .l-control .l-beansearchfield .v-nativebutton, .osbp .toptrimbar .l-beansearchfield button, .osbp .toptrimbar .l-beansearchfield .v-nativebutton, .osbp .os-selection-area .l-beansearchfield button, .osbp .os-selection-area .l-beansearchfield .v-nativebutton { background: transparent; border: 0px; float: none; margin-left: 0px; + padding: 0px; + padding-left: 6px; font-weight: normal; color: #424242; border-width: 0px; @@ -19802,11 +19929,12 @@ div.v-layout.v-horizontal.v-widget { border-bottom: 1px solid #d4d4d4; outline: 0; height: 22px; - width: 22px !important; cursor: pointer; + -webkit-box-shadow: none; + box-shadow: none; } -.osbp .l-control .l-beansearchfield button:before, .osbp .toptrimbar .l-beansearchfield button:before, .osbp .os-selection-area .l-beansearchfield button:before { +.osbp .l-control .l-beansearchfield button:before, .osbp .l-control .l-beansearchfield .v-nativebutton:before, .osbp .toptrimbar .l-beansearchfield button:before, .osbp .toptrimbar .l-beansearchfield .v-nativebutton:before, .osbp .os-selection-area .l-beansearchfield button:before, .osbp .os-selection-area .l-beansearchfield .v-nativebutton:before { font-family: FontAwesome; font-size: 14px; line-height: 14px; @@ -19815,7 +19943,7 @@ div.v-layout.v-horizontal.v-widget { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); } -.osbp .l-control .l-beansearchfield button img, .osbp .toptrimbar .l-beansearchfield button img, .osbp .os-selection-area .l-beansearchfield button img { +.osbp .l-control .l-beansearchfield button img, .osbp .l-control .l-beansearchfield .v-nativebutton img, .osbp .toptrimbar .l-beansearchfield button img, .osbp .toptrimbar .l-beansearchfield .v-nativebutton img, .osbp .os-selection-area .l-beansearchfield button img, .osbp .os-selection-area .l-beansearchfield .v-nativebutton img { display: none; } @@ -19857,7 +19985,6 @@ div.v-layout.v-horizontal.v-widget { .osbp .v-filterselect-os-single-selection, .osbp .os-single-selection { color: #424242; margin: 7px; - width: 154px; } .osbp .os-multi-selection select.v-select-select { @@ -20180,98 +20307,55 @@ div.v-layout.v-horizontal.v-widget { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); } -.osbp .v-slot-osbpsidebar .v-slot-branding { - background-color: #ededed; -} - -.osbp .v-slot-osbpsidebar .branding { - padding-bottom: 8.8px; - padding-top: 8.8px; -} - -.osbp .v-slot-osbpsidebar .branding .v-label { - padding: 0px; - padding-left: 8.8px; - line-height: 29.4px; - font-size: 16.8px; - font-weight: bold; -} - -.osbp .v-slot-osbpsidebar .branding .v-label span { - font-size: 16.8px; - margin: 0px !important; - font-weight: bold; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - color: #424242; - letter-spacing: 0em !important; - min-height: 29px; - display: block; -} - -.osbp .v-slot-osbpsidebar .menu { - width: 100%; - padding: 11px; - overflow: auto; -} - -.osbp .v-slot-osbpsidebar .menu .v-nativebutton { +.osbp .osbpsidebar .menu .v-nativebutton { + height: 29px; + padding: 0 12px; + color: #bad1e1; + font-weight: 600; + + + border-radius: 0px; border: 0px; - width: 100%; - background-color: #fff; + background: #1f567d; + -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); + box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.1); + text-transform: uppercase; + margin-left: 4px; + text-align: center; + margin-bottom: 8px; + width: calc(100% - 8px); cursor: pointer; - height: 29px; - white-space: inherit; - border-bottom: 1px solid #d4d4d4; - font-weight: normal; - text-align: left; } -.osbp .v-slot-osbpsidebar .menu .v-nativebutton .badge { - position: relative; - float: right; - display: inline-block; - line-height: 21px; - color: #f3dfd2; - padding: 0em 0.4em 0em; - background: #f5863c; -} - -.osbp .v-slot-osbpsidebar .menu .v-nativebutton:active { - background: rgba(0, 0, 0, 0.1); +.osbp .osbpsidebar .menu .v-nativebutton.v-pressed { + background-color: #f8aa76 !important; + border-color: #f8aa76 !important; } -.osbp .v-slot-osbpsidebar .menu .v-nativebutton:focus, .osbp .v-slot-osbpsidebar .menu .v-nativebutton:hover { - outline: 0; - border-bottom-color: #f5863c; +.osbp .osbpsidebar .menu .v-nativebutton:after { + transition: none; } -.osbp .v-slot-osbpsidebar .user { - display: block; - background-color: #ededed; - padding: 5px; +.osbp .osbpsidebar .menu .v-nativebutton:hover, .osbp .osbpsidebar .menu .v-nativebutton:focus, .osbp .osbpsidebar .menu .v-nativebutton:active { + background-color: #f5863c; + border-color: #f5863c; + color: #f3dfd2; } -.osbp .v-slot-osbpsidebar .user > .v-slot { - height: 100%; - display: inline-block; +.osbp .osbpsidebar .menu .v-nativebutton:focus:after { + border-color: transparent; + transition: none; } -.osbp .v-slot-osbpsidebar .user :nth-child(4) { - float: right; +.osbp .osbpsidebar .menu .v-nativebutton:focus, .osbp .osbpsidebar .menu .v-nativebutton:hover { + outline: 0; } -.osbp .v-slot-osbpsidebar .user .v-image { - border: 1px solid #d4d4d4; - border-width: 0px; - vertical-align: text-top; - border-radius: 22px; - max-width: 31px; - max-height: 31px; +.osbp .osbpsidebar .menu { + padding: 11px; } -.osbp .v-slot-osbpsidebar .user .v-label { +.osbp .osbpsidebar .branding { font-size: 16.8px; padding: 7px; font-weight: bold; @@ -20282,54 +20366,6 @@ div.v-layout.v-horizontal.v-widget { line-height: 29.4px; letter-spacing: 0em !important; min-width: 154px; - color: #424242; - padding-top: 0px; -} - -.osbp .v-slot-osbpsidebar .user .v-menubar, .osbp .v-slot-osbpsidebar .user .v-nativebutton { - background-image: none; - background-color: transparent; - border: 0px; -} - -.osbp .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog { - vertical-align: text-top; - height: 100%; - display: inline !important; - background: transparent; - border: 0px; - float: none; - color: #424242; -} - -.osbp .v-slot-osbpsidebar .user .v-menubar > .v-menubar-menuitem-icon-cog:before { - font-family: FontAwesome; - font-size: 21px; - line-height: 29.4px; - content: "\f013" !important; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -} - -.osbp .v-slot-osbpsidebar .user .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after { - display: none; -} - -.osbp .v-slot-osbpsidebar .user .v-nativebutton { - font-size: 16.8px; - color: #424242; -} - -.osbp .v-slot-osbpsidebar .user .icon-cancel:before { - font-size: 16.8px; - color: #424242; - font-weight: bold; - line-height: 29.4px; - color: #474747; -} - -.osbp .v-slot-osbpsidebar .user .v-nativebutton-caption { - display: none; } .osbp .l-csslayout { @@ -20385,6 +20421,32 @@ div.v-layout.v-horizontal.v-widget { font-weight: bold; } +.osbp .v-grid .v-grid-body > .v-grid-row > .v-grid-cell { + margin-bottom: -22px; +} + +.osbp .v-grid .v-grid-row { + display: flex; + position: relative; +} + +.osbp .v-grid .v-grid-row > td > img.gwt-Image { + height: 20px; +} + +.osbp .v-grid .v-grid-row > td:hover { + height: auto !important; + position: relative; +} + +.osbp .v-grid .v-grid-row > td:hover > img.gwt-Image { + height: auto; +} + +.osbp .v-grid .v-grid-row > td { + height: auto !important; +} + .osbp .v-grid .v-grid-cell.filter-header { height: 22px !important; padding: 0px; @@ -21830,16 +21892,45 @@ div.v-layout.v-horizontal.v-widget { color: #f3dfd2; } -.osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox { +.osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox, .osbp .os-cash-register .v-filterselect, .osbp .os-cash-register .v-filterselect-input, .osbp .os-cash-register .v-filterselect [class*="input"] { font-size: 18px; height: 33px; } -.osbp .os-cash-register .v-textfield.v-disabled, .osbp .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp .os-cash-register .v-datefield.v-disabled, .osbp .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp .os-cash-register .o-XSuggestBox.v-disabled, .osbp .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield { +.osbp .os-cash-register .v-textfield.v-disabled, .osbp .os-cash-register .v-textfield.v-disabled > .v-textfield, .osbp .os-cash-register .v-datefield.v-disabled, .osbp .os-cash-register .v-datefield.v-disabled > .v-textfield, .osbp .os-cash-register .o-XSuggestBox.v-disabled, .osbp .os-cash-register .o-XSuggestBox.v-disabled > .v-textfield, .osbp .os-cash-register .v-filterselect.v-disabled, .osbp .os-cash-register .v-filterselect.v-disabled > .v-textfield, .osbp .os-cash-register .v-filterselect-input.v-disabled, .osbp .os-cash-register .v-filterselect-input.v-disabled > .v-textfield, .osbp .os-cash-register .v-filterselect [class*="input"].v-disabled, .osbp .os-cash-register .v-filterselect [class*="input"].v-disabled > .v-textfield { background-color: transparent; opacity: 0.75; } +.osbp .os-cash-register .v-datefield [class*="textfield"] { + padding-left: 39.6px; +} + +.osbp .os-cash-register .v-filterselect-button, .osbp .os-cash-register .v-datefield button { + width: 33px; +} + +.osbp .os-cash-register .v-filterselect-button:before, .osbp .os-cash-register .v-datefield button:before { + width: 33px; +} + +.osbp .os-cash-register .os-alt-button > .v-component-group, .osbp .os-cash-register .os-alt-button > .l-beansearchfield { + display: block; +} + +.osbp .os-cash-register .os-alt-button > .v-component-group > .v-slot > .v-button, .osbp .os-cash-register .os-alt-button > .l-beansearchfield > .v-slot > .v-button { + position: relative; + height: 29px; + width: 29px; + min-width: 29px; + top: -29px; + left: -29px; +} + +.osbp .os-cash-register .v-component-group > .v-slot > .v-button { + height: 33px; +} + .osbp .os-cash-register .v-textarea { font-size: 18px; } @@ -21887,7 +21978,7 @@ div.v-layout.v-horizontal.v-widget { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); } -.osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox { +.osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox, .osbp .os-cash-register .v-filterselect, .osbp .os-cash-register .v-filterselect-input, .osbp .os-cash-register .v-filterselect [class*="input"], .osbp .os-cash-register .l-control > .v-component-group, .osbp .os-cash-register .l-control > .l-beansearchfield { width: 140px; } @@ -21895,7 +21986,7 @@ div.v-layout.v-horizontal.v-widget { width: 107px !important; } -.osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox { +.osbp .os-cash-register .v-textfield, .osbp .os-cash-register .v-datefield, .osbp .os-cash-register .o-XSuggestBox, .osbp .os-cash-register .v-filterselect, .osbp .os-cash-register .v-filterselect-input, .osbp .os-cash-register .v-filterselect [class*="input"], .osbp .os-cash-register .l-control > .v-component-group, .osbp .os-cash-register .l-control > .l-beansearchfield { width: 140px; } @@ -21903,7 +21994,7 @@ div.v-layout.v-horizontal.v-widget { width: 107px !important; } -.osbp .os-cash-register .os-span-h-half.v-textfield, .osbp .os-cash-register .os-span-h-half.v-datefield, .osbp .os-cash-register .os-span-h-half.o-XSuggestBox { +.osbp .os-cash-register .os-span-h-half.v-textfield, .osbp .os-cash-register .os-span-h-half.v-datefield, .osbp .os-cash-register .os-span-h-half.o-XSuggestBox, .osbp .os-cash-register .os-span-h-half.v-textarea, .osbp .os-cash-register .os-span-h-half.v-filterselect, .osbp .os-cash-register .os-span-h-half.v-filterselect-input, .osbp .os-cash-register .os-span-h-half.v-filterselect [class*="input"], .osbp .os-cash-register .l-control.os-span-h-half .v-component-group, .osbp .os-cash-register .l-control.os-span-h-half .l-beansearchfield { width: 66px; } @@ -21911,7 +22002,7 @@ div.v-layout.v-horizontal.v-widget { width: 33px !important; } -.osbp .os-cash-register .os-span-h-single.v-textfield, .osbp .os-cash-register .os-span-h-single.v-datefield, .osbp .os-cash-register .os-span-h-single.o-XSuggestBox { +.osbp .os-cash-register .os-span-h-single.v-textfield, .osbp .os-cash-register .os-span-h-single.v-datefield, .osbp .os-cash-register .os-span-h-single.o-XSuggestBox, .osbp .os-cash-register .os-span-h-single.v-textarea, .osbp .os-cash-register .os-span-h-single.v-filterselect, .osbp .os-cash-register .os-span-h-single.v-filterselect-input, .osbp .os-cash-register .os-span-h-single.v-filterselect [class*="input"], .osbp .os-cash-register .l-control.os-span-h-single .v-component-group, .osbp .os-cash-register .l-control.os-span-h-single .l-beansearchfield { width: 140px; } @@ -21919,7 +22010,7 @@ div.v-layout.v-horizontal.v-widget { width: 107px !important; } -.osbp .os-cash-register .os-span-h-double.v-textfield, .osbp .os-cash-register .os-span-h-double.v-datefield, .osbp .os-cash-register .os-span-h-double.o-XSuggestBox { +.osbp .os-cash-register .os-span-h-double.v-textfield, .osbp .os-cash-register .os-span-h-double.v-datefield, .osbp .os-cash-register .os-span-h-double.o-XSuggestBox, .osbp .os-cash-register .os-span-h-double.v-textarea, .osbp .os-cash-register .os-span-h-double.v-filterselect, .osbp .os-cash-register .os-span-h-double.v-filterselect-input, .osbp .os-cash-register .os-span-h-double.v-filterselect [class*="input"], .osbp .os-cash-register .l-control.os-span-h-double .v-component-group, .osbp .os-cash-register .l-control.os-span-h-double .l-beansearchfield { width: 288px; } @@ -21927,7 +22018,7 @@ div.v-layout.v-horizontal.v-widget { width: 255px !important; } -.osbp .os-cash-register .os-span-h-triple.v-textfield, .osbp .os-cash-register .os-span-h-triple.v-datefield, .osbp .os-cash-register .os-span-h-triple.o-XSuggestBox { +.osbp .os-cash-register .os-span-h-triple.v-textfield, .osbp .os-cash-register .os-span-h-triple.v-datefield, .osbp .os-cash-register .os-span-h-triple.o-XSuggestBox, .osbp .os-cash-register .os-span-h-triple.v-textarea, .osbp .os-cash-register .os-span-h-triple.v-filterselect, .osbp .os-cash-register .os-span-h-triple.v-filterselect-input, .osbp .os-cash-register .os-span-h-triple.v-filterselect [class*="input"], .osbp .os-cash-register .l-control.os-span-h-triple .v-component-group, .osbp .os-cash-register .l-control.os-span-h-triple .l-beansearchfield { width: 436px; } @@ -21935,7 +22026,7 @@ div.v-layout.v-horizontal.v-widget { width: 403px !important; } -.osbp .os-cash-register .os-span-h-quad.v-textfield, .osbp .os-cash-register .os-span-h-quad.v-datefield, .osbp .os-cash-register .os-span-h-quad.o-XSuggestBox { +.osbp .os-cash-register .os-span-h-quad.v-textfield, .osbp .os-cash-register .os-span-h-quad.v-datefield, .osbp .os-cash-register .os-span-h-quad.o-XSuggestBox, .osbp .os-cash-register .os-span-h-quad.v-textarea, .osbp .os-cash-register .os-span-h-quad.v-filterselect, .osbp .os-cash-register .os-span-h-quad.v-filterselect-input, .osbp .os-cash-register .os-span-h-quad.v-filterselect [class*="input"], .osbp .os-cash-register .l-control.os-span-h-quad .v-component-group, .osbp .os-cash-register .l-control.os-span-h-quad .l-beansearchfield { width: 584px; } @@ -22015,7 +22106,7 @@ div.v-layout.v-horizontal.v-widget { max-height: 130px !important; } -.osbp .os-cash-register .os-field-h-half .v-textfield, .osbp .os-cash-register .os-field-h-half .v-datefield, .osbp .os-cash-register .os-field-h-half .o-XSuggestBox { +.osbp .os-cash-register .os-field-h-half .v-textfield, .osbp .os-cash-register .os-field-h-half .v-datefield, .osbp .os-cash-register .os-field-h-half .o-XSuggestBox, .osbp .os-cash-register .os-field-h-half .v-filterselect, .osbp .os-cash-register .os-field-h-half .v-filterselect-input, .osbp .os-cash-register .os-field-h-half .v-filterselect [class*="input"], .osbp .os-cash-register .os-field-h-half .l-control > .v-component-group, .osbp .os-cash-register .os-field-h-half .l-control > .l-beansearchfield { width: 66px; } @@ -22055,7 +22146,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 97px; } -.osbp .os-cash-register .os-field-h-double .v-textfield, .osbp .os-cash-register .os-field-h-double .v-datefield, .osbp .os-cash-register .os-field-h-double .o-XSuggestBox { +.osbp .os-cash-register .os-field-h-double .v-textfield, .osbp .os-cash-register .os-field-h-double .v-datefield, .osbp .os-cash-register .os-field-h-double .o-XSuggestBox, .osbp .os-cash-register .os-field-h-double .v-filterselect, .osbp .os-cash-register .os-field-h-double .v-filterselect-input, .osbp .os-cash-register .os-field-h-double .v-filterselect [class*="input"], .osbp .os-cash-register .os-field-h-double .l-control > .v-component-group, .osbp .os-cash-register .os-field-h-double .l-control > .l-beansearchfield { width: 288px; } @@ -22087,7 +22178,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 130px; } -.osbp .os-cash-register .os-field-h-triple .v-textfield, .osbp .os-cash-register .os-field-h-triple .v-datefield, .osbp .os-cash-register .os-field-h-triple .o-XSuggestBox { +.osbp .os-cash-register .os-field-h-triple .v-textfield, .osbp .os-cash-register .os-field-h-triple .v-datefield, .osbp .os-cash-register .os-field-h-triple .o-XSuggestBox, .osbp .os-cash-register .os-field-h-triple .v-filterselect, .osbp .os-cash-register .os-field-h-triple .v-filterselect-input, .osbp .os-cash-register .os-field-h-triple .v-filterselect [class*="input"], .osbp .os-cash-register .os-field-h-triple .l-control > .v-component-group, .osbp .os-cash-register .os-field-h-triple .l-control > .l-beansearchfield { width: 436px; } @@ -22119,7 +22210,7 @@ div.v-layout.v-horizontal.v-widget { max-width: 196px; } -.osbp .os-cash-register .os-field-h-quad .v-textfield, .osbp .os-cash-register .os-field-h-quad .v-datefield, .osbp .os-cash-register .os-field-h-quad .o-XSuggestBox { +.osbp .os-cash-register .os-field-h-quad .v-textfield, .osbp .os-cash-register .os-field-h-quad .v-datefield, .osbp .os-cash-register .os-field-h-quad .o-XSuggestBox, .osbp .os-cash-register .os-field-h-quad .v-filterselect, .osbp .os-cash-register .os-field-h-quad .v-filterselect-input, .osbp .os-cash-register .os-field-h-quad .v-filterselect [class*="input"], .osbp .os-cash-register .os-field-h-quad .l-control > .v-component-group, .osbp .os-cash-register .os-field-h-quad .l-control > .l-beansearchfield { width: 584px; } @@ -23133,4 +23224,12 @@ div.v-layout.v-horizontal.v-widget { content: "\e665" !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); +} + +.osbp .grid-renderers-collection-addon { + cursor: pointer; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; }
\ No newline at end of file diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/bunny.mp4 b/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/bunny.mp4 Binary files differdeleted file mode 100644 index 81d11df..0000000 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/bunny.mp4 +++ /dev/null diff --git a/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/dreamcatcher.mp4 b/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/dreamcatcher.mp4 Binary files differdeleted file mode 100644 index 44c3254..0000000 --- a/org.eclipse.osbp.themes/VAADIN/themes/osbp/video/dreamcatcher.mp4 +++ /dev/null diff --git a/org.eclipse.osbp.themes/about.html b/org.eclipse.osbp.themes/about.html index 6217e10..29b405e 100644 --- a/org.eclipse.osbp.themes/about.html +++ b/org.eclipse.osbp.themes/about.html @@ -8,13 +8,13 @@ <body lang="EN-US"> <h2>About This Content</h2> -<p>June 1, 2016</p> +<p>November 30, 2017</p> <h3>License</h3> <p>The Eclipse Foundation makes available all content in this plug-in ("Content"). Unless otherwise indicated below, the Content is provided to you under the terms and conditions of the -Eclipse Public License Version 1.0 ("EPL"). A copy of the EPL is available -at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>. +Eclipse Public License Version 2.0 ("EPL"). A copy of the EPL is available +at <a href="https://www.eclipse.org/legal/epl-2.0">https://www.eclipse.org/legal/epl-2.0</a>. For purposes of the EPL, "Program" will mean the Content.</p> <p>If you did not receive this Content directly from the Eclipse Foundation, the Content is diff --git a/org.eclipse.osbp.themes/about.properties b/org.eclipse.osbp.themes/about.properties index 917aace..98c3db5 100644 --- a/org.eclipse.osbp.themes/about.properties +++ b/org.eclipse.osbp.themes/about.properties @@ -1,9 +1,11 @@ # # Copyright (c) 2012, 2016 - Loetz GmbH&Co.KG (Heidelberg) # All rights reserved. This program and the accompanying materials -# are made available under the terms of the Eclipse Public License v1.0 +# are made available under the terms of the Eclipse Public License 2.0 # which accompanies this distribution, and is available at -# http://www.eclipse.org/legal/epl-v10.html +# https://www.eclipse.org/legal/epl-2.0/ +# +# SPDX-License-Identifier: EPL-2.0 # # Contributors: # Loetz GmbH&Co.KG - initial API and implementation @@ -15,9 +17,11 @@ featureText=\ Copyright (c) 2012-2016 - Loetz GmbH&Co.KG \n\ All rights reserved. This program and the accompanying materials\n\ -are made available under the terms of the Eclipse Public License v1.0\n\ +are made available under the terms of the Eclipse Public License 2.0 \n\ which accompanies this distribution, and is available at\n\ -http://www.eclipse.org/legal/epl-v10.html\n\ +https://www.eclipse.org/legal/epl-2.0/\n\ +\n\ +SPDX-License-Identifier: EPL-2.0\n\ \n\ Contributors:\n\ Loetz GmbH&Co.KG - implementation\n\ diff --git a/org.eclipse.osbp.themes/build.properties b/org.eclipse.osbp.themes/build.properties index f7e3004..84a137c 100644 --- a/org.eclipse.osbp.themes/build.properties +++ b/org.eclipse.osbp.themes/build.properties @@ -10,7 +10,7 @@ bin.includes = about.properties,\ .,\ license.html,\ LICENSE.txt,\ - epl-v10.html,\ + epl-2.0.html,\ lib/,\ about_files/ src.includes = about.properties,\ @@ -19,5 +19,5 @@ src.includes = about.properties,\ about.html,\ license.html,\ LICENSE.txt,\ - epl-v10.html,\ + epl-2.0.html,\ about_files/ diff --git a/org.eclipse.osbp.themes/epl-2.0.html b/org.eclipse.osbp.themes/epl-2.0.html new file mode 100644 index 0000000..637a181 --- /dev/null +++ b/org.eclipse.osbp.themes/epl-2.0.html @@ -0,0 +1,300 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>Eclipse Public License - Version 2.0</title> + <style type="text/css"> + body { + margin: 1.5em 3em; + } + h1{ + font-size:1.5em; + } + h2{ + font-size:1em; + margin-bottom:0.5em; + margin-top:1em; + } + p { + margin-top: 0.5em; + margin-bottom: 0.5em; + } + ul, ol{ + list-style-type:none; + } + </style> + </head> + <body> + <h1>Eclipse Public License - v 2.0</h1> + <p>THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE + PUBLIC LICENSE (“AGREEMENT”). ANY USE, REPRODUCTION OR DISTRIBUTION + OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT. + </p> + <h2 id="definitions">1. DEFINITIONS</h2> + <p>“Contribution” means:</p> + <ul> + <li>a) in the case of the initial Contributor, the initial content + Distributed under this Agreement, and + </li> + <li> + b) in the case of each subsequent Contributor: + <ul> + <li>i) changes to the Program, and</li> + <li>ii) additions to the Program;</li> + </ul> + where such changes and/or additions to the Program originate from + and are Distributed by that particular Contributor. A Contribution + “originates” from a Contributor if it was added to the Program by such + Contributor itself or anyone acting on such Contributor's behalf. + Contributions do not include changes or additions to the Program that + are not Modified Works. + </li> + </ul> + <p>“Contributor” means any person or entity that Distributes the Program.</p> + <p>“Licensed Patents” mean patent claims licensable by a Contributor which + are necessarily infringed by the use or sale of its Contribution alone + or when combined with the Program. + </p> + <p>“Program” means the Contributions Distributed in accordance with this + Agreement. + </p> + <p>“Recipient” means anyone who receives the Program under this Agreement + or any Secondary License (as applicable), including Contributors. + </p> + <p>“Derivative Works” shall mean any work, whether in Source Code or other + form, that is based on (or derived from) the Program and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. + </p> + <p>“Modified Works” shall mean any work in Source Code or other form that + results from an addition to, deletion from, or modification of the + contents of the Program, including, for purposes of clarity any new file + in Source Code form that contains any contents of the Program. Modified + Works shall not include works that contain only declarations, interfaces, + types, classes, structures, or files of the Program solely in each case + in order to link to, bind by name, or subclass the Program or Modified + Works thereof. + </p> + <p>“Distribute” means the acts of a) distributing or b) making available + in any manner that enables the transfer of a copy. + </p> + <p>“Source Code” means the form of a Program preferred for making + modifications, including but not limited to software source code, + documentation source, and configuration files. + </p> + <p>“Secondary License” means either the GNU General Public License, + Version 2.0, or any later versions of that license, including any + exceptions or additional permissions as identified by the initial + Contributor. + </p> + <h2 id="grant-of-rights">2. GRANT OF RIGHTS</h2> + <ul> + <li>a) Subject to the terms of this Agreement, each Contributor hereby + grants Recipient a non-exclusive, worldwide, royalty-free copyright + license to reproduce, prepare Derivative Works of, publicly display, + publicly perform, Distribute and sublicense the Contribution of such + Contributor, if any, and such Derivative Works. + </li> + <li>b) Subject to the terms of this Agreement, each Contributor hereby + grants Recipient a non-exclusive, worldwide, royalty-free patent + license under Licensed Patents to make, use, sell, offer to sell, + import and otherwise transfer the Contribution of such Contributor, + if any, in Source Code or other form. This patent license shall + apply to the combination of the Contribution and the Program if, + at the time the Contribution is added by the Contributor, such + addition of the Contribution causes such combination to be covered + by the Licensed Patents. The patent license shall not apply to any + other combinations which include the Contribution. No hardware per + se is licensed hereunder. + </li> + <li>c) Recipient understands that although each Contributor grants the + licenses to its Contributions set forth herein, no assurances are + provided by any Contributor that the Program does not infringe the + patent or other intellectual property rights of any other entity. + Each Contributor disclaims any liability to Recipient for claims + brought by any other entity based on infringement of intellectual + property rights or otherwise. As a condition to exercising the rights + and licenses granted hereunder, each Recipient hereby assumes sole + responsibility to secure any other intellectual property rights needed, + if any. For example, if a third party patent license is required to + allow Recipient to Distribute the Program, it is Recipient's + responsibility to acquire that license before distributing the Program. + </li> + <li>d) Each Contributor represents that to its knowledge it has sufficient + copyright rights in its Contribution, if any, to grant the copyright + license set forth in this Agreement. + </li> + <li>e) Notwithstanding the terms of any Secondary License, no Contributor + makes additional grants to any Recipient (other than those set forth + in this Agreement) as a result of such Recipient's receipt of the + Program under the terms of a Secondary License (if permitted under + the terms of Section 3). + </li> + </ul> + <h2 id="requirements">3. REQUIREMENTS</h2> + <p>3.1 If a Contributor Distributes the Program in any form, then:</p> + <ul> + <li>a) the Program must also be made available as Source Code, in + accordance with section 3.2, and the Contributor must accompany + the Program with a statement that the Source Code for the Program + is available under this Agreement, and informs Recipients how to + obtain it in a reasonable manner on or through a medium customarily + used for software exchange; and + </li> + <li> + b) the Contributor may Distribute the Program under a license + different than this Agreement, provided that such license: + <ul> + <li>i) effectively disclaims on behalf of all other Contributors all + warranties and conditions, express and implied, including warranties + or conditions of title and non-infringement, and implied warranties + or conditions of merchantability and fitness for a particular purpose; + </li> + <li>ii) effectively excludes on behalf of all other Contributors all + liability for damages, including direct, indirect, special, incidental + and consequential damages, such as lost profits; + </li> + <li>iii) does not attempt to limit or alter the recipients' rights in the + Source Code under section 3.2; and + </li> + <li>iv) requires any subsequent distribution of the Program by any party + to be under a license that satisfies the requirements of this section 3. + </li> + </ul> + </li> + </ul> + <p>3.2 When the Program is Distributed as Source Code:</p> + <ul> + <li>a) it must be made available under this Agreement, or if the Program (i) + is combined with other material in a separate file or files made available + under a Secondary License, and (ii) the initial Contributor attached to + the Source Code the notice described in Exhibit A of this Agreement, + then the Program may be made available under the terms of such + Secondary Licenses, and + </li> + <li>b) a copy of this Agreement must be included with each copy of the Program.</li> + </ul> + <p>3.3 Contributors may not remove or alter any copyright, patent, trademark, + attribution notices, disclaimers of warranty, or limitations of liability + (‘notices’) contained within the Program from any copy of the Program which + they Distribute, provided that Contributors may add their own appropriate + notices. + </p> + <h2 id="commercial-distribution">4. COMMERCIAL DISTRIBUTION</h2> + <p>Commercial distributors of software may accept certain responsibilities + with respect to end users, business partners and the like. While this + license is intended to facilitate the commercial use of the Program, the + Contributor who includes the Program in a commercial product offering should + do so in a manner which does not create potential liability for other + Contributors. Therefore, if a Contributor includes the Program in a + commercial product offering, such Contributor (“Commercial Contributor”) + hereby agrees to defend and indemnify every other Contributor + (“Indemnified Contributor”) against any losses, damages and costs + (collectively “Losses”) arising from claims, lawsuits and other legal actions + brought by a third party against the Indemnified Contributor to the extent + caused by the acts or omissions of such Commercial Contributor in connection + with its distribution of the Program in a commercial product offering. + The obligations in this section do not apply to any claims or Losses relating + to any actual or alleged intellectual property infringement. In order to + qualify, an Indemnified Contributor must: a) promptly notify the + Commercial Contributor in writing of such claim, and b) allow the Commercial + Contributor to control, and cooperate with the Commercial Contributor in, + the defense and any related settlement negotiations. The Indemnified + Contributor may participate in any such claim at its own expense. + </p> + <p>For example, a Contributor might include the Program + in a commercial product offering, Product X. That Contributor is then a + Commercial Contributor. If that Commercial Contributor then makes performance + claims, or offers warranties related to Product X, those performance claims + and warranties are such Commercial Contributor's responsibility alone. + Under this section, the Commercial Contributor would have to defend claims + against the other Contributors related to those performance claims and + warranties, and if a court requires any other Contributor to pay any damages + as a result, the Commercial Contributor must pay those damages. + </p> + <h2 id="warranty">5. NO WARRANTY</h2> + <p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, AND TO THE EXTENT PERMITTED + BY APPLICABLE LAW, THE PROGRAM IS PROVIDED ON AN “AS IS” BASIS, WITHOUT + WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, + WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT, + MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is + solely responsible for determining the appropriateness of using and + distributing the Program and assumes all risks associated with its + exercise of rights under this Agreement, including but not limited to the + risks and costs of program errors, compliance with applicable laws, damage + to or loss of data, programs or equipment, and unavailability or + interruption of operations. + </p> + <h2 id="disclaimer">6. DISCLAIMER OF LIABILITY</h2> + <p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, AND TO THE EXTENT PERMITTED + BY APPLICABLE LAW, NEITHER RECIPIENT NOR ANY CONTRIBUTORS SHALL HAVE ANY + LIABILITY FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, + OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST PROFITS), + HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT + LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY + OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS + GRANTED HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + </p> + <h2 id="general">7. GENERAL</h2> + <p>If any provision of this Agreement is invalid or unenforceable under + applicable law, it shall not affect the validity or enforceability of the + remainder of the terms of this Agreement, and without further action by the + parties hereto, such provision shall be reformed to the minimum extent + necessary to make such provision valid and enforceable. + </p> + <p>If Recipient institutes patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Program itself + (excluding combinations of the Program with other software or hardware) + infringes such Recipient's patent(s), then such Recipient's rights granted + under Section 2(b) shall terminate as of the date such litigation is filed. + </p> + <p>All Recipient's rights under this Agreement shall terminate if it fails to + comply with any of the material terms or conditions of this Agreement and + does not cure such failure in a reasonable period of time after becoming + aware of such noncompliance. If all Recipient's rights under this Agreement + terminate, Recipient agrees to cease use and distribution of the Program + as soon as reasonably practicable. However, Recipient's obligations under + this Agreement and any licenses granted by Recipient relating to the + Program shall continue and survive. + </p> + <p>Everyone is permitted to copy and distribute copies of this Agreement, + but in order to avoid inconsistency the Agreement is copyrighted and may + only be modified in the following manner. The Agreement Steward reserves + the right to publish new versions (including revisions) of this Agreement + from time to time. No one other than the Agreement Steward has the right + to modify this Agreement. The Eclipse Foundation is the initial Agreement + Steward. The Eclipse Foundation may assign the responsibility to serve as + the Agreement Steward to a suitable separate entity. Each new version of + the Agreement will be given a distinguishing version number. The Program + (including Contributions) may always be Distributed subject to the version + of the Agreement under which it was received. In addition, after a new + version of the Agreement is published, Contributor may elect to Distribute + the Program (including its Contributions) under the new version. + </p> + <p>Except as expressly stated in Sections 2(a) and 2(b) above, Recipient + receives no rights or licenses to the intellectual property of any + Contributor under this Agreement, whether expressly, by implication, + estoppel or otherwise. All rights in the Program not expressly granted + under this Agreement are reserved. Nothing in this Agreement is intended + to be enforceable by any entity that is not a Contributor or Recipient. + No third-party beneficiary rights are created under this Agreement. + </p> + <h2 id="exhibit-a">Exhibit A – Form of Secondary Licenses Notice</h2> + <p>“This Source Code may also be made available under the following + Secondary Licenses when the conditions for such availability set forth + in the Eclipse Public License, v. 2.0 are satisfied: {name license(s), + version(s), and exceptions or additional permissions here}.” + </p> + <blockquote> + <p>Simply including a copy of this Agreement, including this Exhibit A + is not sufficient to license the Source Code under Secondary Licenses. + </p> + <p>If it is not possible or desirable to put the notice in a particular file, + then You may include the notice in a location (such as a LICENSE file in a + relevant directory) where a recipient would be likely to look for + such a notice. + </p> + <p>You may add additional accurate notices of copyright ownership.</p> + </blockquote> + </body> +</html>
\ No newline at end of file diff --git a/org.eclipse.osbp.themes/epl-v10.html b/org.eclipse.osbp.themes/epl-v10.html deleted file mode 100644 index b398acc..0000000 --- a/org.eclipse.osbp.themes/epl-v10.html +++ /dev/null @@ -1,259 +0,0 @@ -<!--?xml version="1.0" encoding="ISO-8859-1" ?--> -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> -<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> -<title>Eclipse Public License - Version 1.0</title> -<style type="text/css"> - body { - size: 8.5in 11.0in; - margin: 0.25in 0.5in 0.25in 0.5in; - tab-interval: 0.5in; - } - p { - margin-left: auto; - margin-top: 0.5em; - margin-bottom: 0.5em; - } - p.list { - margin-left: 0.5in; - margin-top: 0.05em; - margin-bottom: 0.05em; - } - </style> - -</head> - -<body lang="EN-US"> - -<h2>Eclipse Public License - v 1.0</h2> - -<p>THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE -PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION OR -DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS -AGREEMENT.</p> - -<p><b>1. DEFINITIONS</b></p> - -<p>"Contribution" means:</p> - -<p class="list">a) in the case of the initial Contributor, the initial -code and documentation distributed under this Agreement, and</p> -<p class="list">b) in the case of each subsequent Contributor:</p> -<p class="list">i) changes to the Program, and</p> -<p class="list">ii) additions to the Program;</p> -<p class="list">where such changes and/or additions to the Program -originate from and are distributed by that particular Contributor. A -Contribution 'originates' from a Contributor if it was added to the -Program by such Contributor itself or anyone acting on such -Contributor's behalf. Contributions do not include additions to the -Program which: (i) are separate modules of software distributed in -conjunction with the Program under their own license agreement, and (ii) -are not derivative works of the Program.</p> - -<p>"Contributor" means any person or entity that distributes -the Program.</p> - -<p>"Licensed Patents" mean patent claims licensable by a -Contributor which are necessarily infringed by the use or sale of its -Contribution alone or when combined with the Program.</p> - -<p>"Program" means the Contributions distributed in accordance -with this Agreement.</p> - -<p>"Recipient" means anyone who receives the Program under -this Agreement, including all Contributors.</p> - -<p><b>2. GRANT OF RIGHTS</b></p> - -<p class="list">a) Subject to the terms of this Agreement, each -Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free copyright license to reproduce, prepare derivative works -of, publicly display, publicly perform, distribute and sublicense the -Contribution of such Contributor, if any, and such derivative works, in -source code and object code form.</p> - -<p class="list">b) Subject to the terms of this Agreement, each -Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free patent license under Licensed Patents to make, use, sell, -offer to sell, import and otherwise transfer the Contribution of such -Contributor, if any, in source code and object code form. This patent -license shall apply to the combination of the Contribution and the -Program if, at the time the Contribution is added by the Contributor, -such addition of the Contribution causes such combination to be covered -by the Licensed Patents. The patent license shall not apply to any other -combinations which include the Contribution. No hardware per se is -licensed hereunder.</p> - -<p class="list">c) Recipient understands that although each Contributor -grants the licenses to its Contributions set forth herein, no assurances -are provided by any Contributor that the Program does not infringe the -patent or other intellectual property rights of any other entity. Each -Contributor disclaims any liability to Recipient for claims brought by -any other entity based on infringement of intellectual property rights -or otherwise. As a condition to exercising the rights and licenses -granted hereunder, each Recipient hereby assumes sole responsibility to -secure any other intellectual property rights needed, if any. For -example, if a third party patent license is required to allow Recipient -to distribute the Program, it is Recipient's responsibility to acquire -that license before distributing the Program.</p> - -<p class="list">d) Each Contributor represents that to its knowledge it -has sufficient copyright rights in its Contribution, if any, to grant -the copyright license set forth in this Agreement.</p> - -<p><b>3. REQUIREMENTS</b></p> - -<p>A Contributor may choose to distribute the Program in object code -form under its own license agreement, provided that:</p> - -<p class="list">a) it complies with the terms and conditions of this -Agreement; and</p> - -<p class="list">b) its license agreement:</p> - -<p class="list">i) effectively disclaims on behalf of all Contributors -all warranties and conditions, express and implied, including warranties -or conditions of title and non-infringement, and implied warranties or -conditions of merchantability and fitness for a particular purpose;</p> - -<p class="list">ii) effectively excludes on behalf of all Contributors -all liability for damages, including direct, indirect, special, -incidental and consequential damages, such as lost profits;</p> - -<p class="list">iii) states that any provisions which differ from this -Agreement are offered by that Contributor alone and not by any other -party; and</p> - -<p class="list">iv) states that source code for the Program is available -from such Contributor, and informs licensees how to obtain it in a -reasonable manner on or through a medium customarily used for software -exchange.</p> - -<p>When the Program is made available in source code form:</p> - -<p class="list">a) it must be made available under this Agreement; and</p> - -<p class="list">b) a copy of this Agreement must be included with each -copy of the Program.</p> - -<p>Contributors may not remove or alter any copyright notices contained -within the Program.</p> - -<p>Each Contributor must identify itself as the originator of its -Contribution, if any, in a manner that reasonably allows subsequent -Recipients to identify the originator of the Contribution.</p> - -<p><b>4. COMMERCIAL DISTRIBUTION</b></p> - -<p>Commercial distributors of software may accept certain -responsibilities with respect to end users, business partners and the -like. While this license is intended to facilitate the commercial use of -the Program, the Contributor who includes the Program in a commercial -product offering should do so in a manner which does not create -potential liability for other Contributors. Therefore, if a Contributor -includes the Program in a commercial product offering, such Contributor -("Commercial Contributor") hereby agrees to defend and -indemnify every other Contributor ("Indemnified Contributor") -against any losses, damages and costs (collectively "Losses") -arising from claims, lawsuits and other legal actions brought by a third -party against the Indemnified Contributor to the extent caused by the -acts or omissions of such Commercial Contributor in connection with its -distribution of the Program in a commercial product offering. The -obligations in this section do not apply to any claims or Losses -relating to any actual or alleged intellectual property infringement. In -order to qualify, an Indemnified Contributor must: a) promptly notify -the Commercial Contributor in writing of such claim, and b) allow the -Commercial Contributor to control, and cooperate with the Commercial -Contributor in, the defense and any related settlement negotiations. The -Indemnified Contributor may participate in any such claim at its own -expense.</p> - -<p>For example, a Contributor might include the Program in a commercial -product offering, Product X. That Contributor is then a Commercial -Contributor. If that Commercial Contributor then makes performance -claims, or offers warranties related to Product X, those performance -claims and warranties are such Commercial Contributor's responsibility -alone. Under this section, the Commercial Contributor would have to -defend claims against the other Contributors related to those -performance claims and warranties, and if a court requires any other -Contributor to pay any damages as a result, the Commercial Contributor -must pay those damages.</p> - -<p><b>5. NO WARRANTY</b></p> - -<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS -PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS -OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, -ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY -OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely -responsible for determining the appropriateness of using and -distributing the Program and assumes all risks associated with its -exercise of rights under this Agreement , including but not limited to -the risks and costs of program errors, compliance with applicable laws, -damage to or loss of data, programs or equipment, and unavailability or -interruption of operations.</p> - -<p><b>6. DISCLAIMER OF LIABILITY</b></p> - -<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT -NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY DIRECT, INDIRECT, -INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING -WITHOUT LIMITATION LOST PROFITS), HOWEVER CAUSED AND ON ANY THEORY OF -LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING -NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR -DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED -HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</p> - -<p><b>7. GENERAL</b></p> - -<p>If any provision of this Agreement is invalid or unenforceable under -applicable law, it shall not affect the validity or enforceability of -the remainder of the terms of this Agreement, and without further action -by the parties hereto, such provision shall be reformed to the minimum -extent necessary to make such provision valid and enforceable.</p> - -<p>If Recipient institutes patent litigation against any entity -(including a cross-claim or counterclaim in a lawsuit) alleging that the -Program itself (excluding combinations of the Program with other -software or hardware) infringes such Recipient's patent(s), then such -Recipient's rights granted under Section 2(b) shall terminate as of the -date such litigation is filed.</p> - -<p>All Recipient's rights under this Agreement shall terminate if it -fails to comply with any of the material terms or conditions of this -Agreement and does not cure such failure in a reasonable period of time -after becoming aware of such noncompliance. If all Recipient's rights -under this Agreement terminate, Recipient agrees to cease use and -distribution of the Program as soon as reasonably practicable. However, -Recipient's obligations under this Agreement and any licenses granted by -Recipient relating to the Program shall continue and survive.</p> - -<p>Everyone is permitted to copy and distribute copies of this -Agreement, but in order to avoid inconsistency the Agreement is -copyrighted and may only be modified in the following manner. The -Agreement Steward reserves the right to publish new versions (including -revisions) of this Agreement from time to time. No one other than the -Agreement Steward has the right to modify this Agreement. The Eclipse -Foundation is the initial Agreement Steward. The Eclipse Foundation may -assign the responsibility to serve as the Agreement Steward to a -suitable separate entity. Each new version of the Agreement will be -given a distinguishing version number. The Program (including -Contributions) may always be distributed subject to the version of the -Agreement under which it was received. In addition, after a new version -of the Agreement is published, Contributor may elect to distribute the -Program (including its Contributions) under the new version. Except as -expressly stated in Sections 2(a) and 2(b) above, Recipient receives no -rights or licenses to the intellectual property of any Contributor under -this Agreement, whether expressly, by implication, estoppel or -otherwise. All rights in the Program not expressly granted under this -Agreement are reserved.</p> - -<p>This Agreement is governed by the laws of the State of New York and -the intellectual property laws of the United States of America. No party -to this Agreement will bring a legal action under this Agreement more -than one year after the cause of action arose. Each party waives its -rights to a jury trial in any resulting litigation.</p> - - - -</body></html>
\ No newline at end of file diff --git a/org.eclipse.osbp.themes/license.html b/org.eclipse.osbp.themes/license.html index 6e579a5..008b801 100644 --- a/org.eclipse.osbp.themes/license.html +++ b/org.eclipse.osbp.themes/license.html @@ -1,164 +1,189 @@ -<!--?xml version="1.0" encoding="ISO-8859-1" ?--> +<?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> -<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Eclipse Foundation Software User Agreement</title> </head> <body lang="EN-US"> -<h2>Eclipse Foundation Software User Agreement</h2> -<p>February 1, 2011</p> - -<h3>Usage Of Content</h3> - -<p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS - (COLLECTIVELY "CONTENT"). USE OF THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND - CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE - OF THE CONTENT IS GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR - NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND - CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT USE THE CONTENT.</p> - -<h3>Applicable Licenses</h3> - -<p>Unless otherwise indicated, all Content made available by the Eclipse - Foundation is provided to you under the terms and conditions of the -Eclipse Public License Version 1.0 - ("EPL"). A copy of the EPL is provided with this Content and is also - available at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>. - For purposes of the EPL, "Program" will mean the Content.</p> - -<p>Content includes, but is not limited to, source code, object code, -documentation and other files maintained in the Eclipse Foundation -source code - repository ("Repository") in software modules ("Modules") and made -available as downloadable archives ("Downloads").</p> - -<ul> - <li>Content may be structured and packaged into modules to -facilitate delivering, extending, and upgrading the Content. Typical -modules may include plug-ins ("Plug-ins"), plug-in fragments -("Fragments"), and features ("Features").</li> - <li>Each Plug-in or Fragment may be packaged as a sub-directory or JAR (Java™ ARchive) in a directory named "plugins".</li> - <li>A Feature is a bundle of one or more Plug-ins and/or -Fragments and associated material. Each Feature may be packaged as a -sub-directory in a directory named "features". Within a Feature, files -named "feature.xml" may contain a list of the names and version numbers -of the Plug-ins - and/or Fragments associated with that Feature.</li> - <li>Features may also include other Features ("Included -Features"). Within a Feature, files named "feature.xml" may contain a -list of the names and version numbers of Included Features.</li> -</ul> - -<p>The terms and conditions governing Plug-ins and Fragments should be -contained in files named "about.html" ("Abouts"). The terms and -conditions governing Features and -Included Features should be contained in files named "license.html" -("Feature Licenses"). Abouts and Feature Licenses may be located in any - directory of a Download or Module -including, but not limited to the following locations:</p> - -<ul> - <li>The top-level (root) directory</li> - <li>Plug-in and Fragment directories</li> - <li>Inside Plug-ins and Fragments packaged as JARs</li> - <li>Sub-directories of the directory named "src" of certain Plug-ins</li> - <li>Feature directories</li> -</ul> - -<p>Note: if a Feature made available by the Eclipse Foundation is -installed using the Provisioning Technology (as defined below), you must - agree to a license ("Feature Update License") during the -installation process. If the Feature contains Included Features, the -Feature Update License should either provide you with the terms and -conditions governing the Included Features or -inform you where you can locate them. Feature Update Licenses may be -found in the "license" property of files named "feature.properties" -found within a Feature. -Such Abouts, Feature Licenses, and Feature Update Licenses contain the -terms and conditions (or references to such terms and conditions) that -govern your use of the associated Content in -that directory.</p> - -<p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER -TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. - SOME OF THESE -OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):</p> - -<ul> - <li>Eclipse Distribution License Version 1.0 (available at <a href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>)</li> - <li>Common Public License Version 1.0 (available at <a href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>)</li> - <li>Apache Software License 1.1 (available at <a href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>)</li> - <li>Apache Software License 2.0 (available at <a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>)</li> - <li>Metro Link Public License 1.00 (available at <a href="http://www.opengroup.org/openmotif/supporters/metrolink/license.html">http://www.opengroup.org/openmotif/supporters/metrolink/license.html</a>)</li> - <li>Mozilla Public License Version 1.1 (available at <a href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>)</li> -</ul> - -<p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND -CONDITIONS PRIOR TO USE OF THE CONTENT. If no About, Feature License, -or Feature Update License is provided, please -contact the Eclipse Foundation to determine what terms and conditions -govern that particular Content.</p> - - -<h3>Use of Provisioning Technology</h3> - -<p>The Eclipse Foundation makes available provisioning software, -examples of which include, but are not limited to, p2 and the Eclipse - Update Manager ("Provisioning Technology") for the purpose of -allowing users to install software, documentation, information and/or - other materials (collectively "Installable Software"). This -capability is provided with the intent of allowing such users to - install, extend and update Eclipse-based products. Information about -packaging Installable Software is available at <a href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a> - ("Specification").</p> - -<p>You may use Provisioning Technology to allow other parties to install - Installable Software. You shall be responsible for enabling the - applicable license agreements relating to the Installable Software to - be presented to, and accepted by, the users of the Provisioning -Technology - in accordance with the Specification. By using Provisioning -Technology in such a manner and making it available in accordance with -the - Specification, you further acknowledge your agreement to, and the -acquisition of all necessary rights to permit the following:</p> - -<ol> - <li>A series of actions may occur ("Provisioning Process") in -which a user may execute the Provisioning Technology - on a machine ("Target Machine") with the intent of installing, -extending or updating the functionality of an Eclipse-based - product.</li> - <li>During the Provisioning Process, the Provisioning Technology -may cause third party Installable Software or a portion thereof to be - accessed and copied to the Target Machine.</li> - <li>Pursuant to the Specification, you will provide to the user -the terms and conditions that govern the use of the Installable - Software ("Installable Software Agreement") and such Installable -Software Agreement shall be accessed from the Target - Machine in accordance with the Specification. Such Installable -Software Agreement must inform the user of the terms and conditions that - govern - the Installable Software and must solicit acceptance by the end -user in the manner prescribed in such Installable Software Agreement. -Upon such - indication of agreement by the user, the provisioning Technology -will complete installation of the Installable Software.</li> -</ol> - -<h3>Cryptography</h3> - -<p>Content may contain encryption software. The country in which you are - currently may have restrictions on the import, possession, and use, -and/or re-export to - another country, of encryption software. BEFORE using any encryption -software, please check the country's laws, regulations and policies -concerning the import, - possession, or use, and re-export of encryption software, to see if -this is permitted.</p> - -<p><small>Java and all Java-based trademarks are trademarks of Oracle Corporation in the United States, other countries, or both.</small></p> - - -</body></html>
\ No newline at end of file + <h2>Eclipse Foundation Software User Agreement</h2> + <p>November 22, 2017</p> + + <h3>Usage Of Content</h3> + + <p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, + INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS + (COLLECTIVELY "CONTENT"). USE OF THE CONTENT IS GOVERNED BY + THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND + CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED + BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS + GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY + APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED + BELOW. IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS + AGREEMENT AND THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE + AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT + USE THE CONTENT.</p> + + <h3>Applicable Licenses</h3> + + <p> + Unless otherwise indicated, all Content made available by the Eclipse + Foundation is provided to you under the terms and conditions of the + Eclipse Public License Version 2.0 ("EPL"). A copy of the + EPL is provided with this Content and is also available at <a + href="http://www.eclipse.org/legal/epl-2.0">http://www.eclipse.org/legal/epl-2.0</a>. + For purposes of the EPL, "Program" will mean the Content. + </p> + + <p>Content includes, but is not limited to, source code, object + code, documentation and other files maintained in the Eclipse + Foundation source code repository ("Repository") in software + modules ("Modules") and made available as downloadable + archives ("Downloads").</p> + + <ul> + <li>Content may be structured and packaged into modules to + facilitate delivering, extending, and upgrading the Content. Typical + modules may include plug-ins ("Plug-ins"), plug-in + fragments ("Fragments"), and features + ("Features").</li> + <li>Each Plug-in or Fragment may be packaged as a sub-directory + or JAR (Java™ ARchive) in a directory named + "plugins".</li> + <li>A Feature is a bundle of one or more Plug-ins and/or + Fragments and associated material. Each Feature may be packaged as a + sub-directory in a directory named "features". Within a + Feature, files named "feature.xml" may contain a list of + the names and version numbers of the Plug-ins and/or Fragments + associated with that Feature.</li> + <li>Features may also include other Features ("Included + Features"). Within a Feature, files named + "feature.xml" may contain a list of the names and version + numbers of Included Features.</li> + </ul> + + <p>The terms and conditions governing Plug-ins and Fragments should + be contained in files named "about.html" + ("Abouts"). The terms and conditions governing Features and + Included Features should be contained in files named + "license.html" ("Feature Licenses"). Abouts and + Feature Licenses may be located in any directory of a Download or + Module including, but not limited to the following locations:</p> + + <ul> + <li>The top-level (root) directory</li> + <li>Plug-in and Fragment directories</li> + <li>Inside Plug-ins and Fragments packaged as JARs</li> + <li>Sub-directories of the directory named "src" of + certain Plug-ins</li> + <li>Feature directories</li> + </ul> + + <p>Note: if a Feature made available by the Eclipse Foundation is + installed using the Provisioning Technology (as defined below), you + must agree to a license ("Feature Update License") during + the installation process. If the Feature contains Included Features, + the Feature Update License should either provide you with the terms + and conditions governing the Included Features or inform you where you + can locate them. Feature Update Licenses may be found in the + "license" property of files named + "feature.properties" found within a Feature. Such Abouts, + Feature Licenses, and Feature Update Licenses contain the terms and + conditions (or references to such terms and conditions) that govern + your use of the associated Content in that directory.</p> + + <p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY + REFER TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND + CONDITIONS. SOME OF THESE OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT + ARE NOT LIMITED TO):</p> + + <ul> + <li>Eclipse Public License Version 1.0 (available at <a + href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>) + </li> + <li>Eclipse Distribution License Version 1.0 (available at <a + href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>) + </li> + <li>Common Public License Version 1.0 (available at <a + href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>) + </li> + <li>Apache Software License 1.1 (available at <a + href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>) + </li> + <li>Apache Software License 2.0 (available at <a + href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>) + </li> + <li>Mozilla Public License Version 1.1 (available at <a + href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>) + </li> + </ul> + + <p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND + CONDITIONS PRIOR TO USE OF THE CONTENT. If no About, Feature License, + or Feature Update License is provided, please contact the Eclipse + Foundation to determine what terms and conditions govern that + particular Content.</p> + + + <h3>Use of Provisioning Technology</h3> + + <p> + The Eclipse Foundation makes available provisioning software, examples + of which include, but are not limited to, p2 and the Eclipse Update + Manager ("Provisioning Technology") for the purpose of + allowing users to install software, documentation, information and/or + other materials (collectively "Installable Software"). This + capability is provided with the intent of allowing such users to + install, extend and update Eclipse-based products. Information about + packaging Installable Software is available at <a + href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a> + ("Specification"). + </p> + + <p>You may use Provisioning Technology to allow other parties to + install Installable Software. You shall be responsible for enabling + the applicable license agreements relating to the Installable Software + to be presented to, and accepted by, the users of the Provisioning + Technology in accordance with the Specification. By using Provisioning + Technology in such a manner and making it available in accordance with + the Specification, you further acknowledge your agreement to, and the + acquisition of all necessary rights to permit the following:</p> + + <ol> + <li>A series of actions may occur ("Provisioning + Process") in which a user may execute the Provisioning + Technology on a machine ("Target Machine") with the intent + of installing, extending or updating the functionality of an + Eclipse-based product.</li> + <li>During the Provisioning Process, the Provisioning Technology + may cause third party Installable Software or a portion thereof to be + accessed and copied to the Target Machine.</li> + <li>Pursuant to the Specification, you will provide to the user + the terms and conditions that govern the use of the Installable + Software ("Installable Software Agreement") and such + Installable Software Agreement shall be accessed from the Target + Machine in accordance with the Specification. Such Installable + Software Agreement must inform the user of the terms and conditions + that govern the Installable Software and must solicit acceptance by + the end user in the manner prescribed in such Installable Software + Agreement. Upon such indication of agreement by the user, the + provisioning Technology will complete installation of the Installable + Software.</li> + </ol> + + <h3>Cryptography</h3> + + <p>Content may contain encryption software. The country in which + you are currently may have restrictions on the import, possession, and + use, and/or re-export to another country, of encryption software. + BEFORE using any encryption software, please check the country's laws, + regulations and policies concerning the import, possession, or use, + and re-export of encryption software, to see if this is permitted.</p> + + <p> + <small>Java and all Java-based trademarks are trademarks of + Oracle Corporation in the United States, other countries, or both.</small> + </p> +</body> +</html> diff --git a/org.eclipse.osbp.themes/pom.xml b/org.eclipse.osbp.themes/pom.xml index a4ff5c7..a5ec281 100644 --- a/org.eclipse.osbp.themes/pom.xml +++ b/org.eclipse.osbp.themes/pom.xml @@ -2,9 +2,11 @@ <!--#======================================================================= --> <!--# Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany) --> <!--# All rights reserved. This program and the accompanying materials --> -<!--# are made available under the terms of the Eclipse Public License v1.0 --> +<!--# are made available under the terms of the Eclipse Public License 2.0 --> <!--# which accompanies this distribution, and is available at --> -<!--# http://www.eclipse.org/legal/epl-v10.html --> +<!--# https://www.eclipse.org/legal/epl-2.0/ --> +<!--# --> +<!--# SPDX-License-Identifier: EPL-2.0 --> <!--# --> <!--# Contributors: --> <!--# Christophe Loetz (Loetz GmbH&Co.KG) - initial API and implementation --> diff --git a/org.eclipse.osbp.themes/scss/_osbp-common.scss b/org.eclipse.osbp.themes/scss/_osbp-common.scss new file mode 100644 index 0000000..c02cf72 --- /dev/null +++ b/org.eclipse.osbp.themes/scss/_osbp-common.scss @@ -0,0 +1,61 @@ +//// +/// @group root/osbp-common +//// + +@import "../valo/valo.scss"; + +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) + +@import "external/reset.scss" +*/ +@import "external/dragdrop.scss"; +@import "external/charts.scss"; //os-charts + +/* style definitions derived from vaadin addons +*/ +@import "addons/designer.scss"; //os-designer +@import "addons/absolutelayout.scss"; //os-absolute-layout +@import "addons/grid-renderers-collection.scss"; // os-grid-render-coll + + + +/* variables used in components related to POS/cash register +*/ +@import "common/cash-variables.scss"; //POS + +/* style definitions under /layout reference these mixins. +* components are not included directly in @mixin <mainStyleName> +*/ +@import "components/color-palette.scss"; +@import "components/textfield.scss"; +@import "components/button.scss"; +@import "components/typeface.scss"; +@import "components/focus.scss"; +@import "components/checkbox.scss"; +@import "components/bits.scss"; +@import "components/popup.scss"; +@import "components/group.scss"; +@import "addons/suggesttext.scss"; //os-suggesttext + +/* scss under /layout have to be encased in a @mixin to be used below +* @mixin <mainStyleName> +* else, the prefix .mainStyleName will not be included in the resulting +* css file. +* also, valo has to be included before adding custom styles. +*/ +@import "layout/login.scss"; //os-login, os-login-basic, os-login-bgimage +@import "layout/pageframe.scss"; //os-pageframe +@import "layout/header.scss"; //os-heaeder +@import "layout/dialog.scss"; //os-dialog +@import "layout/table.scss"; //os-table +@import "layout/tabsheet.scss"; //os-tabsheet +@import "layout/user.scss"; //os-user, os-user-accordion +@import "layout/responsive.scss"; //os-responsive +@import "layout/sidebar.scss"; //os-sidebar, os-sidebar-table-variant +@import "layout/iconfont.scss"; //os-icons +@import "layout/gridview.scss"; //os-gridview +@import "layout/oconfigdialog.scss"; //os-configdialog +@import "layout/gridutil.scss"; //os-grid-util +@import "layout/cash-register.scss"; //os-cash-register diff --git a/org.eclipse.osbp.themes/scss/_variables-osbp.scss b/org.eclipse.osbp.themes/scss/_variables-osbp.scss index f876e76..ab0d782 100644 --- a/org.eclipse.osbp.themes/scss/_variables-osbp.scss +++ b/org.eclipse.osbp.themes/scss/_variables-osbp.scss @@ -121,8 +121,7 @@ $os-button-width: $v-unit-size*7; $os-shadow-reversed: 0px -2px 2px transparentize(#000, 0.9); /// @todo replace with valo-text-shadow; $os-text-shadow: 0px 1px 1px transparentize(#000, 0.8); - - + /* $os-luminance-threshold: 150 ;//150 !default */ diff --git a/org.eclipse.osbp.themes/scss/_variables-valo.scss b/org.eclipse.osbp.themes/scss/_variables-valo.scss new file mode 100644 index 0000000..6e751a5 --- /dev/null +++ b/org.eclipse.osbp.themes/scss/_variables-valo.scss @@ -0,0 +1 @@ +/* for later use */
\ No newline at end of file diff --git a/org.eclipse.osbp.themes/scss/addons/_grid-renderers-collection.scss b/org.eclipse.osbp.themes/scss/addons/_grid-renderers-collection.scss new file mode 100644 index 0000000..416988d --- /dev/null +++ b/org.eclipse.osbp.themes/scss/addons/_grid-renderers-collection.scss @@ -0,0 +1,10 @@ + +@mixin os-grid-render-coll { + .grid-renderers-collection-addon { + cursor: pointer; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + } + } diff --git a/org.eclipse.osbp.themes/scss/addons/_suggesttext.scss b/org.eclipse.osbp.themes/scss/addons/_suggesttext.scss index 601f6ac..8e1d988 100644 --- a/org.eclipse.osbp.themes/scss/addons/_suggesttext.scss +++ b/org.eclipse.osbp.themes/scss/addons/_suggesttext.scss @@ -43,7 +43,7 @@ cursor: pointer; border-bottom: $v-border !important; height: $v-unit-size - first-number($v-border); - + &:focus{ background-color: $os-focus-color !important; color: $v-focus-color; @@ -51,18 +51,18 @@ &:hover{ border-bottom-color: $v-focus-color !important; } + text-align: center; width: $v-unit-size; @include os-icon-font($content: '\f08d'); float: right; - } + } .enableSuggestions.selected { @include os-icon-font($content: '\f002'); float: right; } - - } + } } /* Original css file diff --git a/org.eclipse.osbp.themes/scss/components/_button.scss b/org.eclipse.osbp.themes/scss/components/_button.scss index cc24e78..e9c5047 100644 --- a/org.eclipse.osbp.themes/scss/components/_button.scss +++ b/org.eclipse.osbp.themes/scss/components/_button.scss @@ -156,6 +156,7 @@ border-left-color: $v-app-background-color; border-bottom: $v-border; margin-left: 0px; + @include box-shadow(none); font-weight: normal; @if $os-button-uppercase == true { text-transform: none; @@ -260,24 +261,24 @@ } -/// Button style modifier for buttons in ... -/// @todo find out where l-beansearchfield is +/// Button style modifier for buttons in dialog @mixin os-button-l-beansearch { - button { - @include os-icon-font($content: '\f0b0'); - margin-left: 0px; - font-weight: normal; - color: valo-font-color($os-light-contrast); - border-width: 0px; - background-color: $os-light-contrast; - border-left: $v-border; - border-bottom: $v-border; - outline:0; - height: $v-unit-size; - width: $v-unit-size !important; - cursor: pointer; - img {display:none;} - } + @include os-icon-font($content: '\f0b0'); + margin-left: 0px; + padding: 0px; + padding-left: make_even($v-unit-size/4); + font-weight: normal; + color: valo-font-color($os-light-contrast); + border-width: 0px; + background-color: $os-light-contrast; + border-left: $v-border; + border-bottom: $v-border; + outline:0; + height: $v-unit-size; +/* width: $v-unit-size !important; */ + cursor: pointer; + img {display:none;} + @include box-shadow(none); } /// Sets button dimensions for POS/cash register application. diff --git a/org.eclipse.osbp.themes/scss/components/_checkbox.scss b/org.eclipse.osbp.themes/scss/components/_checkbox.scss index 28efb33..ab80835 100644 --- a/org.eclipse.osbp.themes/scss/components/_checkbox.scss +++ b/org.eclipse.osbp.themes/scss/components/_checkbox.scss @@ -21,7 +21,7 @@ > input ~ label:before { height: $v-unit-size; border: 0px; - border-bottom: $v-border; + border-bottom: $v-border !important; background: $os-textfield-shade; @include box-shadow(none); //valo mixin } diff --git a/org.eclipse.osbp.themes/scss/components/_popup.scss b/org.eclipse.osbp.themes/scss/components/_popup.scss index 79b5112..61d9580 100644 --- a/org.eclipse.osbp.themes/scss/components/_popup.scss +++ b/org.eclipse.osbp.themes/scss/components/_popup.scss @@ -11,6 +11,14 @@ } text-align: center; } + .v-window-outerheader { + &:after { + border-top-width: 0px; + } + } + .v-window-contents { + padding-top: $v-line-height * $v-scaling-factor--large + $v-layout-spacing-vertical*2 !important; + } .v-window-closebox { @include os-icon-font ( //$font-family: 'Arial', $size: $v-font-size, diff --git a/org.eclipse.osbp.themes/scss/components/_textfield.scss b/org.eclipse.osbp.themes/scss/components/_textfield.scss index 8ece327..7a6ff5c 100644 --- a/org.eclipse.osbp.themes/scss/components/_textfield.scss +++ b/org.eclipse.osbp.themes/scss/components/_textfield.scss @@ -106,24 +106,26 @@ } -/* for cash register */ /// Textfield style modifier for arranging vertically aligned textfields (with caption on top) according to their width and spacings. /// @param {integer} field-width-factor @mixin os-textfield-mod ($width-mod: 1, $secondary-stylename: null){ - @if $secondary-stylename == null { - /* textfield, datefield etc. dimensions according to container stylename */ - .v-textfield, .v-datefield, .o-XSuggestBox { + @if $secondary-stylename == null { + /* textfield, datefield etc. dimensions according to CONTAINER/LAYOUT stylename */ + .v-textfield, .v-datefield, .o-XSuggestBox, .v-filterselect, .v-filterselect-input, .v-filterselect [class*="input"], .l-control>.v-component-group, .l-control>.l-beansearchfield { width: ($cash-field-width * $width-mod) + ($v-layout-spacing-horizontal * ($width-mod - 1)); } - .o-XSuggestBox > .v-textfield, .o-XSuggestBox > .v-datefield{ + .o-XSuggestBox > .v-textfield, .o-XSuggestBox > .v-datefield { width: ($cash-field-width * $width-mod) + ($v-layout-spacing-horizontal * ($width-mod - 1)) - ($v-unit-size * $os-cash-zoom-factor) !important; - } + } } @else { - /* textfield, datefield etc. dimensions according to local stylename */ - .#{$secondary-stylename}.v-textfield, .#{$secondary-stylename}.v-datefield, .#{$secondary-stylename}.o-XSuggestBox { + /* textfield, datefield etc. dimensions according to LOCAL/COMPONENT stylename */ + .#{$secondary-stylename}.v-textfield, .#{$secondary-stylename}.v-datefield, .#{$secondary-stylename}.o-XSuggestBox, + .#{$secondary-stylename}.v-textarea, + .#{$secondary-stylename}.v-filterselect, .#{$secondary-stylename}.v-filterselect-input, .#{$secondary-stylename}.v-filterselect [class*="input"], + .l-control.#{$secondary-stylename} .v-component-group, .l-control.#{$secondary-stylename} .l-beansearchfield { width: ($cash-field-width * $width-mod) + ($v-layout-spacing-horizontal * ($width-mod - 1)); } .#{$secondary-stylename}.o-XSuggestBox > .v-textfield, .#{$secondary-stylename}.o-XSuggestBox > .v-datefield { diff --git a/org.eclipse.osbp.themes/scss/layout/_cash-register.scss b/org.eclipse.osbp.themes/scss/layout/_cash-register.scss index 6c373c9..daa8d22 100644 --- a/org.eclipse.osbp.themes/scss/layout/_cash-register.scss +++ b/org.eclipse.osbp.themes/scss/layout/_cash-register.scss @@ -37,9 +37,40 @@ @include os-button-cash; /* basic textfield size */ - .v-textfield, .v-datefield ,.o-XSuggestBox{ + .v-textfield, .v-datefield ,.o-XSuggestBox, .v-filterselect, .v-filterselect-input, .v-filterselect [class*="input"] { @include os-textfield-cash; } + .v-datefield [class*="textfield"] { +/* padding-left: $unit-size * 1.2; VALO DEFAULT */ + padding-left: $v-unit-size * $os-cash-zoom-factor * 1.2; + } + + .v-filterselect-button, .v-datefield button { + width: $cash-button-base-height + $half-spacing; + &:before { + width: $cash-button-base-height + $half-spacing; + } + } + + + /* should accomplish that groups of fields fill the entire width of a formlayout row */ + .os-alt-button > .v-component-group, .os-alt-button > .l-beansearchfield { + display: block; + > .v-slot > .v-button { + position: relative; + height: $cash-button-base-height; + width: $cash-button-base-height; + min-width: $cash-button-base-height; + top: -1 * $cash-button-base-height; + left: -1 * $cash-button-base-height; + } + } + + .v-component-group > .v-slot > .v-button { + height: $cash-button-base-height + $half-spacing; + } + + .v-textarea { font-size: $v-font-size * $os-cash-zoom-factor; &.v-disabled, &.v-disabled > .v-textfield { diff --git a/org.eclipse.osbp.themes/scss/layout/_dialog.scss b/org.eclipse.osbp.themes/scss/layout/_dialog.scss index e9b4643..4d60ce2 100644 --- a/org.eclipse.osbp.themes/scss/layout/_dialog.scss +++ b/org.eclipse.osbp.themes/scss/layout/_dialog.scss @@ -8,12 +8,29 @@ font-size: $v-font-size * $v-scaling-factor--large; } - .v-caption-on-top >.v-caption-l-control >.v-captiontext { + .v-caption-on-top >.v-caption-l-control >.v-captiontext, + .v-slot-os-single-selection > .v-caption-on-top >.v-caption >.v-captiontext, + .v-slot-os-multi-selection > .v-caption-on-top >.v-caption >.v-captiontext { font-size: $v-font-size; - } - + } + + .v-slot-os-single-selection, .v-slot-os-multi-selection { + background-color: $os-light-contrast; + > .v-caption-on-top { + >.v-caption { + padding-bottom: 0px; + >.v-captiontext { + margin: floor($v-unit-size/3); + margin-bottom: 0px; + } + } + > .v-filterselect { + margin-top: 0px; + } + } + } - /* extreme checkbox workaround */ + /* checkbox workaround */ .v-formlayout-row { :root & .v-checkbox { @include os-checkbox(); @@ -23,8 +40,9 @@ } > input ~ label:before { margin-top: inherit; + border-width: 0px; } - } + } .v-gridlayout { } } @@ -73,7 +91,7 @@ height: $v-unit-size; } - // grid inside dialog + /* grid inside dialog */ .v-grid-os-box { .v-grid-tablewrapper { border-top: 0px; @@ -90,7 +108,59 @@ .l-control, .toptrimbar, .os-selection-area { .v-panel { - border-width: 1px; + border-width: first-number($v-border); + } + + .v-widget { + &.os-group-panel { + width: 100%; + border-top-width: first-number($v-border) * 2; + } + &.os-group-panel.os-caption-large, .os-caption-large { + .v-caption { + width: $v-unit-size * 6; + white-space: nowrap; + overflow: -moz-hidden-unscrollable; + text-overflow: ellipsis; + + .v-caption:hover { + overflow: visible; + } + } + + .v-formlayout-contentcell { + padding: 0px; + } + } + } + + +/* .v-panel { */ +/* border-width: 1px; */ + +/* &.os-group-panel { */ +/* //border-width: 3px !important; */ +/* width: 100% !important; */ +/* } */ +/* } */ +/* .v-panel.os-group-panel.os-caption-large, .v-widget.os-caption-large { */ +/* .v-formlayout-captioncell { */ +/* width: $v-unit-size * 6; */ +/* white-space: nowrap; */ +/* overflow: -moz-hidden-unscrollable; */ +/* text-overflow: ellipsis; */ + +/* .v-caption:hover { */ +/* overflow: visible; */ +/* } */ +/* } */ +/* } */ +/* .v-panel.os-group-panel .v-formlayout-contentcell { */ +/* padding: 0px; */ +/* } */ + + .os-no-padding { + padding: 0px !important; } .v-caption { @@ -107,8 +177,24 @@ @include os-caption-focus; } + + /* should accomplish that groups of fields fill the entire width of a formlayout row */ + .v-component-group, .l-beansearchfield { + display: flex; + width: $v-default-field-width; + > .v-slot:first-of-type { + width: 100%; + } + .v-datefield, .v-filterselect { + width: 100% !important; + > .v-textfield { + width: 100% !important; + } + } + } + .v-formlayout-row .v-customcomponent .v-label { - + /* ? */ } @@ -125,10 +211,12 @@ .v-formlayout-contentcell >.v-customcomponent { width: 100%; - border-bottom: $v-border; - .v-filterselect-input, .v-filterselect [class*="input"] { - border-bottom-width: 0px; - } +/* .v-filterselect-input, .v-filterselect [class*="input"] { */ +/* border-bottom-width: 0px; */ +/* } */ + .v-label { + border-bottom: $v-border; + } } .v-textfield { @@ -136,12 +224,14 @@ @include os-textfield; } + .v-filterselect { +/* border-bottom: $v-border; */ + } .v-filterselect-input, .v-filterselect [class*="input"] { @include os-textfield; - border-bottom: $v-border; +/* border-bottom: $v-border; */ @include box-shadow(none); - } - + } .v-filterselect.v-widget.os-combobox-with-icon .v-icon, .v-filterselect-os-box .v-icon { /* language selection icon position (header) */ z-index: 999; @@ -152,9 +242,8 @@ } .l-beansearchfield { - @include os-button-l-beansearch; - > .v-slot > .v-filterselect { - //width: $v-default-field-width - $v-unit-size; + button, .v-nativebutton { + @include os-button-l-beansearch; } } @@ -201,7 +290,7 @@ .v-filterselect-os-single-selection, .os-single-selection { color: valo-font-color($os-sub-header-bg); margin: floor($v-unit-size/3); - width: $os-button-width; +/* width: $os-button-width; */ } .os-multi-selection select.v-select-select { @@ -213,4 +302,9 @@ box-shadow: 0 0 10px 100px $v-focus-color inset; } } - }
\ No newline at end of file + } + + /*.v-panel .os-group-panel { + border-width: 3px !important; + width: 100% !important; + }*/
\ No newline at end of file diff --git a/org.eclipse.osbp.themes/scss/layout/_gridview.scss b/org.eclipse.osbp.themes/scss/layout/_gridview.scss index 14db2b1..68c76fe 100644 --- a/org.eclipse.osbp.themes/scss/layout/_gridview.scss +++ b/org.eclipse.osbp.themes/scss/layout/_gridview.scss @@ -14,6 +14,42 @@ font-size: $v-font-size; font-weight: bold; } + + .v-grid-body > .v-grid-row > .v-grid-cell { + /* goes along with display: flex; below */ + margin-bottom: $v-unit-size * -1; + } + .v-grid-row { + /* images in grid row are reduced to tiny preview size + grid rows and images are made to grow in size on mouse hover + */ + + display: flex; /* essential, or grid does not move one bit; ovverride "block" */ +/* align-items: flex-end; */ + position: relative; + + & > td { + > img.gwt-Image { + height: $v-unit-size - first-number($v-border) - 1; + } + &:hover { + height: auto !important; + position: relative; + > img.gwt-Image { + height: auto; + } + } + } + + /* variant: grid rows enlarge with image size:*/ + +/* display: contents; */ +/* display: flex; */ + & > td { + height: auto !important; + } + } + .v-grid-cell.filter-header { height: $v-unit-size !important; padding: 0px; diff --git a/org.eclipse.osbp.themes/scss/layout/_pageframe.scss b/org.eclipse.osbp.themes/scss/layout/_pageframe.scss index e3033ef..c99fb7b 100644 --- a/org.eclipse.osbp.themes/scss/layout/_pageframe.scss +++ b/org.eclipse.osbp.themes/scss/layout/_pageframe.scss @@ -22,6 +22,11 @@ } + div.v-slider-base { + width: $v-unit-size * 10; + } + + /* external welcome page iframe container */ .v-verticallayout-os-welcome { padding: 0px !important; @@ -30,6 +35,49 @@ border-width: 0px; } + .v-label-os-dashboardtile { + color: valo-font-color($os-button-color); + font-size: 9px; + line-height: 1.2; + } + + .v-label-os-dashboardtile-number { + font-size: 25px; + } + + .v-slot-os-dashboardtile { + vertical-align: middle; + } + + .v-verticallayout-os-dashboardtile { + font-weight: $v-font-weight + 300; + cursor: null; + background-color: $os-button-color; + border: 0px; + border-radius: $v-border-radius; + gradient: null; + bevel: $v-bevel; + shadow: $v-shadow; + states: (normal disabled); + margin-left: floor($v-unit-size/5); + + &.v-pressed { + background-color: get_color_mix($v-focus-color, #fff, 70) !important; + border-color: get_color_mix($v-focus-color, #fff, 70) !important; + } + &:after { + transition: none; + } + &:hover, &:focus, &:active { + background-color: $os-odd-highlight; + border-color: $os-odd-highlight; + color: valo-font-color($os-odd-highlight); + } + &:focus:after { + border-color: transparent; + transition: none; + } + } /* checkbox-global */ :root & .v-checkbox { @@ -142,6 +190,12 @@ @include os-button-toolbar; @include box-shadow(none); /*valo-defined mixin*/ } + .v-button.v-spliter { + background: inherit; + width: 0; + padding: 0; + border-right: $v-border; + } span.v-button-caption { vertical-align: middle; } diff --git a/org.eclipse.osbp.themes/scss/layout/_sidebar.scss b/org.eclipse.osbp.themes/scss/layout/_sidebar.scss index 31edeb5..f141959 100644 --- a/org.eclipse.osbp.themes/scss/layout/_sidebar.scss +++ b/org.eclipse.osbp.themes/scss/layout/_sidebar.scss @@ -2,6 +2,28 @@ /// @group layout/sidebar //// +/// Sidebar style displaying an array of buttons +@mixin os-sidebar-buttonpanel { + .osbpsidebar { + .menu .v-nativebutton { + @include os-button; + text-align: center; + margin-bottom: $v-layout-spacing-vertical; + width: calc(100% - $v-layout-spacing-horizontal); + cursor: pointer; + &:focus, &:hover { + outline:0; + } + } + .menu { + padding: $os-layout-margin; + } + .branding { + @include os-typeface-view-h2; + } + } + } + /// Sidebar style imitating the look of a table. @mixin os-sidebar-table-variant{ .v-slot-osbpsidebar { @@ -23,7 +45,6 @@ } } } - .user { display: block; background-color: $os-splitter-shade; diff --git a/org.eclipse.osbp.themes/scss/osbp-cxo.scss b/org.eclipse.osbp.themes/scss/osbp-cxo.scss index dcf066a..857b66d 100644 --- a/org.eclipse.osbp.themes/scss/osbp-cxo.scss +++ b/org.eclipse.osbp.themes/scss/osbp-cxo.scss @@ -3,66 +3,12 @@ //// @import "variables-cxo.scss"; /* settings specific to this theme */ -@import "variables-common.scss"; /* settings used by themes of this set, - /!\ theme-specific settings overwrite common settings */ -@import "../valo/valo.scss"; - -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) - -@import "external/reset.scss" -*/ - -@import "external/dragdrop.scss"; -@import "external/charts.scss"; //os-charts - -/* style definitions derived from vaadin addons -*/ -@import "addons/designer.scss"; //os-designer -@import "addons/absolutelayout.scss"; //os-absolute-layout - -/* variables used in components related to POS/cash register -*/ -@import "common/cash-variables.scss"; //POS - -/* style definitions under /layout reference these mixins. -* components are not included directly in @mixin <mainStyleName> -*/ -@import "components/color-palette.scss"; -@import "components/textfield.scss"; -@import "components/button.scss"; -@import "components/typeface.scss"; -@import "components/focus.scss"; -@import "components/checkbox.scss"; -@import "components/bits.scss"; -@import "components/popup.scss"; -@import "components/group.scss"; -@import "addons/suggesttext.scss"; //os-suggesttext - - -/* scss under /layout have to be encased in a @mixin to be used below -* @mixin <mainStyleName> -* else, the prefix .mainStyleName will not be included in the resulting -* css file. - -* also, valo has to be included before adding custom styles. -*/ -@import "layout/login.scss"; //os-login, os-login-basic, os-login-bgimage -@import "layout/pageframe.scss"; //os-pageframe -@import "layout/header.scss"; //os-heaeder -@import "layout/dialog.scss"; //os-dialog -@import "layout/table.scss"; //os-table -@import "layout/tabsheet.scss"; //os-tabsheet -@import "layout/user.scss"; //os-user, os-user-accordion -@import "layout/responsive.scss"; //os-responsive -@import "layout/sidebar.scss"; //os-sidebar, os-sidebar-table-variant -@import "layout/iconfont.scss"; //os-icons -@import "layout/gridview.scss"; //os-gridview -@import "layout/oconfigdialog.scss"; //os-configdialog -@import "layout/gridutil.scss"; //os-grid-util (displays certain elements within grids) -@import "layout/cash-register.scss"; //os-cash-register +@import "variables-common.scss"; /* settings used by themes of this set, TODO */ + +/// contains file imports used by all theme variants +@import "osbp-common.scss"; + /* /!\ theme-specific settings overwrite common settings */ @mixin osbp-cxo { @include valo; @@ -100,6 +46,8 @@ //addons @include os-absolutelayout; @include os-designer; + @include os-grid-render-coll; + } diff --git a/org.eclipse.osbp.themes/scss/osbp-steel.scss b/org.eclipse.osbp.themes/scss/osbp-steel.scss index f8dd3f2..8e2c5ff 100644 --- a/org.eclipse.osbp.themes/scss/osbp-steel.scss +++ b/org.eclipse.osbp.themes/scss/osbp-steel.scss @@ -3,65 +3,12 @@ //// @import "variables-steel.scss"; /* settings specific to this theme */ -@import "variables-common.scss"; /* settings used by themes of this set, - /!\ theme-specific settings overwrite common settings */ -@import "../valo/valo.scss"; - -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) - -@import "external/reset.scss" -*/ - -@import "external/dragdrop.scss"; -@import "external/charts.scss"; //os-charts - -/* style definitions derived from vaadin addons -*/ -@import "addons/designer.scss"; //os-designer -@import "addons/absolutelayout.scss"; //os-absolute-layout - -/* variables used in components related to POS/cash register -*/ -@import "common/cash-variables.scss"; //POS - -/* style definitions under /layout reference these mixins. -* components are not included directly in @mixin <mainStyleName> -*/ -@import "components/color-palette.scss"; -@import "components/textfield.scss"; -@import "components/button.scss"; -@import "components/typeface.scss"; -@import "components/focus.scss"; -@import "components/checkbox.scss"; -@import "components/bits.scss"; -@import "components/popup.scss"; -@import "components/group.scss"; -@import "addons/suggesttext.scss"; //os-suggesttext - - -/* scss under /layout have to be encased in a @mixin to be used below -* @mixin <mainStyleName> -* else, the prefix .mainStyleName will not be included in the resulting -* css file. -* also, valo has to be included before adding custom styles. -*/ -@import "layout/login.scss"; //os-login, os-login-basic, os-login-bgimage -@import "layout/pageframe.scss"; //os-pageframe -@import "layout/header.scss"; //os-heaeder -@import "layout/dialog.scss"; //os-dialog -@import "layout/table.scss"; //os-table -@import "layout/tabsheet.scss"; //os-tabsheet -@import "layout/user.scss"; //os-user, os-user-accordion -@import "layout/responsive.scss"; //os-responsive -@import "layout/sidebar.scss"; //os-sidebar, os-sidebar-table-variant -@import "layout/iconfont.scss"; //os-icons -@import "layout/gridview.scss"; //os-gridview -@import "layout/oconfigdialog.scss"; //os-configdialog -@import "layout/gridutil.scss"; //os-grid-util (displays certain elements within grids) -@import "layout/cash-register.scss"; //os-cash-register +@import "variables-common.scss"; /* settings used by themes of this set, TODO */ + +/// contains file imports used by all theme variants +@import "osbp-common.scss"; + /* /!\ theme-specific settings overwrite common settings */ @mixin osbp-steel { @include valo; @@ -78,7 +25,8 @@ //@include os-birt-report; @include os-icons; //@include os-sidebar; - @include os-sidebar-table-variant; + //@include os-sidebar-table-variant; + @include os-sidebar-buttonpanel; @include os-responsive; @include os-gridview; @include os-grid-util; @@ -99,6 +47,8 @@ //addons @include os-absolutelayout; @include os-designer; + @include os-grid-render-coll; + } diff --git a/org.eclipse.osbp.themes/scss/osbp-tea.scss b/org.eclipse.osbp.themes/scss/osbp-tea.scss index 8ad8146..fc41608 100644 --- a/org.eclipse.osbp.themes/scss/osbp-tea.scss +++ b/org.eclipse.osbp.themes/scss/osbp-tea.scss @@ -3,64 +3,12 @@ //// @import "variables-tea.scss"; /* settings specific to this theme */ -@import "variables-common.scss"; /* settings used by themes of this set, - /!\ theme-specific settings overwrite common settings */ -@import "../valo/valo.scss"; - -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) - -@import "external/reset.scss" -*/ -@import "external/dragdrop.scss"; -@import "external/charts.scss"; //os-charts - -/* style definitions derived from vaadin addons -*/ -@import "addons/designer.scss"; //os-designer -@import "addons/absolutelayout.scss"; //os-absolute-layout - - -/* variables used in components related to POS/cash register -*/ -@import "common/cash-variables.scss"; //POS - -/* style definitions under /layout reference these mixins. -* components are not included directly in @mixin <mainStyleName> -*/ -@import "components/color-palette.scss"; -@import "components/textfield.scss"; -@import "components/button.scss"; -@import "components/typeface.scss"; -@import "components/focus.scss"; -@import "components/checkbox.scss"; -@import "components/bits.scss"; -@import "components/popup.scss"; -@import "components/group.scss"; -@import "addons/suggesttext.scss"; //os-suggesttext - -/* scss under /layout have to be encased in a @mixin to be used below -* @mixin <mainStyleName> -* else, the prefix .mainStyleName will not be included in the resulting -* css file. -* also, valo has to be included before adding custom styles. -*/ -@import "layout/login.scss"; //os-login, os-login-basic, os-login-bgimage -@import "layout/pageframe.scss"; //os-pageframe -@import "layout/header.scss"; //os-heaeder -@import "layout/dialog.scss"; //os-dialog -@import "layout/table.scss"; //os-table -@import "layout/tabsheet.scss"; //os-tabsheet -@import "layout/user.scss"; //os-user, os-user-accordion -@import "layout/responsive.scss"; //os-responsive -@import "layout/sidebar.scss"; //os-sidebar, os-sidebar-table-variant -@import "layout/iconfont.scss"; //os-icons -@import "layout/gridview.scss"; //os-gridview -@import "layout/oconfigdialog.scss"; //os-configdialog -@import "layout/gridutil.scss"; //os-grid-util -@import "layout/cash-register.scss"; //os-cash-register +@import "variables-common.scss"; /* settings used by themes of this set, TODO */ + +/// contains file imports used by all theme variants +@import "osbp-common.scss"; + /* /!\ theme-specific settings overwrite common settings */ @mixin osbp-tea { @include valo; @@ -98,6 +46,8 @@ //addons @include os-absolutelayout; @include os-designer; + @include os-grid-render-coll; + } diff --git a/org.eclipse.osbp.themes/scss/osbp.scss b/org.eclipse.osbp.themes/scss/osbp.scss index 1bae9da..a870f2e 100644 --- a/org.eclipse.osbp.themes/scss/osbp.scss +++ b/org.eclipse.osbp.themes/scss/osbp.scss @@ -3,65 +3,12 @@ //// @import "variables-osbp.scss"; /* settings specific to this theme */ -@import "variables-common.scss"; /* settings used by themes of this set, - /!\ theme-specific settings overwrite valo/shared settings */ -@import "../valo/valo.scss"; - -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) - -@import "external/reset.scss" -*/ -@import "external/dragdrop.scss"; -@import "external/charts.scss"; //os-charts - -/* style definitions derived from vaadin addons -*/ -@import "addons/designer.scss"; //os-designer -@import "addons/absolutelayout.scss"; //os-absolute-layout - - -/* variables used in components related to POS/cash register -*/ -@import "common/cash-variables.scss"; //POS - -/* style definitions under /layout reference these mixins. -* components are not included directly in @mixin <mainStyleName> -*/ -@import "components/color-palette.scss"; -@import "components/textfield.scss"; -@import "components/button.scss"; -@import "components/typeface.scss"; -@import "components/focus.scss"; -@import "components/checkbox.scss"; -@import "components/bits.scss"; -@import "components/group.scss"; -@import "components/popup.scss"; -@import "addons/suggesttext.scss"; //os-suggesttext - - +@import "variables-common.scss"; /* settings used by themes of this set, TODO */ + +/// contains file imports used by all theme variants +@import "osbp-common.scss"; -/* scss under /layout have to be encased in a @mixin to be used below -* @mixin <mainStyleName> -* else, the prefix .mainStyleName will not be included in the resulting -* css file. -* also, valo has to be included before adding custom styles. -*/ -@import "layout/login.scss"; //os-login, os-login-basic, os-login-bgimage -@import "layout/pageframe.scss"; //os-pageframe -@import "layout/header.scss"; //os-heaeder -@import "layout/dialog.scss"; //os-dialog -@import "layout/table.scss"; //os-table -@import "layout/tabsheet.scss"; //os-tabsheet -@import "layout/user.scss"; //os-user, os-user-accordion -@import "layout/responsive.scss"; //os-responsive -@import "layout/sidebar.scss"; //os-sidebar, os-sidebar-table-variant -@import "layout/iconfont.scss"; //os-icons -@import "layout/gridview.scss"; //os-gridview -@import "layout/oconfigdialog.scss"; //os-configdialog -@import "layout/gridutil.scss"; //os-grid-util (displays certain elements within grids) -@import "layout/cash-register.scss"; //os-cash-register + /* /!\ theme-specific settings overwrite common settings */ @mixin osbp { @include valo; @@ -78,7 +25,8 @@ //@include os-birt-report; @include os-icons; //@include os-sidebar; - @include os-sidebar-table-variant; + //@include os-sidebar-table-variant; + @include os-sidebar-buttonpanel; @include os-responsive; @include os-gridview; @include os-grid-util; @@ -100,9 +48,8 @@ //addons @include os-absolutelayout; @include os-designer; + @include os-grid-render-coll; } - - diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/LICENSE.txt b/org.eclipse.osbp.vaadin.widgetset.feature/LICENSE.txt index ff42ad4..fc5938d 100644 --- a/org.eclipse.osbp.vaadin.widgetset.feature/LICENSE.txt +++ b/org.eclipse.osbp.vaadin.widgetset.feature/LICENSE.txt @@ -1,161 +1,140 @@ -Eclipse Public License -v 1.0 - -THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION -OR DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT. - -1. DEFINITIONS - -"Contribution" means: - -a) in the case of the initial Contributor, the initial code and documentation distributed under this Agreement, and - -b) in the case of each subsequent Contributor: - -i) changes to the Program, and - -ii) additions to the Program; - -where such changes and/or additions to the Program originate from and are distributed by that particular Contributor. -A Contribution 'originates' from a Contributor if it was added to the Program by such Contributor itself or anyone -acting on such Contributor's behalf. Contributions do not include additions to the Program which: (i) are separate -modules of software distributed in conjunction with the Program under their own license agreement, and (ii) are not -derivative works of the Program. - -"Contributor" means any person or entity that distributes the Program. - -"Licensed Patents " mean patent claims licensable by a Contributor which are necessarily infringed by the use or sale of -its Contribution alone or when combined with the Program. - -"Program" means the Contributions distributed in accordance with this Agreement. - -"Recipient" means anyone who receives the Program under this Agreement, including all Contributors. - -2. GRANT OF RIGHTS - -a) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free copyright license to reproduce, prepare derivative works of, publicly display, publicly perform, distribute -and sublicense the Contribution of such Contributor, if any, and such derivative works, in source code and object code -form. - -b) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free patent license under Licensed Patents to make, use, sell, offer to sell, import and otherwise transfer the -Contribution of such Contributor, if any, in source code and object code form. This patent license shall apply to the -combination of the Contribution and the Program if, at the time the Contribution is added by the Contributor, such -addition of the Contribution causes such combination to be covered by the Licensed Patents. The patent license shall not -apply to any other combinations which include the Contribution. No hardware per se is licensed hereunder. - -c) Recipient understands that although each Contributor grants the licenses to its Contributions set forth herein, no -assurances are provided by any Contributor that the Program does not infringe the patent or other intellectual property -rights of any other entity. Each Contributor disclaims any liability to Recipient for claims brought by any other entity -based on infringement of intellectual property rights or otherwise. As a condition to exercising the rights and -licenses granted hereunder, each Recipient hereby assumes sole responsibility to secure any other intellectual property -rights needed, if any. For example, if a third party patent license is required to allow Recipient to distribute the -Program, it is Recipient's responsibility to acquire that license before distributing the Program. - -d) Each Contributor represents that to its knowledge it has sufficient copyright rights in its Contribution, if any, to -grant the copyright license set forth in this Agreement. - -3. REQUIREMENTS - -A Contributor may choose to distribute the Program in object code form under its own license agreement, provided that: - -a) it complies with the terms and conditions of this Agreement; and - -b) its license agreement: - -i) effectively disclaims on behalf of all Contributors all warranties and conditions, express and implied, including -warranties or conditions of title and non-infringement, and implied warranties or conditions of merchantability and -fitness for a particular purpose; - -ii) effectively excludes on behalf of all Contributors all liability for damages, including direct, indirect, special, -incidental and consequential damages, such as lost profits; - -iii) states that any provisions which differ from this Agreement are offered by that Contributor alone and not by any -other party; and - -iv) states that source code for the Program is available from such Contributor, and informs licensees how to obtain it -in a reasonable manner on or through a medium customarily used for software exchange. - -When the Program is made available in source code form: - -a) it must be made available under this Agreement; and - -b) a copy of this Agreement must be included with each copy of the Program. - -Contributors may not remove or alter any copyright notices contained within the Program. - -Each Contributor must identify itself as the originator of its Contribution, if any, in a manner that reasonably allows -subsequent Recipients to identify the originator of the Contribution. - -4. COMMERCIAL DISTRIBUTION - -Commercial distributors of software may accept certain responsibilities with respect to end users, business partners and -the like. While this license is intended to facilitate the commercial use of the Program, the Contributor who includes -the Program in a commercial product offering should do so in a manner which does not create potential liability for -other Contributors. Therefore, if a Contributor includes the Program in a commercial product offering, such Contributor -("Commercial Contributor") hereby agrees to defend and indemnify every other Contributor ("Indemnified Contributor") -against any losses, damages and costs (collectively "Losses") arising from claims, lawsuits and other legal actions -brought by a third party against the Indemnified Contributor to the extent caused by the acts or omissions of such -Commercial Contributor in connection with its distribution of the Program in a commercial product offering. The -obligations in this section do not apply to any claims or Losses relating to any actual or alleged intellectual -property infringement. In order to qualify, an Indemnified Contributor must: a) promptly notify the Commercial -Contributor in writing of such claim, and b) allow the Commercial Contributor to control, and cooperate with the -Commercial Contributor in, the defense and any related settlement negotiations. The Indemnified Contributor may - participate in any such claim at its own expense. - -For example, a Contributor might include the Program in a commercial product offering, Product X. That Contributor is -then a Commercial Contributor. If that Commercial Contributor then makes performance claims, or offers warranties -related to Product X, those performance claims and warranties are such Commercial Contributor's responsibility alone. -Under this section, the Commercial Contributor would have to defend claims against the other Contributors related to -those performance claims and warranties, and if a court requires any other Contributor to pay any damages as a result, -the Commercial Contributor must pay those damages. - -5. NO WARRANTY - -EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR -CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, -NON-INFRINGEMENT, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely responsible for -determining the appropriateness of using and distributing the Program and assumes all risks associated with its -exercise of rights under this Agreement , including but not limited to the risks and costs of program errors, compliance -with applicable laws, damage to or loss of data, programs or equipment, and unavailability or interruption of operations. - -6. DISCLAIMER OF LIABILITY - -EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY -DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST PROFITS), -HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR -OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED -HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. - -7. GENERAL - -If any provision of this Agreement is invalid or unenforceable under applicable law, it shall not affect the validity or -enforceability of the remainder of the terms of this Agreement, and without further action by the parties hereto, such -provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable. - -If Recipient institutes patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) -alleging that the Program itself (excluding combinations of the Program with other software or hardware) infringes such -Recipient's patent(s), then such Recipient's rights granted under Section 2(b) shall terminate as of the date such -litigation is filed. - -All Recipient's rights under this Agreement shall terminate if it fails to comply with any of the material terms or -conditions of this Agreement and does not cure such failure in a reasonable period of time after becoming aware of such -noncompliance. If all Recipient's rights under this Agreement terminate, Recipient agrees to cease use and distribution -of the Program as soon as reasonably practicable. However, Recipient's obligations under this Agreement and any licenses - granted by Recipient relating to the Program shall continue and survive. - -Everyone is permitted to copy and distribute copies of this Agreement, but in order to avoid inconsistency the Agreement -is copyrighted and may only be modified in the following manner. The Agreement Steward reserves the right to publish -new versions (including revisions) of this Agreement from time to time. No one other than the Agreement Steward has the -right to modify this Agreement. The Eclipse Foundation is the initial Agreement Steward. The Eclipse Foundation may -assign the responsibility to serve as the Agreement Steward to a suitable separate entity. Each new version of the -Agreement will be given a distinguishing version number. The Program (including Contributions) may always be -distributed subject to the version of the Agreement under which it was received. In addition, after a new version of -the Agreement is published, Contributor may elect to distribute the Program (including its Contributions) under the -new version. Except as expressly stated in Sections 2(a) and 2(b) above, Recipient receives no rights or licenses to -the intellectual property of any Contributor under this Agreement, whether expressly, by implication, estoppel or -otherwise. All rights in the Program not expressly granted under this Agreement are reserved. - -This Agreement is governed by the laws of the State of New York and the intellectual property laws of the United States -of America. No party to this Agreement will bring a legal action under this Agreement more than one year after the cause -of action arose. Each party waives its rights to a jury trial in any resulting litigation.
\ No newline at end of file +Eclipse Foundation Software User Agreement + +November 22, 2017 + +Usage Of Content + +THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION +AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS (COLLECTIVELY "CONTENT"). USE OF +THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE +TERMS AND CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED +BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS GOVERNED +BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE +AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE +TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND CONDITIONS OF ANY +APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU +MAY NOT USE THE CONTENT. + +Applicable Licenses + +Unless otherwise indicated, all Content made available by the Eclipse Foundation +is provided to you under the terms and conditions of the Eclipse Public License +Version 2.0 ("EPL"). A copy of the EPL is provided with this Content and is also +available at http://www.eclipse.org/legal/epl-2.0. For purposes of the EPL, +"Program" will mean the Content. + +Content includes, but is not limited to, source code, object code, documentation +and other files maintained in the Eclipse Foundation source code repository +("Repository") in software modules ("Modules") and made available as +downloadable archives ("Downloads"). + +- Content may be structured and packaged into modules to facilitate + delivering, extending, and upgrading the Content. Typical modules may + include plug-ins ("Plug-ins"), plug-in fragments ("Fragments"), and + features ("Features"). +- Each Plug-in or Fragment may be packaged as a sub-directory or JAR + (Javaâ„¢ ARchive) in a directory named "plugins". +- A Feature is a bundle of one or more Plug-ins and/or Fragments and + associated material. Each Feature may be packaged as a sub-directory in a + directory named "features". Within a Feature, files named "feature.xml" may + contain a list of the names and version numbers of the Plug-ins and/or + Fragments associated with that Feature. +- Features may also include other Features ("Included Features"). Within a + Feature, files named "feature.xml" may contain a list of the names and + version numbers of Included Features. + +The terms and conditions governing Plug-ins and Fragments should be contained in +files named "about.html" ("Abouts"). The terms and conditions governing Features +and Included Features should be contained in files named "license.html" +("Feature Licenses"). Abouts and Feature Licenses may be located in any +directory of a Download or Module including, but not limited to the following +locations: + +- The top-level (root) directory +- Plug-in and Fragment directories +- Inside Plug-ins and Fragments packaged as JARs +- Sub-directories of the directory named "src" of certain Plug-ins +- Feature directories + +Note: if a Feature made available by the Eclipse Foundation is installed using +the Provisioning Technology (as defined below), you must agree to a license +("Feature Update License") during the installation process. If the Feature +contains Included Features, the Feature Update License should either provide you +with the terms and conditions governing the Included Features or inform you +where you can locate them. Feature Update Licenses may be found in the "license" +property of files named "feature.properties" found within a Feature. Such +Abouts, Feature Licenses, and Feature Update Licenses contain the terms and +conditions (or references to such terms and conditions) that govern your use of +the associated Content in that directory. + +THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER TO THE EPL +OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. SOME OF THESE +OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO): + +- Eclipse Public License Version 1.0 (available at + http://www.eclipse.org/legal/epl-v10.html) +- Eclipse Distribution License Version 1.0 (available at + http://www.eclipse.org/licenses/edl-v1.0.html) +- Common Public License Version 1.0 (available at + http://www.eclipse.org/legal/cpl-v10.html) +- Apache Software License 1.1 (available at + http://www.apache.org/licenses/LICENSE) +- Apache Software License 2.0 (available at + http://www.apache.org/licenses/LICENSE-2.0) +- Mozilla Public License Version 1.1 (available at + http://www.mozilla.org/MPL/MPL-1.1.html) + +IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND CONDITIONS PRIOR TO +USE OF THE CONTENT. If no About, Feature License, or Feature Update License is +provided, please contact the Eclipse Foundation to determine what terms and +conditions govern that particular Content. + +Use of Provisioning Technology + +The Eclipse Foundation makes available provisioning software, examples of which +include, but are not limited to, p2 and the Eclipse Update Manager +("Provisioning Technology") for the purpose of allowing users to install +software, documentation, information and/or other materials (collectively +"Installable Software"). This capability is provided with the intent of allowing +such users to install, extend and update Eclipse-based products. Information +about packaging Installable Software is available at +http://eclipse.org/equinox/p2/repository_packaging.html ("Specification"). + +You may use Provisioning Technology to allow other parties to install +Installable Software. You shall be responsible for enabling the applicable +license agreements relating to the Installable Software to be presented to, and +accepted by, the users of the Provisioning Technology in accordance with the +Specification. By using Provisioning Technology in such a manner and making it +available in accordance with the Specification, you further acknowledge your +agreement to, and the acquisition of all necessary rights to permit the +following: + +1. A series of actions may occur ("Provisioning Process") in which a user may + execute the Provisioning Technology on a machine ("Target Machine") with the + intent of installing, extending or updating the functionality of an + Eclipse-based product. +2. During the Provisioning Process, the Provisioning Technology may cause third + party Installable Software or a portion thereof to be accessed and copied to + the Target Machine. +3. Pursuant to the Specification, you will provide to the user the terms and + conditions that govern the use of the Installable Software ("Installable + Software Agreement") and such Installable Software Agreement shall be + accessed from the Target Machine in accordance with the Specification. Such + Installable Software Agreement must inform the user of the terms and + conditions that govern the Installable Software and must solicit acceptance + by the end user in the manner prescribed in such Installable + Software Agreement. Upon such indication of agreement by the user, the + provisioning Technology will complete installation of the + Installable Software. + +Cryptography + +Content may contain encryption software. The country in which you are currently +may have restrictions on the import, possession, and use, and/or re-export to +another country, of encryption software. BEFORE using any encryption software, +please check the country's laws, regulations and policies concerning the import, +possession, or use, and re-export of encryption software, to see if this is +permitted. + +Java and all Java-based trademarks are trademarks of Oracle Corporation in the +United States, other countries, or both. diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/build.properties b/org.eclipse.osbp.vaadin.widgetset.feature/build.properties index 5b50844..0c4e5f8 100644 --- a/org.eclipse.osbp.vaadin.widgetset.feature/build.properties +++ b/org.eclipse.osbp.vaadin.widgetset.feature/build.properties @@ -1,8 +1,8 @@ bin.includes = license.html,\ - epl-v10.html,\ + epl-2.0.html,\ feature.xml,\ feature.properties,\ LICENSE.txt src.includes = LICENSE.txt,\ - epl-v10.html,\ + epl-2.0.html,\ license.html diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/epl-2.0.html b/org.eclipse.osbp.vaadin.widgetset.feature/epl-2.0.html new file mode 100644 index 0000000..637a181 --- /dev/null +++ b/org.eclipse.osbp.vaadin.widgetset.feature/epl-2.0.html @@ -0,0 +1,300 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>Eclipse Public License - Version 2.0</title> + <style type="text/css"> + body { + margin: 1.5em 3em; + } + h1{ + font-size:1.5em; + } + h2{ + font-size:1em; + margin-bottom:0.5em; + margin-top:1em; + } + p { + margin-top: 0.5em; + margin-bottom: 0.5em; + } + ul, ol{ + list-style-type:none; + } + </style> + </head> + <body> + <h1>Eclipse Public License - v 2.0</h1> + <p>THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE + PUBLIC LICENSE (“AGREEMENT”). ANY USE, REPRODUCTION OR DISTRIBUTION + OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT. + </p> + <h2 id="definitions">1. DEFINITIONS</h2> + <p>“Contribution” means:</p> + <ul> + <li>a) in the case of the initial Contributor, the initial content + Distributed under this Agreement, and + </li> + <li> + b) in the case of each subsequent Contributor: + <ul> + <li>i) changes to the Program, and</li> + <li>ii) additions to the Program;</li> + </ul> + where such changes and/or additions to the Program originate from + and are Distributed by that particular Contributor. A Contribution + “originates” from a Contributor if it was added to the Program by such + Contributor itself or anyone acting on such Contributor's behalf. + Contributions do not include changes or additions to the Program that + are not Modified Works. + </li> + </ul> + <p>“Contributor” means any person or entity that Distributes the Program.</p> + <p>“Licensed Patents” mean patent claims licensable by a Contributor which + are necessarily infringed by the use or sale of its Contribution alone + or when combined with the Program. + </p> + <p>“Program” means the Contributions Distributed in accordance with this + Agreement. + </p> + <p>“Recipient” means anyone who receives the Program under this Agreement + or any Secondary License (as applicable), including Contributors. + </p> + <p>“Derivative Works” shall mean any work, whether in Source Code or other + form, that is based on (or derived from) the Program and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. + </p> + <p>“Modified Works” shall mean any work in Source Code or other form that + results from an addition to, deletion from, or modification of the + contents of the Program, including, for purposes of clarity any new file + in Source Code form that contains any contents of the Program. Modified + Works shall not include works that contain only declarations, interfaces, + types, classes, structures, or files of the Program solely in each case + in order to link to, bind by name, or subclass the Program or Modified + Works thereof. + </p> + <p>“Distribute” means the acts of a) distributing or b) making available + in any manner that enables the transfer of a copy. + </p> + <p>“Source Code” means the form of a Program preferred for making + modifications, including but not limited to software source code, + documentation source, and configuration files. + </p> + <p>“Secondary License” means either the GNU General Public License, + Version 2.0, or any later versions of that license, including any + exceptions or additional permissions as identified by the initial + Contributor. + </p> + <h2 id="grant-of-rights">2. GRANT OF RIGHTS</h2> + <ul> + <li>a) Subject to the terms of this Agreement, each Contributor hereby + grants Recipient a non-exclusive, worldwide, royalty-free copyright + license to reproduce, prepare Derivative Works of, publicly display, + publicly perform, Distribute and sublicense the Contribution of such + Contributor, if any, and such Derivative Works. + </li> + <li>b) Subject to the terms of this Agreement, each Contributor hereby + grants Recipient a non-exclusive, worldwide, royalty-free patent + license under Licensed Patents to make, use, sell, offer to sell, + import and otherwise transfer the Contribution of such Contributor, + if any, in Source Code or other form. This patent license shall + apply to the combination of the Contribution and the Program if, + at the time the Contribution is added by the Contributor, such + addition of the Contribution causes such combination to be covered + by the Licensed Patents. The patent license shall not apply to any + other combinations which include the Contribution. No hardware per + se is licensed hereunder. + </li> + <li>c) Recipient understands that although each Contributor grants the + licenses to its Contributions set forth herein, no assurances are + provided by any Contributor that the Program does not infringe the + patent or other intellectual property rights of any other entity. + Each Contributor disclaims any liability to Recipient for claims + brought by any other entity based on infringement of intellectual + property rights or otherwise. As a condition to exercising the rights + and licenses granted hereunder, each Recipient hereby assumes sole + responsibility to secure any other intellectual property rights needed, + if any. For example, if a third party patent license is required to + allow Recipient to Distribute the Program, it is Recipient's + responsibility to acquire that license before distributing the Program. + </li> + <li>d) Each Contributor represents that to its knowledge it has sufficient + copyright rights in its Contribution, if any, to grant the copyright + license set forth in this Agreement. + </li> + <li>e) Notwithstanding the terms of any Secondary License, no Contributor + makes additional grants to any Recipient (other than those set forth + in this Agreement) as a result of such Recipient's receipt of the + Program under the terms of a Secondary License (if permitted under + the terms of Section 3). + </li> + </ul> + <h2 id="requirements">3. REQUIREMENTS</h2> + <p>3.1 If a Contributor Distributes the Program in any form, then:</p> + <ul> + <li>a) the Program must also be made available as Source Code, in + accordance with section 3.2, and the Contributor must accompany + the Program with a statement that the Source Code for the Program + is available under this Agreement, and informs Recipients how to + obtain it in a reasonable manner on or through a medium customarily + used for software exchange; and + </li> + <li> + b) the Contributor may Distribute the Program under a license + different than this Agreement, provided that such license: + <ul> + <li>i) effectively disclaims on behalf of all other Contributors all + warranties and conditions, express and implied, including warranties + or conditions of title and non-infringement, and implied warranties + or conditions of merchantability and fitness for a particular purpose; + </li> + <li>ii) effectively excludes on behalf of all other Contributors all + liability for damages, including direct, indirect, special, incidental + and consequential damages, such as lost profits; + </li> + <li>iii) does not attempt to limit or alter the recipients' rights in the + Source Code under section 3.2; and + </li> + <li>iv) requires any subsequent distribution of the Program by any party + to be under a license that satisfies the requirements of this section 3. + </li> + </ul> + </li> + </ul> + <p>3.2 When the Program is Distributed as Source Code:</p> + <ul> + <li>a) it must be made available under this Agreement, or if the Program (i) + is combined with other material in a separate file or files made available + under a Secondary License, and (ii) the initial Contributor attached to + the Source Code the notice described in Exhibit A of this Agreement, + then the Program may be made available under the terms of such + Secondary Licenses, and + </li> + <li>b) a copy of this Agreement must be included with each copy of the Program.</li> + </ul> + <p>3.3 Contributors may not remove or alter any copyright, patent, trademark, + attribution notices, disclaimers of warranty, or limitations of liability + (‘notices’) contained within the Program from any copy of the Program which + they Distribute, provided that Contributors may add their own appropriate + notices. + </p> + <h2 id="commercial-distribution">4. COMMERCIAL DISTRIBUTION</h2> + <p>Commercial distributors of software may accept certain responsibilities + with respect to end users, business partners and the like. While this + license is intended to facilitate the commercial use of the Program, the + Contributor who includes the Program in a commercial product offering should + do so in a manner which does not create potential liability for other + Contributors. Therefore, if a Contributor includes the Program in a + commercial product offering, such Contributor (“Commercial Contributor”) + hereby agrees to defend and indemnify every other Contributor + (“Indemnified Contributor”) against any losses, damages and costs + (collectively “Losses”) arising from claims, lawsuits and other legal actions + brought by a third party against the Indemnified Contributor to the extent + caused by the acts or omissions of such Commercial Contributor in connection + with its distribution of the Program in a commercial product offering. + The obligations in this section do not apply to any claims or Losses relating + to any actual or alleged intellectual property infringement. In order to + qualify, an Indemnified Contributor must: a) promptly notify the + Commercial Contributor in writing of such claim, and b) allow the Commercial + Contributor to control, and cooperate with the Commercial Contributor in, + the defense and any related settlement negotiations. The Indemnified + Contributor may participate in any such claim at its own expense. + </p> + <p>For example, a Contributor might include the Program + in a commercial product offering, Product X. That Contributor is then a + Commercial Contributor. If that Commercial Contributor then makes performance + claims, or offers warranties related to Product X, those performance claims + and warranties are such Commercial Contributor's responsibility alone. + Under this section, the Commercial Contributor would have to defend claims + against the other Contributors related to those performance claims and + warranties, and if a court requires any other Contributor to pay any damages + as a result, the Commercial Contributor must pay those damages. + </p> + <h2 id="warranty">5. NO WARRANTY</h2> + <p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, AND TO THE EXTENT PERMITTED + BY APPLICABLE LAW, THE PROGRAM IS PROVIDED ON AN “AS IS” BASIS, WITHOUT + WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, + WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT, + MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is + solely responsible for determining the appropriateness of using and + distributing the Program and assumes all risks associated with its + exercise of rights under this Agreement, including but not limited to the + risks and costs of program errors, compliance with applicable laws, damage + to or loss of data, programs or equipment, and unavailability or + interruption of operations. + </p> + <h2 id="disclaimer">6. DISCLAIMER OF LIABILITY</h2> + <p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, AND TO THE EXTENT PERMITTED + BY APPLICABLE LAW, NEITHER RECIPIENT NOR ANY CONTRIBUTORS SHALL HAVE ANY + LIABILITY FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, + OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST PROFITS), + HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT + LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY + OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS + GRANTED HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + </p> + <h2 id="general">7. GENERAL</h2> + <p>If any provision of this Agreement is invalid or unenforceable under + applicable law, it shall not affect the validity or enforceability of the + remainder of the terms of this Agreement, and without further action by the + parties hereto, such provision shall be reformed to the minimum extent + necessary to make such provision valid and enforceable. + </p> + <p>If Recipient institutes patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Program itself + (excluding combinations of the Program with other software or hardware) + infringes such Recipient's patent(s), then such Recipient's rights granted + under Section 2(b) shall terminate as of the date such litigation is filed. + </p> + <p>All Recipient's rights under this Agreement shall terminate if it fails to + comply with any of the material terms or conditions of this Agreement and + does not cure such failure in a reasonable period of time after becoming + aware of such noncompliance. If all Recipient's rights under this Agreement + terminate, Recipient agrees to cease use and distribution of the Program + as soon as reasonably practicable. However, Recipient's obligations under + this Agreement and any licenses granted by Recipient relating to the + Program shall continue and survive. + </p> + <p>Everyone is permitted to copy and distribute copies of this Agreement, + but in order to avoid inconsistency the Agreement is copyrighted and may + only be modified in the following manner. The Agreement Steward reserves + the right to publish new versions (including revisions) of this Agreement + from time to time. No one other than the Agreement Steward has the right + to modify this Agreement. The Eclipse Foundation is the initial Agreement + Steward. The Eclipse Foundation may assign the responsibility to serve as + the Agreement Steward to a suitable separate entity. Each new version of + the Agreement will be given a distinguishing version number. The Program + (including Contributions) may always be Distributed subject to the version + of the Agreement under which it was received. In addition, after a new + version of the Agreement is published, Contributor may elect to Distribute + the Program (including its Contributions) under the new version. + </p> + <p>Except as expressly stated in Sections 2(a) and 2(b) above, Recipient + receives no rights or licenses to the intellectual property of any + Contributor under this Agreement, whether expressly, by implication, + estoppel or otherwise. All rights in the Program not expressly granted + under this Agreement are reserved. Nothing in this Agreement is intended + to be enforceable by any entity that is not a Contributor or Recipient. + No third-party beneficiary rights are created under this Agreement. + </p> + <h2 id="exhibit-a">Exhibit A – Form of Secondary Licenses Notice</h2> + <p>“This Source Code may also be made available under the following + Secondary Licenses when the conditions for such availability set forth + in the Eclipse Public License, v. 2.0 are satisfied: {name license(s), + version(s), and exceptions or additional permissions here}.” + </p> + <blockquote> + <p>Simply including a copy of this Agreement, including this Exhibit A + is not sufficient to license the Source Code under Secondary Licenses. + </p> + <p>If it is not possible or desirable to put the notice in a particular file, + then You may include the notice in a location (such as a LICENSE file in a + relevant directory) where a recipient would be likely to look for + such a notice. + </p> + <p>You may add additional accurate notices of copyright ownership.</p> + </blockquote> + </body> +</html>
\ No newline at end of file diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/epl-v10.html b/org.eclipse.osbp.vaadin.widgetset.feature/epl-v10.html deleted file mode 100644 index b398acc..0000000 --- a/org.eclipse.osbp.vaadin.widgetset.feature/epl-v10.html +++ /dev/null @@ -1,259 +0,0 @@ -<!--?xml version="1.0" encoding="ISO-8859-1" ?--> -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> -<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> -<title>Eclipse Public License - Version 1.0</title> -<style type="text/css"> - body { - size: 8.5in 11.0in; - margin: 0.25in 0.5in 0.25in 0.5in; - tab-interval: 0.5in; - } - p { - margin-left: auto; - margin-top: 0.5em; - margin-bottom: 0.5em; - } - p.list { - margin-left: 0.5in; - margin-top: 0.05em; - margin-bottom: 0.05em; - } - </style> - -</head> - -<body lang="EN-US"> - -<h2>Eclipse Public License - v 1.0</h2> - -<p>THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE -PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION OR -DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS -AGREEMENT.</p> - -<p><b>1. DEFINITIONS</b></p> - -<p>"Contribution" means:</p> - -<p class="list">a) in the case of the initial Contributor, the initial -code and documentation distributed under this Agreement, and</p> -<p class="list">b) in the case of each subsequent Contributor:</p> -<p class="list">i) changes to the Program, and</p> -<p class="list">ii) additions to the Program;</p> -<p class="list">where such changes and/or additions to the Program -originate from and are distributed by that particular Contributor. A -Contribution 'originates' from a Contributor if it was added to the -Program by such Contributor itself or anyone acting on such -Contributor's behalf. Contributions do not include additions to the -Program which: (i) are separate modules of software distributed in -conjunction with the Program under their own license agreement, and (ii) -are not derivative works of the Program.</p> - -<p>"Contributor" means any person or entity that distributes -the Program.</p> - -<p>"Licensed Patents" mean patent claims licensable by a -Contributor which are necessarily infringed by the use or sale of its -Contribution alone or when combined with the Program.</p> - -<p>"Program" means the Contributions distributed in accordance -with this Agreement.</p> - -<p>"Recipient" means anyone who receives the Program under -this Agreement, including all Contributors.</p> - -<p><b>2. GRANT OF RIGHTS</b></p> - -<p class="list">a) Subject to the terms of this Agreement, each -Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free copyright license to reproduce, prepare derivative works -of, publicly display, publicly perform, distribute and sublicense the -Contribution of such Contributor, if any, and such derivative works, in -source code and object code form.</p> - -<p class="list">b) Subject to the terms of this Agreement, each -Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free patent license under Licensed Patents to make, use, sell, -offer to sell, import and otherwise transfer the Contribution of such -Contributor, if any, in source code and object code form. This patent -license shall apply to the combination of the Contribution and the -Program if, at the time the Contribution is added by the Contributor, -such addition of the Contribution causes such combination to be covered -by the Licensed Patents. The patent license shall not apply to any other -combinations which include the Contribution. No hardware per se is -licensed hereunder.</p> - -<p class="list">c) Recipient understands that although each Contributor -grants the licenses to its Contributions set forth herein, no assurances -are provided by any Contributor that the Program does not infringe the -patent or other intellectual property rights of any other entity. Each -Contributor disclaims any liability to Recipient for claims brought by -any other entity based on infringement of intellectual property rights -or otherwise. As a condition to exercising the rights and licenses -granted hereunder, each Recipient hereby assumes sole responsibility to -secure any other intellectual property rights needed, if any. For -example, if a third party patent license is required to allow Recipient -to distribute the Program, it is Recipient's responsibility to acquire -that license before distributing the Program.</p> - -<p class="list">d) Each Contributor represents that to its knowledge it -has sufficient copyright rights in its Contribution, if any, to grant -the copyright license set forth in this Agreement.</p> - -<p><b>3. REQUIREMENTS</b></p> - -<p>A Contributor may choose to distribute the Program in object code -form under its own license agreement, provided that:</p> - -<p class="list">a) it complies with the terms and conditions of this -Agreement; and</p> - -<p class="list">b) its license agreement:</p> - -<p class="list">i) effectively disclaims on behalf of all Contributors -all warranties and conditions, express and implied, including warranties -or conditions of title and non-infringement, and implied warranties or -conditions of merchantability and fitness for a particular purpose;</p> - -<p class="list">ii) effectively excludes on behalf of all Contributors -all liability for damages, including direct, indirect, special, -incidental and consequential damages, such as lost profits;</p> - -<p class="list">iii) states that any provisions which differ from this -Agreement are offered by that Contributor alone and not by any other -party; and</p> - -<p class="list">iv) states that source code for the Program is available -from such Contributor, and informs licensees how to obtain it in a -reasonable manner on or through a medium customarily used for software -exchange.</p> - -<p>When the Program is made available in source code form:</p> - -<p class="list">a) it must be made available under this Agreement; and</p> - -<p class="list">b) a copy of this Agreement must be included with each -copy of the Program.</p> - -<p>Contributors may not remove or alter any copyright notices contained -within the Program.</p> - -<p>Each Contributor must identify itself as the originator of its -Contribution, if any, in a manner that reasonably allows subsequent -Recipients to identify the originator of the Contribution.</p> - -<p><b>4. COMMERCIAL DISTRIBUTION</b></p> - -<p>Commercial distributors of software may accept certain -responsibilities with respect to end users, business partners and the -like. While this license is intended to facilitate the commercial use of -the Program, the Contributor who includes the Program in a commercial -product offering should do so in a manner which does not create -potential liability for other Contributors. Therefore, if a Contributor -includes the Program in a commercial product offering, such Contributor -("Commercial Contributor") hereby agrees to defend and -indemnify every other Contributor ("Indemnified Contributor") -against any losses, damages and costs (collectively "Losses") -arising from claims, lawsuits and other legal actions brought by a third -party against the Indemnified Contributor to the extent caused by the -acts or omissions of such Commercial Contributor in connection with its -distribution of the Program in a commercial product offering. The -obligations in this section do not apply to any claims or Losses -relating to any actual or alleged intellectual property infringement. In -order to qualify, an Indemnified Contributor must: a) promptly notify -the Commercial Contributor in writing of such claim, and b) allow the -Commercial Contributor to control, and cooperate with the Commercial -Contributor in, the defense and any related settlement negotiations. The -Indemnified Contributor may participate in any such claim at its own -expense.</p> - -<p>For example, a Contributor might include the Program in a commercial -product offering, Product X. That Contributor is then a Commercial -Contributor. If that Commercial Contributor then makes performance -claims, or offers warranties related to Product X, those performance -claims and warranties are such Commercial Contributor's responsibility -alone. Under this section, the Commercial Contributor would have to -defend claims against the other Contributors related to those -performance claims and warranties, and if a court requires any other -Contributor to pay any damages as a result, the Commercial Contributor -must pay those damages.</p> - -<p><b>5. NO WARRANTY</b></p> - -<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS -PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS -OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, -ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY -OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely -responsible for determining the appropriateness of using and -distributing the Program and assumes all risks associated with its -exercise of rights under this Agreement , including but not limited to -the risks and costs of program errors, compliance with applicable laws, -damage to or loss of data, programs or equipment, and unavailability or -interruption of operations.</p> - -<p><b>6. DISCLAIMER OF LIABILITY</b></p> - -<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT -NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY DIRECT, INDIRECT, -INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING -WITHOUT LIMITATION LOST PROFITS), HOWEVER CAUSED AND ON ANY THEORY OF -LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING -NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR -DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED -HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</p> - -<p><b>7. GENERAL</b></p> - -<p>If any provision of this Agreement is invalid or unenforceable under -applicable law, it shall not affect the validity or enforceability of -the remainder of the terms of this Agreement, and without further action -by the parties hereto, such provision shall be reformed to the minimum -extent necessary to make such provision valid and enforceable.</p> - -<p>If Recipient institutes patent litigation against any entity -(including a cross-claim or counterclaim in a lawsuit) alleging that the -Program itself (excluding combinations of the Program with other -software or hardware) infringes such Recipient's patent(s), then such -Recipient's rights granted under Section 2(b) shall terminate as of the -date such litigation is filed.</p> - -<p>All Recipient's rights under this Agreement shall terminate if it -fails to comply with any of the material terms or conditions of this -Agreement and does not cure such failure in a reasonable period of time -after becoming aware of such noncompliance. If all Recipient's rights -under this Agreement terminate, Recipient agrees to cease use and -distribution of the Program as soon as reasonably practicable. However, -Recipient's obligations under this Agreement and any licenses granted by -Recipient relating to the Program shall continue and survive.</p> - -<p>Everyone is permitted to copy and distribute copies of this -Agreement, but in order to avoid inconsistency the Agreement is -copyrighted and may only be modified in the following manner. The -Agreement Steward reserves the right to publish new versions (including -revisions) of this Agreement from time to time. No one other than the -Agreement Steward has the right to modify this Agreement. The Eclipse -Foundation is the initial Agreement Steward. The Eclipse Foundation may -assign the responsibility to serve as the Agreement Steward to a -suitable separate entity. Each new version of the Agreement will be -given a distinguishing version number. The Program (including -Contributions) may always be distributed subject to the version of the -Agreement under which it was received. In addition, after a new version -of the Agreement is published, Contributor may elect to distribute the -Program (including its Contributions) under the new version. Except as -expressly stated in Sections 2(a) and 2(b) above, Recipient receives no -rights or licenses to the intellectual property of any Contributor under -this Agreement, whether expressly, by implication, estoppel or -otherwise. All rights in the Program not expressly granted under this -Agreement are reserved.</p> - -<p>This Agreement is governed by the laws of the State of New York and -the intellectual property laws of the United States of America. No party -to this Agreement will bring a legal action under this Agreement more -than one year after the cause of action arose. Each party waives its -rights to a jury trial in any resulting litigation.</p> - - - -</body></html>
\ No newline at end of file diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/feature.properties b/org.eclipse.osbp.vaadin.widgetset.feature/feature.properties index 1fb66b5..ee5f667 100644 --- a/org.eclipse.osbp.vaadin.widgetset.feature/feature.properties +++ b/org.eclipse.osbp.vaadin.widgetset.feature/feature.properties @@ -1,9 +1,11 @@ ############################################################################### # Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany). # All rights reserved. This program and the accompanying materials -# are made available under the terms of the Eclipse Public License v1.0 +# are made available under the terms of the Eclipse Public License 2.0 # which accompanies this distribution, and is available at -# http://www.eclipse.org/legal/epl-v10.html +# https://www.eclipse.org/legal/epl-2.0/ +# +# SPDX-License-Identifier: EPL-2.0 # # Contributors: # Cristiano Gavião - initial API and implementation @@ -30,9 +32,11 @@ updateSiteName= copyright=\ Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany) \n\ All rights reserved. This program and the accompanying materials\n\ -are made available under the terms of the Eclipse Public License v1.0\n\ +are made available under the terms of the Eclipse Public License 2.0 \n\ which accompanies this distribution, and is available at\n\ -http://www.eclipse.org/legal/epl-v10.html\n\ +https://www.eclipse.org/legal/epl-2.0/\n\ +\n\ +SPDX-License-Identifier: EPL-2.0\n\ \n\ ################ end of copyright property #################################### @@ -44,126 +48,143 @@ licenseURL=license.html # should be plain text version of license agreement pointed to be "licenseURL" license=\ Eclipse Foundation Software User Agreement\n\ -February 1, 2011\n\ +\n\ +November 22, 2017\n\ \n\ Usage Of Content\n\ \n\ -THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION AND/OR\n\ -OTHER MATERIALS FOR OPEN SOURCE PROJECTS (COLLECTIVELY "CONTENT").\n\ -USE OF THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS\n\ -AGREEMENT AND/OR THE TERMS AND CONDITIONS OF LICENSE AGREEMENTS OR\n\ -NOTICES INDICATED OR REFERENCED BELOW. BY USING THE CONTENT, YOU\n\ -AGREE THAT YOUR USE OF THE CONTENT IS GOVERNED BY THIS AGREEMENT\n\ -AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS\n\ -OR NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE\n\ -TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND CONDITIONS\n\ -OF ANY APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED\n\ -BELOW, THEN YOU MAY NOT USE THE CONTENT.\n\ +THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION\n\ +AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS (COLLECTIVELY "CONTENT"). USE OF\n\ +THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE\n\ +TERMS AND CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED\n\ +BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS GOVERNED\n\ +BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE\n\ +AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE\n\ +TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND CONDITIONS OF ANY\n\ +APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU\n\ +MAY NOT USE THE CONTENT.\n\ \n\ Applicable Licenses\n\ \n\ -Unless otherwise indicated, all Content made available by the\n\ -Eclipse Foundation is provided to you under the terms and conditions of\n\ -the Eclipse Public License Version 1.0 ("EPL"). A copy of the EPL is\n\ -provided with this Content and is also available at http://www.eclipse.org/legal/epl-v10.html.\n\ -For purposes of the EPL, "Program" will mean the Content.\n\ -\n\ -Content includes, but is not limited to, source code, object code,\n\ -documentation and other files maintained in the Eclipse Foundation source code\n\ -repository ("Repository") in software modules ("Modules") and made available\n\ -as downloadable archives ("Downloads").\n\ -\n\ - - Content may be structured and packaged into modules to facilitate delivering,\n\ - extending, and upgrading the Content. Typical modules may include plug-ins ("Plug-ins"),\n\ - plug-in fragments ("Fragments"), and features ("Features").\n\ - - Each Plug-in or Fragment may be packaged as a sub-directory or JAR (Java(TM) ARchive)\n\ - in a directory named "plugins".\n\ - - A Feature is a bundle of one or more Plug-ins and/or Fragments and associated material.\n\ - Each Feature may be packaged as a sub-directory in a directory named "features".\n\ - Within a Feature, files named "feature.xml" may contain a list of the names and version\n\ - numbers of the Plug-ins and/or Fragments associated with that Feature.\n\ - - Features may also include other Features ("Included Features"). Within a Feature, files\n\ - named "feature.xml" may contain a list of the names and version numbers of Included Features.\n\ -\n\ -The terms and conditions governing Plug-ins and Fragments should be\n\ -contained in files named "about.html" ("Abouts"). The terms and\n\ -conditions governing Features and Included Features should be contained\n\ -in files named "license.html" ("Feature Licenses"). Abouts and Feature\n\ -Licenses may be located in any directory of a Download or Module\n\ -including, but not limited to the following locations:\n\ -\n\ - - The top-level (root) directory\n\ - - Plug-in and Fragment directories\n\ - - Inside Plug-ins and Fragments packaged as JARs\n\ - - Sub-directories of the directory named "src" of certain Plug-ins\n\ - - Feature directories\n\ -\n\ -Note: if a Feature made available by the Eclipse Foundation is installed using the\n\ -Provisioning Technology (as defined below), you must agree to a license ("Feature \n\ -Update License") during the installation process. If the Feature contains\n\ -Included Features, the Feature Update License should either provide you\n\ -with the terms and conditions governing the Included Features or inform\n\ -you where you can locate them. Feature Update Licenses may be found in\n\ -the "license" property of files named "feature.properties" found within a Feature.\n\ -Such Abouts, Feature Licenses, and Feature Update Licenses contain the\n\ -terms and conditions (or references to such terms and conditions) that\n\ -govern your use of the associated Content in that directory.\n\ -\n\ -THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER\n\ -TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS.\n\ -SOME OF THESE OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):\n\ -\n\ - - Eclipse Distribution License Version 1.0 (available at http://www.eclipse.org/licenses/edl-v1.0.html)\n\ - - Common Public License Version 1.0 (available at http://www.eclipse.org/legal/cpl-v10.html)\n\ - - Apache Software License 1.1 (available at http://www.apache.org/licenses/LICENSE)\n\ - - Apache Software License 2.0 (available at http://www.apache.org/licenses/LICENSE-2.0)\n\ - - Metro Link Public License 1.00 (available at http://www.opengroup.org/openmotif/supporters/metrolink/license.html)\n\ - - Mozilla Public License Version 1.1 (available at http://www.mozilla.org/MPL/MPL-1.1.html)\n\ -\n\ -IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND CONDITIONS PRIOR\n\ -TO USE OF THE CONTENT. If no About, Feature License, or Feature Update License\n\ -is provided, please contact the Eclipse Foundation to determine what terms and conditions\n\ -govern that particular Content.\n\ -\n\ -\n\Use of Provisioning Technology\n\ -\n\ -The Eclipse Foundation makes available provisioning software, examples of which include,\n\ -but are not limited to, p2 and the Eclipse Update Manager ("Provisioning Technology") for\n\ -the purpose of allowing users to install software, documentation, information and/or\n\ -other materials (collectively "Installable Software"). This capability is provided with\n\ -the intent of allowing such users to install, extend and update Eclipse-based products.\n\ -Information about packaging Installable Software is available at\n\ +Unless otherwise indicated, all Content made available by the Eclipse Foundation\n\ +is provided to you under the terms and conditions of the Eclipse Public License\n\ +Version 2.0 ("EPL"). A copy of the EPL is provided with this Content and is also\n\ +available at http://www.eclipse.org/legal/epl-2.0. For purposes of the EPL,\n\ +"Program" will mean the Content.\n\ +\n\ +Content includes, but is not limited to, source code, object code, documentation\n\ +and other files maintained in the Eclipse Foundation source code repository\n\ +("Repository") in software modules ("Modules") and made available as\n\ +downloadable archives ("Downloads").\n\ +\n\ +- Content may be structured and packaged into modules to facilitate\n\ + delivering, extending, and upgrading the Content. Typical modules may\n\ + include plug-ins ("Plug-ins"), plug-in fragments ("Fragments"), and\n\ + features ("Features").\n\ +- Each Plug-in or Fragment may be packaged as a sub-directory or JAR\n\ + (Javaâ„¢ ARchive) in a directory named "plugins".\n\ +- A Feature is a bundle of one or more Plug-ins and/or Fragments and\n\ + associated material. Each Feature may be packaged as a sub-directory in a\n\ + directory named "features". Within a Feature, files named "feature.xml" may\n\ + contain a list of the names and version numbers of the Plug-ins and/or\n\ + Fragments associated with that Feature.\n\ +- Features may also include other Features ("Included Features"). Within a\n\ + Feature, files named "feature.xml" may contain a list of the names and\n\ + version numbers of Included Features.\n\ +\n\ +The terms and conditions governing Plug-ins and Fragments should be contained in\n\ +files named "about.html" ("Abouts"). The terms and conditions governing Features\n\ +and Included Features should be contained in files named "license.html"\n\ +("Feature Licenses"). Abouts and Feature Licenses may be located in any\n\ +directory of a Download or Module including, but not limited to the following\n\ +locations:\n\ +\n\ +- The top-level (root) directory\n\ +- Plug-in and Fragment directories\n\ +- Inside Plug-ins and Fragments packaged as JARs\n\ +- Sub-directories of the directory named "src" of certain Plug-ins\n\ +- Feature directories\n\ +\n\ +Note: if a Feature made available by the Eclipse Foundation is installed using\n\ +the Provisioning Technology (as defined below), you must agree to a license\n\ +("Feature Update License") during the installation process. If the Feature\n\ +contains Included Features, the Feature Update License should either provide you\n\ +with the terms and conditions governing the Included Features or inform you\n\ +where you can locate them. Feature Update Licenses may be found in the "license"\n\ +property of files named "feature.properties" found within a Feature. Such\n\ +Abouts, Feature Licenses, and Feature Update Licenses contain the terms and\n\ +conditions (or references to such terms and conditions) that govern your use of\n\ +the associated Content in that directory.\n\ +\n\ +THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER TO THE EPL\n\ +OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. SOME OF THESE\n\ +OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):\n\ +\n\ +- Eclipse Public License Version 1.0 (available at\n\ + http://www.eclipse.org/legal/epl-v10.html)\n\ +- Eclipse Distribution License Version 1.0 (available at\n\ + http://www.eclipse.org/licenses/edl-v1.0.html)\n\ +- Common Public License Version 1.0 (available at\n\ + http://www.eclipse.org/legal/cpl-v10.html)\n\ +- Apache Software License 1.1 (available at\n\ + http://www.apache.org/licenses/LICENSE)\n\ +- Apache Software License 2.0 (available at\n\ + http://www.apache.org/licenses/LICENSE-2.0)\n\ +- Mozilla Public License Version 1.1 (available at\n\ + http://www.mozilla.org/MPL/MPL-1.1.html)\n\ +\n\ +IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND CONDITIONS PRIOR TO\n\ +USE OF THE CONTENT. If no About, Feature License, or Feature Update License is\n\ +provided, please contact the Eclipse Foundation to determine what terms and\n\ +conditions govern that particular Content.\n\ +\n\ +Use of Provisioning Technology\n\ +\n\ +The Eclipse Foundation makes available provisioning software, examples of which\n\ +include, but are not limited to, p2 and the Eclipse Update Manager\n\ +("Provisioning Technology") for the purpose of allowing users to install\n\ +software, documentation, information and/or other materials (collectively\n\ +"Installable Software"). This capability is provided with the intent of allowing\n\ +such users to install, extend and update Eclipse-based products. Information\n\ +about packaging Installable Software is available at\n\ http://eclipse.org/equinox/p2/repository_packaging.html ("Specification").\n\ \n\ -You may use Provisioning Technology to allow other parties to install Installable Software.\n\ -You shall be responsible for enabling the applicable license agreements relating to the\n\ -Installable Software to be presented to, and accepted by, the users of the Provisioning Technology\n\ -in accordance with the Specification. By using Provisioning Technology in such a manner and\n\ -making it available in accordance with the Specification, you further acknowledge your\n\ -agreement to, and the acquisition of all necessary rights to permit the following:\n\ -\n\ - 1. A series of actions may occur ("Provisioning Process") in which a user may execute\n\ - the Provisioning Technology on a machine ("Target Machine") with the intent of installing,\n\ - extending or updating the functionality of an Eclipse-based product.\n\ - 2. During the Provisioning Process, the Provisioning Technology may cause third party\n\ - Installable Software or a portion thereof to be accessed and copied to the Target Machine.\n\ - 3. Pursuant to the Specification, you will provide to the user the terms and conditions that\n\ - govern the use of the Installable Software ("Installable Software Agreement") and such\n\ - Installable Software Agreement shall be accessed from the Target Machine in accordance\n\ - with the Specification. Such Installable Software Agreement must inform the user of the\n\ - terms and conditions that govern the Installable Software and must solicit acceptance by\n\ - the end user in the manner prescribed in such Installable Software Agreement. Upon such\n\ - indication of agreement by the user, the provisioning Technology will complete installation\n\ - of the Installable Software.\n\ +You may use Provisioning Technology to allow other parties to install\n\ +Installable Software. You shall be responsible for enabling the applicable\n\ +license agreements relating to the Installable Software to be presented to, and\n\ +accepted by, the users of the Provisioning Technology in accordance with the\n\ +Specification. By using Provisioning Technology in such a manner and making it\n\ +available in accordance with the Specification, you further acknowledge your\n\ +agreement to, and the acquisition of all necessary rights to permit the\n\ +following:\n\ +\n\ +1. A series of actions may occur ("Provisioning Process") in which a user may\n\ + execute the Provisioning Technology on a machine ("Target Machine") with the\n\ + intent of installing, extending or updating the functionality of an\n\ + Eclipse-based product.\n\ +2. During the Provisioning Process, the Provisioning Technology may cause third\n\ + party Installable Software or a portion thereof to be accessed and copied to\n\ + the Target Machine.\n\ +3. Pursuant to the Specification, you will provide to the user the terms and\n\ + conditions that govern the use of the Installable Software ("Installable\n\ + Software Agreement") and such Installable Software Agreement shall be\n\ + accessed from the Target Machine in accordance with the Specification. Such\n\ + Installable Software Agreement must inform the user of the terms and\n\ + conditions that govern the Installable Software and must solicit acceptance\n\ + by the end user in the manner prescribed in such Installable\n\ + Software Agreement. Upon such indication of agreement by the user, the\n\ + provisioning Technology will complete installation of the\n\ + Installable Software.\n\ \n\ Cryptography\n\ \n\ -Content may contain encryption software. The country in which you are\n\ -currently may have restrictions on the import, possession, and use,\n\ -and/or re-export to another country, of encryption software. BEFORE\n\ -using any encryption software, please check the country's laws,\n\ -regulations and policies concerning the import, possession, or use, and\n\ -re-export of encryption software, to see if this is permitted.\n\ +Content may contain encryption software. The country in which you are currently\n\ +may have restrictions on the import, possession, and use, and/or re-export to\n\ +another country, of encryption software. BEFORE using any encryption software,\n\ +please check the country's laws, regulations and policies concerning the import,\n\ +possession, or use, and re-export of encryption software, to see if this is\n\ +permitted.\n\ \n\ -Java and all Java-based trademarks are trademarks of Oracle Corporation in the United States, other countries, or both.\n +Java and all Java-based trademarks are trademarks of Oracle Corporation in the\n\ +United States, other countries, or both.\n ########### end of license property ########################################## diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/license.html b/org.eclipse.osbp.vaadin.widgetset.feature/license.html index 6e579a5..008b801 100644 --- a/org.eclipse.osbp.vaadin.widgetset.feature/license.html +++ b/org.eclipse.osbp.vaadin.widgetset.feature/license.html @@ -1,164 +1,189 @@ -<!--?xml version="1.0" encoding="ISO-8859-1" ?--> +<?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> -<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Eclipse Foundation Software User Agreement</title> </head> <body lang="EN-US"> -<h2>Eclipse Foundation Software User Agreement</h2> -<p>February 1, 2011</p> - -<h3>Usage Of Content</h3> - -<p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS - (COLLECTIVELY "CONTENT"). USE OF THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND - CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE - OF THE CONTENT IS GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR - NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND - CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT USE THE CONTENT.</p> - -<h3>Applicable Licenses</h3> - -<p>Unless otherwise indicated, all Content made available by the Eclipse - Foundation is provided to you under the terms and conditions of the -Eclipse Public License Version 1.0 - ("EPL"). A copy of the EPL is provided with this Content and is also - available at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>. - For purposes of the EPL, "Program" will mean the Content.</p> - -<p>Content includes, but is not limited to, source code, object code, -documentation and other files maintained in the Eclipse Foundation -source code - repository ("Repository") in software modules ("Modules") and made -available as downloadable archives ("Downloads").</p> - -<ul> - <li>Content may be structured and packaged into modules to -facilitate delivering, extending, and upgrading the Content. Typical -modules may include plug-ins ("Plug-ins"), plug-in fragments -("Fragments"), and features ("Features").</li> - <li>Each Plug-in or Fragment may be packaged as a sub-directory or JAR (Java™ ARchive) in a directory named "plugins".</li> - <li>A Feature is a bundle of one or more Plug-ins and/or -Fragments and associated material. Each Feature may be packaged as a -sub-directory in a directory named "features". Within a Feature, files -named "feature.xml" may contain a list of the names and version numbers -of the Plug-ins - and/or Fragments associated with that Feature.</li> - <li>Features may also include other Features ("Included -Features"). Within a Feature, files named "feature.xml" may contain a -list of the names and version numbers of Included Features.</li> -</ul> - -<p>The terms and conditions governing Plug-ins and Fragments should be -contained in files named "about.html" ("Abouts"). The terms and -conditions governing Features and -Included Features should be contained in files named "license.html" -("Feature Licenses"). Abouts and Feature Licenses may be located in any - directory of a Download or Module -including, but not limited to the following locations:</p> - -<ul> - <li>The top-level (root) directory</li> - <li>Plug-in and Fragment directories</li> - <li>Inside Plug-ins and Fragments packaged as JARs</li> - <li>Sub-directories of the directory named "src" of certain Plug-ins</li> - <li>Feature directories</li> -</ul> - -<p>Note: if a Feature made available by the Eclipse Foundation is -installed using the Provisioning Technology (as defined below), you must - agree to a license ("Feature Update License") during the -installation process. If the Feature contains Included Features, the -Feature Update License should either provide you with the terms and -conditions governing the Included Features or -inform you where you can locate them. Feature Update Licenses may be -found in the "license" property of files named "feature.properties" -found within a Feature. -Such Abouts, Feature Licenses, and Feature Update Licenses contain the -terms and conditions (or references to such terms and conditions) that -govern your use of the associated Content in -that directory.</p> - -<p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER -TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. - SOME OF THESE -OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):</p> - -<ul> - <li>Eclipse Distribution License Version 1.0 (available at <a href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>)</li> - <li>Common Public License Version 1.0 (available at <a href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>)</li> - <li>Apache Software License 1.1 (available at <a href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>)</li> - <li>Apache Software License 2.0 (available at <a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>)</li> - <li>Metro Link Public License 1.00 (available at <a href="http://www.opengroup.org/openmotif/supporters/metrolink/license.html">http://www.opengroup.org/openmotif/supporters/metrolink/license.html</a>)</li> - <li>Mozilla Public License Version 1.1 (available at <a href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>)</li> -</ul> - -<p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND -CONDITIONS PRIOR TO USE OF THE CONTENT. If no About, Feature License, -or Feature Update License is provided, please -contact the Eclipse Foundation to determine what terms and conditions -govern that particular Content.</p> - - -<h3>Use of Provisioning Technology</h3> - -<p>The Eclipse Foundation makes available provisioning software, -examples of which include, but are not limited to, p2 and the Eclipse - Update Manager ("Provisioning Technology") for the purpose of -allowing users to install software, documentation, information and/or - other materials (collectively "Installable Software"). This -capability is provided with the intent of allowing such users to - install, extend and update Eclipse-based products. Information about -packaging Installable Software is available at <a href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a> - ("Specification").</p> - -<p>You may use Provisioning Technology to allow other parties to install - Installable Software. You shall be responsible for enabling the - applicable license agreements relating to the Installable Software to - be presented to, and accepted by, the users of the Provisioning -Technology - in accordance with the Specification. By using Provisioning -Technology in such a manner and making it available in accordance with -the - Specification, you further acknowledge your agreement to, and the -acquisition of all necessary rights to permit the following:</p> - -<ol> - <li>A series of actions may occur ("Provisioning Process") in -which a user may execute the Provisioning Technology - on a machine ("Target Machine") with the intent of installing, -extending or updating the functionality of an Eclipse-based - product.</li> - <li>During the Provisioning Process, the Provisioning Technology -may cause third party Installable Software or a portion thereof to be - accessed and copied to the Target Machine.</li> - <li>Pursuant to the Specification, you will provide to the user -the terms and conditions that govern the use of the Installable - Software ("Installable Software Agreement") and such Installable -Software Agreement shall be accessed from the Target - Machine in accordance with the Specification. Such Installable -Software Agreement must inform the user of the terms and conditions that - govern - the Installable Software and must solicit acceptance by the end -user in the manner prescribed in such Installable Software Agreement. -Upon such - indication of agreement by the user, the provisioning Technology -will complete installation of the Installable Software.</li> -</ol> - -<h3>Cryptography</h3> - -<p>Content may contain encryption software. The country in which you are - currently may have restrictions on the import, possession, and use, -and/or re-export to - another country, of encryption software. BEFORE using any encryption -software, please check the country's laws, regulations and policies -concerning the import, - possession, or use, and re-export of encryption software, to see if -this is permitted.</p> - -<p><small>Java and all Java-based trademarks are trademarks of Oracle Corporation in the United States, other countries, or both.</small></p> - - -</body></html>
\ No newline at end of file + <h2>Eclipse Foundation Software User Agreement</h2> + <p>November 22, 2017</p> + + <h3>Usage Of Content</h3> + + <p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, + INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS + (COLLECTIVELY "CONTENT"). USE OF THE CONTENT IS GOVERNED BY + THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND + CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED + BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS + GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY + APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED + BELOW. IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS + AGREEMENT AND THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE + AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT + USE THE CONTENT.</p> + + <h3>Applicable Licenses</h3> + + <p> + Unless otherwise indicated, all Content made available by the Eclipse + Foundation is provided to you under the terms and conditions of the + Eclipse Public License Version 2.0 ("EPL"). A copy of the + EPL is provided with this Content and is also available at <a + href="http://www.eclipse.org/legal/epl-2.0">http://www.eclipse.org/legal/epl-2.0</a>. + For purposes of the EPL, "Program" will mean the Content. + </p> + + <p>Content includes, but is not limited to, source code, object + code, documentation and other files maintained in the Eclipse + Foundation source code repository ("Repository") in software + modules ("Modules") and made available as downloadable + archives ("Downloads").</p> + + <ul> + <li>Content may be structured and packaged into modules to + facilitate delivering, extending, and upgrading the Content. Typical + modules may include plug-ins ("Plug-ins"), plug-in + fragments ("Fragments"), and features + ("Features").</li> + <li>Each Plug-in or Fragment may be packaged as a sub-directory + or JAR (Java™ ARchive) in a directory named + "plugins".</li> + <li>A Feature is a bundle of one or more Plug-ins and/or + Fragments and associated material. Each Feature may be packaged as a + sub-directory in a directory named "features". Within a + Feature, files named "feature.xml" may contain a list of + the names and version numbers of the Plug-ins and/or Fragments + associated with that Feature.</li> + <li>Features may also include other Features ("Included + Features"). Within a Feature, files named + "feature.xml" may contain a list of the names and version + numbers of Included Features.</li> + </ul> + + <p>The terms and conditions governing Plug-ins and Fragments should + be contained in files named "about.html" + ("Abouts"). The terms and conditions governing Features and + Included Features should be contained in files named + "license.html" ("Feature Licenses"). Abouts and + Feature Licenses may be located in any directory of a Download or + Module including, but not limited to the following locations:</p> + + <ul> + <li>The top-level (root) directory</li> + <li>Plug-in and Fragment directories</li> + <li>Inside Plug-ins and Fragments packaged as JARs</li> + <li>Sub-directories of the directory named "src" of + certain Plug-ins</li> + <li>Feature directories</li> + </ul> + + <p>Note: if a Feature made available by the Eclipse Foundation is + installed using the Provisioning Technology (as defined below), you + must agree to a license ("Feature Update License") during + the installation process. If the Feature contains Included Features, + the Feature Update License should either provide you with the terms + and conditions governing the Included Features or inform you where you + can locate them. Feature Update Licenses may be found in the + "license" property of files named + "feature.properties" found within a Feature. Such Abouts, + Feature Licenses, and Feature Update Licenses contain the terms and + conditions (or references to such terms and conditions) that govern + your use of the associated Content in that directory.</p> + + <p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY + REFER TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND + CONDITIONS. SOME OF THESE OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT + ARE NOT LIMITED TO):</p> + + <ul> + <li>Eclipse Public License Version 1.0 (available at <a + href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>) + </li> + <li>Eclipse Distribution License Version 1.0 (available at <a + href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>) + </li> + <li>Common Public License Version 1.0 (available at <a + href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>) + </li> + <li>Apache Software License 1.1 (available at <a + href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>) + </li> + <li>Apache Software License 2.0 (available at <a + href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>) + </li> + <li>Mozilla Public License Version 1.1 (available at <a + href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>) + </li> + </ul> + + <p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND + CONDITIONS PRIOR TO USE OF THE CONTENT. If no About, Feature License, + or Feature Update License is provided, please contact the Eclipse + Foundation to determine what terms and conditions govern that + particular Content.</p> + + + <h3>Use of Provisioning Technology</h3> + + <p> + The Eclipse Foundation makes available provisioning software, examples + of which include, but are not limited to, p2 and the Eclipse Update + Manager ("Provisioning Technology") for the purpose of + allowing users to install software, documentation, information and/or + other materials (collectively "Installable Software"). This + capability is provided with the intent of allowing such users to + install, extend and update Eclipse-based products. Information about + packaging Installable Software is available at <a + href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a> + ("Specification"). + </p> + + <p>You may use Provisioning Technology to allow other parties to + install Installable Software. You shall be responsible for enabling + the applicable license agreements relating to the Installable Software + to be presented to, and accepted by, the users of the Provisioning + Technology in accordance with the Specification. By using Provisioning + Technology in such a manner and making it available in accordance with + the Specification, you further acknowledge your agreement to, and the + acquisition of all necessary rights to permit the following:</p> + + <ol> + <li>A series of actions may occur ("Provisioning + Process") in which a user may execute the Provisioning + Technology on a machine ("Target Machine") with the intent + of installing, extending or updating the functionality of an + Eclipse-based product.</li> + <li>During the Provisioning Process, the Provisioning Technology + may cause third party Installable Software or a portion thereof to be + accessed and copied to the Target Machine.</li> + <li>Pursuant to the Specification, you will provide to the user + the terms and conditions that govern the use of the Installable + Software ("Installable Software Agreement") and such + Installable Software Agreement shall be accessed from the Target + Machine in accordance with the Specification. Such Installable + Software Agreement must inform the user of the terms and conditions + that govern the Installable Software and must solicit acceptance by + the end user in the manner prescribed in such Installable Software + Agreement. Upon such indication of agreement by the user, the + provisioning Technology will complete installation of the Installable + Software.</li> + </ol> + + <h3>Cryptography</h3> + + <p>Content may contain encryption software. The country in which + you are currently may have restrictions on the import, possession, and + use, and/or re-export to another country, of encryption software. + BEFORE using any encryption software, please check the country's laws, + regulations and policies concerning the import, possession, or use, + and re-export of encryption software, to see if this is permitted.</p> + + <p> + <small>Java and all Java-based trademarks are trademarks of + Oracle Corporation in the United States, other countries, or both.</small> + </p> +</body> +</html> diff --git a/org.eclipse.osbp.vaadin.widgetset.feature/pom.xml b/org.eclipse.osbp.vaadin.widgetset.feature/pom.xml index c66e6da..eb9c8b9 100644 --- a/org.eclipse.osbp.vaadin.widgetset.feature/pom.xml +++ b/org.eclipse.osbp.vaadin.widgetset.feature/pom.xml @@ -2,9 +2,11 @@ <!--#======================================================================= --> <!--# Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany). --> <!--# All rights reserved. This program and the accompanying materials --> -<!--# are made available under the terms of the Eclipse Public License v1.0 --> +<!--# are made available under the terms of the Eclipse Public License 2.0 --> <!--# which accompanies this distribution, and is available at --> -<!--# http://www.eclipse.org/legal/epl-v10.html --> +<!--# https://www.eclipse.org/legal/epl-2.0/ --> +<!--# --> +<!--# SPDX-License-Identifier: EPL-2.0 --> <!--# --> <!--# Contributors: --> <!--# Christophe Loetz (Loetz GmbH&Co.KG) - Initial implementation API and implementation --> diff --git a/org.eclipse.osbp.vaadin.widgetset/LICENSE.txt b/org.eclipse.osbp.vaadin.widgetset/LICENSE.txt index ff42ad4..fc5938d 100644 --- a/org.eclipse.osbp.vaadin.widgetset/LICENSE.txt +++ b/org.eclipse.osbp.vaadin.widgetset/LICENSE.txt @@ -1,161 +1,140 @@ -Eclipse Public License -v 1.0 - -THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION -OR DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT. - -1. DEFINITIONS - -"Contribution" means: - -a) in the case of the initial Contributor, the initial code and documentation distributed under this Agreement, and - -b) in the case of each subsequent Contributor: - -i) changes to the Program, and - -ii) additions to the Program; - -where such changes and/or additions to the Program originate from and are distributed by that particular Contributor. -A Contribution 'originates' from a Contributor if it was added to the Program by such Contributor itself or anyone -acting on such Contributor's behalf. Contributions do not include additions to the Program which: (i) are separate -modules of software distributed in conjunction with the Program under their own license agreement, and (ii) are not -derivative works of the Program. - -"Contributor" means any person or entity that distributes the Program. - -"Licensed Patents " mean patent claims licensable by a Contributor which are necessarily infringed by the use or sale of -its Contribution alone or when combined with the Program. - -"Program" means the Contributions distributed in accordance with this Agreement. - -"Recipient" means anyone who receives the Program under this Agreement, including all Contributors. - -2. GRANT OF RIGHTS - -a) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free copyright license to reproduce, prepare derivative works of, publicly display, publicly perform, distribute -and sublicense the Contribution of such Contributor, if any, and such derivative works, in source code and object code -form. - -b) Subject to the terms of this Agreement, each Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free patent license under Licensed Patents to make, use, sell, offer to sell, import and otherwise transfer the -Contribution of such Contributor, if any, in source code and object code form. This patent license shall apply to the -combination of the Contribution and the Program if, at the time the Contribution is added by the Contributor, such -addition of the Contribution causes such combination to be covered by the Licensed Patents. The patent license shall not -apply to any other combinations which include the Contribution. No hardware per se is licensed hereunder. - -c) Recipient understands that although each Contributor grants the licenses to its Contributions set forth herein, no -assurances are provided by any Contributor that the Program does not infringe the patent or other intellectual property -rights of any other entity. Each Contributor disclaims any liability to Recipient for claims brought by any other entity -based on infringement of intellectual property rights or otherwise. As a condition to exercising the rights and -licenses granted hereunder, each Recipient hereby assumes sole responsibility to secure any other intellectual property -rights needed, if any. For example, if a third party patent license is required to allow Recipient to distribute the -Program, it is Recipient's responsibility to acquire that license before distributing the Program. - -d) Each Contributor represents that to its knowledge it has sufficient copyright rights in its Contribution, if any, to -grant the copyright license set forth in this Agreement. - -3. REQUIREMENTS - -A Contributor may choose to distribute the Program in object code form under its own license agreement, provided that: - -a) it complies with the terms and conditions of this Agreement; and - -b) its license agreement: - -i) effectively disclaims on behalf of all Contributors all warranties and conditions, express and implied, including -warranties or conditions of title and non-infringement, and implied warranties or conditions of merchantability and -fitness for a particular purpose; - -ii) effectively excludes on behalf of all Contributors all liability for damages, including direct, indirect, special, -incidental and consequential damages, such as lost profits; - -iii) states that any provisions which differ from this Agreement are offered by that Contributor alone and not by any -other party; and - -iv) states that source code for the Program is available from such Contributor, and informs licensees how to obtain it -in a reasonable manner on or through a medium customarily used for software exchange. - -When the Program is made available in source code form: - -a) it must be made available under this Agreement; and - -b) a copy of this Agreement must be included with each copy of the Program. - -Contributors may not remove or alter any copyright notices contained within the Program. - -Each Contributor must identify itself as the originator of its Contribution, if any, in a manner that reasonably allows -subsequent Recipients to identify the originator of the Contribution. - -4. COMMERCIAL DISTRIBUTION - -Commercial distributors of software may accept certain responsibilities with respect to end users, business partners and -the like. While this license is intended to facilitate the commercial use of the Program, the Contributor who includes -the Program in a commercial product offering should do so in a manner which does not create potential liability for -other Contributors. Therefore, if a Contributor includes the Program in a commercial product offering, such Contributor -("Commercial Contributor") hereby agrees to defend and indemnify every other Contributor ("Indemnified Contributor") -against any losses, damages and costs (collectively "Losses") arising from claims, lawsuits and other legal actions -brought by a third party against the Indemnified Contributor to the extent caused by the acts or omissions of such -Commercial Contributor in connection with its distribution of the Program in a commercial product offering. The -obligations in this section do not apply to any claims or Losses relating to any actual or alleged intellectual -property infringement. In order to qualify, an Indemnified Contributor must: a) promptly notify the Commercial -Contributor in writing of such claim, and b) allow the Commercial Contributor to control, and cooperate with the -Commercial Contributor in, the defense and any related settlement negotiations. The Indemnified Contributor may - participate in any such claim at its own expense. - -For example, a Contributor might include the Program in a commercial product offering, Product X. That Contributor is -then a Commercial Contributor. If that Commercial Contributor then makes performance claims, or offers warranties -related to Product X, those performance claims and warranties are such Commercial Contributor's responsibility alone. -Under this section, the Commercial Contributor would have to defend claims against the other Contributors related to -those performance claims and warranties, and if a court requires any other Contributor to pay any damages as a result, -the Commercial Contributor must pay those damages. - -5. NO WARRANTY - -EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR -CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, -NON-INFRINGEMENT, MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely responsible for -determining the appropriateness of using and distributing the Program and assumes all risks associated with its -exercise of rights under this Agreement , including but not limited to the risks and costs of program errors, compliance -with applicable laws, damage to or loss of data, programs or equipment, and unavailability or interruption of operations. - -6. DISCLAIMER OF LIABILITY - -EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY -DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST PROFITS), -HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR -OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED -HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. - -7. GENERAL - -If any provision of this Agreement is invalid or unenforceable under applicable law, it shall not affect the validity or -enforceability of the remainder of the terms of this Agreement, and without further action by the parties hereto, such -provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable. - -If Recipient institutes patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) -alleging that the Program itself (excluding combinations of the Program with other software or hardware) infringes such -Recipient's patent(s), then such Recipient's rights granted under Section 2(b) shall terminate as of the date such -litigation is filed. - -All Recipient's rights under this Agreement shall terminate if it fails to comply with any of the material terms or -conditions of this Agreement and does not cure such failure in a reasonable period of time after becoming aware of such -noncompliance. If all Recipient's rights under this Agreement terminate, Recipient agrees to cease use and distribution -of the Program as soon as reasonably practicable. However, Recipient's obligations under this Agreement and any licenses - granted by Recipient relating to the Program shall continue and survive. - -Everyone is permitted to copy and distribute copies of this Agreement, but in order to avoid inconsistency the Agreement -is copyrighted and may only be modified in the following manner. The Agreement Steward reserves the right to publish -new versions (including revisions) of this Agreement from time to time. No one other than the Agreement Steward has the -right to modify this Agreement. The Eclipse Foundation is the initial Agreement Steward. The Eclipse Foundation may -assign the responsibility to serve as the Agreement Steward to a suitable separate entity. Each new version of the -Agreement will be given a distinguishing version number. The Program (including Contributions) may always be -distributed subject to the version of the Agreement under which it was received. In addition, after a new version of -the Agreement is published, Contributor may elect to distribute the Program (including its Contributions) under the -new version. Except as expressly stated in Sections 2(a) and 2(b) above, Recipient receives no rights or licenses to -the intellectual property of any Contributor under this Agreement, whether expressly, by implication, estoppel or -otherwise. All rights in the Program not expressly granted under this Agreement are reserved. - -This Agreement is governed by the laws of the State of New York and the intellectual property laws of the United States -of America. No party to this Agreement will bring a legal action under this Agreement more than one year after the cause -of action arose. Each party waives its rights to a jury trial in any resulting litigation.
\ No newline at end of file +Eclipse Foundation Software User Agreement + +November 22, 2017 + +Usage Of Content + +THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION +AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS (COLLECTIVELY "CONTENT"). USE OF +THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE +TERMS AND CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED +BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS GOVERNED +BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE +AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE +TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND CONDITIONS OF ANY +APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU +MAY NOT USE THE CONTENT. + +Applicable Licenses + +Unless otherwise indicated, all Content made available by the Eclipse Foundation +is provided to you under the terms and conditions of the Eclipse Public License +Version 2.0 ("EPL"). A copy of the EPL is provided with this Content and is also +available at http://www.eclipse.org/legal/epl-2.0. For purposes of the EPL, +"Program" will mean the Content. + +Content includes, but is not limited to, source code, object code, documentation +and other files maintained in the Eclipse Foundation source code repository +("Repository") in software modules ("Modules") and made available as +downloadable archives ("Downloads"). + +- Content may be structured and packaged into modules to facilitate + delivering, extending, and upgrading the Content. Typical modules may + include plug-ins ("Plug-ins"), plug-in fragments ("Fragments"), and + features ("Features"). +- Each Plug-in or Fragment may be packaged as a sub-directory or JAR + (Javaâ„¢ ARchive) in a directory named "plugins". +- A Feature is a bundle of one or more Plug-ins and/or Fragments and + associated material. Each Feature may be packaged as a sub-directory in a + directory named "features". Within a Feature, files named "feature.xml" may + contain a list of the names and version numbers of the Plug-ins and/or + Fragments associated with that Feature. +- Features may also include other Features ("Included Features"). Within a + Feature, files named "feature.xml" may contain a list of the names and + version numbers of Included Features. + +The terms and conditions governing Plug-ins and Fragments should be contained in +files named "about.html" ("Abouts"). The terms and conditions governing Features +and Included Features should be contained in files named "license.html" +("Feature Licenses"). Abouts and Feature Licenses may be located in any +directory of a Download or Module including, but not limited to the following +locations: + +- The top-level (root) directory +- Plug-in and Fragment directories +- Inside Plug-ins and Fragments packaged as JARs +- Sub-directories of the directory named "src" of certain Plug-ins +- Feature directories + +Note: if a Feature made available by the Eclipse Foundation is installed using +the Provisioning Technology (as defined below), you must agree to a license +("Feature Update License") during the installation process. If the Feature +contains Included Features, the Feature Update License should either provide you +with the terms and conditions governing the Included Features or inform you +where you can locate them. Feature Update Licenses may be found in the "license" +property of files named "feature.properties" found within a Feature. Such +Abouts, Feature Licenses, and Feature Update Licenses contain the terms and +conditions (or references to such terms and conditions) that govern your use of +the associated Content in that directory. + +THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER TO THE EPL +OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. SOME OF THESE +OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO): + +- Eclipse Public License Version 1.0 (available at + http://www.eclipse.org/legal/epl-v10.html) +- Eclipse Distribution License Version 1.0 (available at + http://www.eclipse.org/licenses/edl-v1.0.html) +- Common Public License Version 1.0 (available at + http://www.eclipse.org/legal/cpl-v10.html) +- Apache Software License 1.1 (available at + http://www.apache.org/licenses/LICENSE) +- Apache Software License 2.0 (available at + http://www.apache.org/licenses/LICENSE-2.0) +- Mozilla Public License Version 1.1 (available at + http://www.mozilla.org/MPL/MPL-1.1.html) + +IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND CONDITIONS PRIOR TO +USE OF THE CONTENT. If no About, Feature License, or Feature Update License is +provided, please contact the Eclipse Foundation to determine what terms and +conditions govern that particular Content. + +Use of Provisioning Technology + +The Eclipse Foundation makes available provisioning software, examples of which +include, but are not limited to, p2 and the Eclipse Update Manager +("Provisioning Technology") for the purpose of allowing users to install +software, documentation, information and/or other materials (collectively +"Installable Software"). This capability is provided with the intent of allowing +such users to install, extend and update Eclipse-based products. Information +about packaging Installable Software is available at +http://eclipse.org/equinox/p2/repository_packaging.html ("Specification"). + +You may use Provisioning Technology to allow other parties to install +Installable Software. You shall be responsible for enabling the applicable +license agreements relating to the Installable Software to be presented to, and +accepted by, the users of the Provisioning Technology in accordance with the +Specification. By using Provisioning Technology in such a manner and making it +available in accordance with the Specification, you further acknowledge your +agreement to, and the acquisition of all necessary rights to permit the +following: + +1. A series of actions may occur ("Provisioning Process") in which a user may + execute the Provisioning Technology on a machine ("Target Machine") with the + intent of installing, extending or updating the functionality of an + Eclipse-based product. +2. During the Provisioning Process, the Provisioning Technology may cause third + party Installable Software or a portion thereof to be accessed and copied to + the Target Machine. +3. Pursuant to the Specification, you will provide to the user the terms and + conditions that govern the use of the Installable Software ("Installable + Software Agreement") and such Installable Software Agreement shall be + accessed from the Target Machine in accordance with the Specification. Such + Installable Software Agreement must inform the user of the terms and + conditions that govern the Installable Software and must solicit acceptance + by the end user in the manner prescribed in such Installable + Software Agreement. Upon such indication of agreement by the user, the + provisioning Technology will complete installation of the + Installable Software. + +Cryptography + +Content may contain encryption software. The country in which you are currently +may have restrictions on the import, possession, and use, and/or re-export to +another country, of encryption software. BEFORE using any encryption software, +please check the country's laws, regulations and policies concerning the import, +possession, or use, and re-export of encryption software, to see if this is +permitted. + +Java and all Java-based trademarks are trademarks of Oracle Corporation in the +United States, other countries, or both. diff --git a/org.eclipse.osbp.vaadin.widgetset/about.html b/org.eclipse.osbp.vaadin.widgetset/about.html index 64c0598..e8b834d 100644 --- a/org.eclipse.osbp.vaadin.widgetset/about.html +++ b/org.eclipse.osbp.vaadin.widgetset/about.html @@ -8,13 +8,13 @@ <body lang="EN-US"> <h2>About This Content</h2> -<p>June 1, 2016</p> +<p>November 30, 2017</p> <h3>License</h3> <p>The Eclipse Foundation makes available all content in this plug-in ("Content"). Unless otherwise indicated below, the Content is provided to you under the terms and conditions of the -Eclipse Public License Version 1.0 ("EPL"). A copy of the EPL is available -at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>. +Eclipse Public License Version 2.0 ("EPL"). A copy of the EPL is available +at <a href="https://www.eclipse.org/legal/epl-2.0">https://www.eclipse.org/legal/epl-2.0</a>. For purposes of the EPL, "Program" will mean the Content.</p> <p>If you did not receive this Content directly from the Eclipse Foundation, the Content is diff --git a/org.eclipse.osbp.vaadin.widgetset/about.properties b/org.eclipse.osbp.vaadin.widgetset/about.properties index ce0ad1c..216742b 100644 --- a/org.eclipse.osbp.vaadin.widgetset/about.properties +++ b/org.eclipse.osbp.vaadin.widgetset/about.properties @@ -1,9 +1,11 @@ # # Copyright (c) 2012, 2016 - Loetz GmbH&Co.KG (Heidelberg) # All rights reserved. This program and the accompanying materials -# are made available under the terms of the Eclipse Public License v1.0 +# are made available under the terms of the Eclipse Public License 2.0 # which accompanies this distribution, and is available at -# http://www.eclipse.org/legal/epl-v10.html +# https://www.eclipse.org/legal/epl-2.0/ +# +# SPDX-License-Identifier: EPL-2.0 # # Contributors: # Loetz GmbH&Co.KG - initial API and implementation @@ -17,9 +19,11 @@ featureName=org.eclipse.osbp.vaadin.widgetset featureText=\ Copyright (c) 2012-2016 - Loetz GmbH&Co.KG \n\ All rights reserved. This program and the accompanying materials\n\ -are made available under the terms of the Eclipse Public License v1.0\n\ +are made available under the terms of the Eclipse Public License 2.0 \n\ which accompanies this distribution, and is available at\n\ -http://www.eclipse.org/legal/epl-v10.html\n\ +https://www.eclipse.org/legal/epl-2.0/\n\ +\n\ +SPDX-License-Identifier: EPL-2.0\n\ \n\ Contributors:\n\ Loetz GmbH&Co.KG - implementation\n diff --git a/org.eclipse.osbp.vaadin.widgetset/build.properties b/org.eclipse.osbp.vaadin.widgetset/build.properties index 2990946..52f4ad7 100644 --- a/org.eclipse.osbp.vaadin.widgetset/build.properties +++ b/org.eclipse.osbp.vaadin.widgetset/build.properties @@ -5,7 +5,7 @@ bin.includes = about.properties, about.mappings, about.ini, about.html, META .,\ license.html,\ LICENSE.txt,\ - epl-v10.html + epl-2.0.html src.includes = about.properties, about.mappings, about.ini, about.html, license.html,\ LICENSE.txt,\ - epl-v10.html + epl-2.0.html diff --git a/org.eclipse.osbp.vaadin.widgetset/epl-2.0.html b/org.eclipse.osbp.vaadin.widgetset/epl-2.0.html new file mode 100644 index 0000000..637a181 --- /dev/null +++ b/org.eclipse.osbp.vaadin.widgetset/epl-2.0.html @@ -0,0 +1,300 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>Eclipse Public License - Version 2.0</title> + <style type="text/css"> + body { + margin: 1.5em 3em; + } + h1{ + font-size:1.5em; + } + h2{ + font-size:1em; + margin-bottom:0.5em; + margin-top:1em; + } + p { + margin-top: 0.5em; + margin-bottom: 0.5em; + } + ul, ol{ + list-style-type:none; + } + </style> + </head> + <body> + <h1>Eclipse Public License - v 2.0</h1> + <p>THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE + PUBLIC LICENSE (“AGREEMENT”). ANY USE, REPRODUCTION OR DISTRIBUTION + OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS AGREEMENT. + </p> + <h2 id="definitions">1. DEFINITIONS</h2> + <p>“Contribution” means:</p> + <ul> + <li>a) in the case of the initial Contributor, the initial content + Distributed under this Agreement, and + </li> + <li> + b) in the case of each subsequent Contributor: + <ul> + <li>i) changes to the Program, and</li> + <li>ii) additions to the Program;</li> + </ul> + where such changes and/or additions to the Program originate from + and are Distributed by that particular Contributor. A Contribution + “originates” from a Contributor if it was added to the Program by such + Contributor itself or anyone acting on such Contributor's behalf. + Contributions do not include changes or additions to the Program that + are not Modified Works. + </li> + </ul> + <p>“Contributor” means any person or entity that Distributes the Program.</p> + <p>“Licensed Patents” mean patent claims licensable by a Contributor which + are necessarily infringed by the use or sale of its Contribution alone + or when combined with the Program. + </p> + <p>“Program” means the Contributions Distributed in accordance with this + Agreement. + </p> + <p>“Recipient” means anyone who receives the Program under this Agreement + or any Secondary License (as applicable), including Contributors. + </p> + <p>“Derivative Works” shall mean any work, whether in Source Code or other + form, that is based on (or derived from) the Program and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. + </p> + <p>“Modified Works” shall mean any work in Source Code or other form that + results from an addition to, deletion from, or modification of the + contents of the Program, including, for purposes of clarity any new file + in Source Code form that contains any contents of the Program. Modified + Works shall not include works that contain only declarations, interfaces, + types, classes, structures, or files of the Program solely in each case + in order to link to, bind by name, or subclass the Program or Modified + Works thereof. + </p> + <p>“Distribute” means the acts of a) distributing or b) making available + in any manner that enables the transfer of a copy. + </p> + <p>“Source Code” means the form of a Program preferred for making + modifications, including but not limited to software source code, + documentation source, and configuration files. + </p> + <p>“Secondary License” means either the GNU General Public License, + Version 2.0, or any later versions of that license, including any + exceptions or additional permissions as identified by the initial + Contributor. + </p> + <h2 id="grant-of-rights">2. GRANT OF RIGHTS</h2> + <ul> + <li>a) Subject to the terms of this Agreement, each Contributor hereby + grants Recipient a non-exclusive, worldwide, royalty-free copyright + license to reproduce, prepare Derivative Works of, publicly display, + publicly perform, Distribute and sublicense the Contribution of such + Contributor, if any, and such Derivative Works. + </li> + <li>b) Subject to the terms of this Agreement, each Contributor hereby + grants Recipient a non-exclusive, worldwide, royalty-free patent + license under Licensed Patents to make, use, sell, offer to sell, + import and otherwise transfer the Contribution of such Contributor, + if any, in Source Code or other form. This patent license shall + apply to the combination of the Contribution and the Program if, + at the time the Contribution is added by the Contributor, such + addition of the Contribution causes such combination to be covered + by the Licensed Patents. The patent license shall not apply to any + other combinations which include the Contribution. No hardware per + se is licensed hereunder. + </li> + <li>c) Recipient understands that although each Contributor grants the + licenses to its Contributions set forth herein, no assurances are + provided by any Contributor that the Program does not infringe the + patent or other intellectual property rights of any other entity. + Each Contributor disclaims any liability to Recipient for claims + brought by any other entity based on infringement of intellectual + property rights or otherwise. As a condition to exercising the rights + and licenses granted hereunder, each Recipient hereby assumes sole + responsibility to secure any other intellectual property rights needed, + if any. For example, if a third party patent license is required to + allow Recipient to Distribute the Program, it is Recipient's + responsibility to acquire that license before distributing the Program. + </li> + <li>d) Each Contributor represents that to its knowledge it has sufficient + copyright rights in its Contribution, if any, to grant the copyright + license set forth in this Agreement. + </li> + <li>e) Notwithstanding the terms of any Secondary License, no Contributor + makes additional grants to any Recipient (other than those set forth + in this Agreement) as a result of such Recipient's receipt of the + Program under the terms of a Secondary License (if permitted under + the terms of Section 3). + </li> + </ul> + <h2 id="requirements">3. REQUIREMENTS</h2> + <p>3.1 If a Contributor Distributes the Program in any form, then:</p> + <ul> + <li>a) the Program must also be made available as Source Code, in + accordance with section 3.2, and the Contributor must accompany + the Program with a statement that the Source Code for the Program + is available under this Agreement, and informs Recipients how to + obtain it in a reasonable manner on or through a medium customarily + used for software exchange; and + </li> + <li> + b) the Contributor may Distribute the Program under a license + different than this Agreement, provided that such license: + <ul> + <li>i) effectively disclaims on behalf of all other Contributors all + warranties and conditions, express and implied, including warranties + or conditions of title and non-infringement, and implied warranties + or conditions of merchantability and fitness for a particular purpose; + </li> + <li>ii) effectively excludes on behalf of all other Contributors all + liability for damages, including direct, indirect, special, incidental + and consequential damages, such as lost profits; + </li> + <li>iii) does not attempt to limit or alter the recipients' rights in the + Source Code under section 3.2; and + </li> + <li>iv) requires any subsequent distribution of the Program by any party + to be under a license that satisfies the requirements of this section 3. + </li> + </ul> + </li> + </ul> + <p>3.2 When the Program is Distributed as Source Code:</p> + <ul> + <li>a) it must be made available under this Agreement, or if the Program (i) + is combined with other material in a separate file or files made available + under a Secondary License, and (ii) the initial Contributor attached to + the Source Code the notice described in Exhibit A of this Agreement, + then the Program may be made available under the terms of such + Secondary Licenses, and + </li> + <li>b) a copy of this Agreement must be included with each copy of the Program.</li> + </ul> + <p>3.3 Contributors may not remove or alter any copyright, patent, trademark, + attribution notices, disclaimers of warranty, or limitations of liability + (‘notices’) contained within the Program from any copy of the Program which + they Distribute, provided that Contributors may add their own appropriate + notices. + </p> + <h2 id="commercial-distribution">4. COMMERCIAL DISTRIBUTION</h2> + <p>Commercial distributors of software may accept certain responsibilities + with respect to end users, business partners and the like. While this + license is intended to facilitate the commercial use of the Program, the + Contributor who includes the Program in a commercial product offering should + do so in a manner which does not create potential liability for other + Contributors. Therefore, if a Contributor includes the Program in a + commercial product offering, such Contributor (“Commercial Contributor”) + hereby agrees to defend and indemnify every other Contributor + (“Indemnified Contributor”) against any losses, damages and costs + (collectively “Losses”) arising from claims, lawsuits and other legal actions + brought by a third party against the Indemnified Contributor to the extent + caused by the acts or omissions of such Commercial Contributor in connection + with its distribution of the Program in a commercial product offering. + The obligations in this section do not apply to any claims or Losses relating + to any actual or alleged intellectual property infringement. In order to + qualify, an Indemnified Contributor must: a) promptly notify the + Commercial Contributor in writing of such claim, and b) allow the Commercial + Contributor to control, and cooperate with the Commercial Contributor in, + the defense and any related settlement negotiations. The Indemnified + Contributor may participate in any such claim at its own expense. + </p> + <p>For example, a Contributor might include the Program + in a commercial product offering, Product X. That Contributor is then a + Commercial Contributor. If that Commercial Contributor then makes performance + claims, or offers warranties related to Product X, those performance claims + and warranties are such Commercial Contributor's responsibility alone. + Under this section, the Commercial Contributor would have to defend claims + against the other Contributors related to those performance claims and + warranties, and if a court requires any other Contributor to pay any damages + as a result, the Commercial Contributor must pay those damages. + </p> + <h2 id="warranty">5. NO WARRANTY</h2> + <p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, AND TO THE EXTENT PERMITTED + BY APPLICABLE LAW, THE PROGRAM IS PROVIDED ON AN “AS IS” BASIS, WITHOUT + WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, + WITHOUT LIMITATION, ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT, + MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is + solely responsible for determining the appropriateness of using and + distributing the Program and assumes all risks associated with its + exercise of rights under this Agreement, including but not limited to the + risks and costs of program errors, compliance with applicable laws, damage + to or loss of data, programs or equipment, and unavailability or + interruption of operations. + </p> + <h2 id="disclaimer">6. DISCLAIMER OF LIABILITY</h2> + <p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, AND TO THE EXTENT PERMITTED + BY APPLICABLE LAW, NEITHER RECIPIENT NOR ANY CONTRIBUTORS SHALL HAVE ANY + LIABILITY FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, + OR CONSEQUENTIAL DAMAGES (INCLUDING WITHOUT LIMITATION LOST PROFITS), + HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT + LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY + OUT OF THE USE OR DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS + GRANTED HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + </p> + <h2 id="general">7. GENERAL</h2> + <p>If any provision of this Agreement is invalid or unenforceable under + applicable law, it shall not affect the validity or enforceability of the + remainder of the terms of this Agreement, and without further action by the + parties hereto, such provision shall be reformed to the minimum extent + necessary to make such provision valid and enforceable. + </p> + <p>If Recipient institutes patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Program itself + (excluding combinations of the Program with other software or hardware) + infringes such Recipient's patent(s), then such Recipient's rights granted + under Section 2(b) shall terminate as of the date such litigation is filed. + </p> + <p>All Recipient's rights under this Agreement shall terminate if it fails to + comply with any of the material terms or conditions of this Agreement and + does not cure such failure in a reasonable period of time after becoming + aware of such noncompliance. If all Recipient's rights under this Agreement + terminate, Recipient agrees to cease use and distribution of the Program + as soon as reasonably practicable. However, Recipient's obligations under + this Agreement and any licenses granted by Recipient relating to the + Program shall continue and survive. + </p> + <p>Everyone is permitted to copy and distribute copies of this Agreement, + but in order to avoid inconsistency the Agreement is copyrighted and may + only be modified in the following manner. The Agreement Steward reserves + the right to publish new versions (including revisions) of this Agreement + from time to time. No one other than the Agreement Steward has the right + to modify this Agreement. The Eclipse Foundation is the initial Agreement + Steward. The Eclipse Foundation may assign the responsibility to serve as + the Agreement Steward to a suitable separate entity. Each new version of + the Agreement will be given a distinguishing version number. The Program + (including Contributions) may always be Distributed subject to the version + of the Agreement under which it was received. In addition, after a new + version of the Agreement is published, Contributor may elect to Distribute + the Program (including its Contributions) under the new version. + </p> + <p>Except as expressly stated in Sections 2(a) and 2(b) above, Recipient + receives no rights or licenses to the intellectual property of any + Contributor under this Agreement, whether expressly, by implication, + estoppel or otherwise. All rights in the Program not expressly granted + under this Agreement are reserved. Nothing in this Agreement is intended + to be enforceable by any entity that is not a Contributor or Recipient. + No third-party beneficiary rights are created under this Agreement. + </p> + <h2 id="exhibit-a">Exhibit A – Form of Secondary Licenses Notice</h2> + <p>“This Source Code may also be made available under the following + Secondary Licenses when the conditions for such availability set forth + in the Eclipse Public License, v. 2.0 are satisfied: {name license(s), + version(s), and exceptions or additional permissions here}.” + </p> + <blockquote> + <p>Simply including a copy of this Agreement, including this Exhibit A + is not sufficient to license the Source Code under Secondary Licenses. + </p> + <p>If it is not possible or desirable to put the notice in a particular file, + then You may include the notice in a location (such as a LICENSE file in a + relevant directory) where a recipient would be likely to look for + such a notice. + </p> + <p>You may add additional accurate notices of copyright ownership.</p> + </blockquote> + </body> +</html>
\ No newline at end of file diff --git a/org.eclipse.osbp.vaadin.widgetset/epl-v10.html b/org.eclipse.osbp.vaadin.widgetset/epl-v10.html deleted file mode 100644 index b398acc..0000000 --- a/org.eclipse.osbp.vaadin.widgetset/epl-v10.html +++ /dev/null @@ -1,259 +0,0 @@ -<!--?xml version="1.0" encoding="ISO-8859-1" ?--> -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> -<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> -<title>Eclipse Public License - Version 1.0</title> -<style type="text/css"> - body { - size: 8.5in 11.0in; - margin: 0.25in 0.5in 0.25in 0.5in; - tab-interval: 0.5in; - } - p { - margin-left: auto; - margin-top: 0.5em; - margin-bottom: 0.5em; - } - p.list { - margin-left: 0.5in; - margin-top: 0.05em; - margin-bottom: 0.05em; - } - </style> - -</head> - -<body lang="EN-US"> - -<h2>Eclipse Public License - v 1.0</h2> - -<p>THE ACCOMPANYING PROGRAM IS PROVIDED UNDER THE TERMS OF THIS ECLIPSE -PUBLIC LICENSE ("AGREEMENT"). ANY USE, REPRODUCTION OR -DISTRIBUTION OF THE PROGRAM CONSTITUTES RECIPIENT'S ACCEPTANCE OF THIS -AGREEMENT.</p> - -<p><b>1. DEFINITIONS</b></p> - -<p>"Contribution" means:</p> - -<p class="list">a) in the case of the initial Contributor, the initial -code and documentation distributed under this Agreement, and</p> -<p class="list">b) in the case of each subsequent Contributor:</p> -<p class="list">i) changes to the Program, and</p> -<p class="list">ii) additions to the Program;</p> -<p class="list">where such changes and/or additions to the Program -originate from and are distributed by that particular Contributor. A -Contribution 'originates' from a Contributor if it was added to the -Program by such Contributor itself or anyone acting on such -Contributor's behalf. Contributions do not include additions to the -Program which: (i) are separate modules of software distributed in -conjunction with the Program under their own license agreement, and (ii) -are not derivative works of the Program.</p> - -<p>"Contributor" means any person or entity that distributes -the Program.</p> - -<p>"Licensed Patents" mean patent claims licensable by a -Contributor which are necessarily infringed by the use or sale of its -Contribution alone or when combined with the Program.</p> - -<p>"Program" means the Contributions distributed in accordance -with this Agreement.</p> - -<p>"Recipient" means anyone who receives the Program under -this Agreement, including all Contributors.</p> - -<p><b>2. GRANT OF RIGHTS</b></p> - -<p class="list">a) Subject to the terms of this Agreement, each -Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free copyright license to reproduce, prepare derivative works -of, publicly display, publicly perform, distribute and sublicense the -Contribution of such Contributor, if any, and such derivative works, in -source code and object code form.</p> - -<p class="list">b) Subject to the terms of this Agreement, each -Contributor hereby grants Recipient a non-exclusive, worldwide, -royalty-free patent license under Licensed Patents to make, use, sell, -offer to sell, import and otherwise transfer the Contribution of such -Contributor, if any, in source code and object code form. This patent -license shall apply to the combination of the Contribution and the -Program if, at the time the Contribution is added by the Contributor, -such addition of the Contribution causes such combination to be covered -by the Licensed Patents. The patent license shall not apply to any other -combinations which include the Contribution. No hardware per se is -licensed hereunder.</p> - -<p class="list">c) Recipient understands that although each Contributor -grants the licenses to its Contributions set forth herein, no assurances -are provided by any Contributor that the Program does not infringe the -patent or other intellectual property rights of any other entity. Each -Contributor disclaims any liability to Recipient for claims brought by -any other entity based on infringement of intellectual property rights -or otherwise. As a condition to exercising the rights and licenses -granted hereunder, each Recipient hereby assumes sole responsibility to -secure any other intellectual property rights needed, if any. For -example, if a third party patent license is required to allow Recipient -to distribute the Program, it is Recipient's responsibility to acquire -that license before distributing the Program.</p> - -<p class="list">d) Each Contributor represents that to its knowledge it -has sufficient copyright rights in its Contribution, if any, to grant -the copyright license set forth in this Agreement.</p> - -<p><b>3. REQUIREMENTS</b></p> - -<p>A Contributor may choose to distribute the Program in object code -form under its own license agreement, provided that:</p> - -<p class="list">a) it complies with the terms and conditions of this -Agreement; and</p> - -<p class="list">b) its license agreement:</p> - -<p class="list">i) effectively disclaims on behalf of all Contributors -all warranties and conditions, express and implied, including warranties -or conditions of title and non-infringement, and implied warranties or -conditions of merchantability and fitness for a particular purpose;</p> - -<p class="list">ii) effectively excludes on behalf of all Contributors -all liability for damages, including direct, indirect, special, -incidental and consequential damages, such as lost profits;</p> - -<p class="list">iii) states that any provisions which differ from this -Agreement are offered by that Contributor alone and not by any other -party; and</p> - -<p class="list">iv) states that source code for the Program is available -from such Contributor, and informs licensees how to obtain it in a -reasonable manner on or through a medium customarily used for software -exchange.</p> - -<p>When the Program is made available in source code form:</p> - -<p class="list">a) it must be made available under this Agreement; and</p> - -<p class="list">b) a copy of this Agreement must be included with each -copy of the Program.</p> - -<p>Contributors may not remove or alter any copyright notices contained -within the Program.</p> - -<p>Each Contributor must identify itself as the originator of its -Contribution, if any, in a manner that reasonably allows subsequent -Recipients to identify the originator of the Contribution.</p> - -<p><b>4. COMMERCIAL DISTRIBUTION</b></p> - -<p>Commercial distributors of software may accept certain -responsibilities with respect to end users, business partners and the -like. While this license is intended to facilitate the commercial use of -the Program, the Contributor who includes the Program in a commercial -product offering should do so in a manner which does not create -potential liability for other Contributors. Therefore, if a Contributor -includes the Program in a commercial product offering, such Contributor -("Commercial Contributor") hereby agrees to defend and -indemnify every other Contributor ("Indemnified Contributor") -against any losses, damages and costs (collectively "Losses") -arising from claims, lawsuits and other legal actions brought by a third -party against the Indemnified Contributor to the extent caused by the -acts or omissions of such Commercial Contributor in connection with its -distribution of the Program in a commercial product offering. The -obligations in this section do not apply to any claims or Losses -relating to any actual or alleged intellectual property infringement. In -order to qualify, an Indemnified Contributor must: a) promptly notify -the Commercial Contributor in writing of such claim, and b) allow the -Commercial Contributor to control, and cooperate with the Commercial -Contributor in, the defense and any related settlement negotiations. The -Indemnified Contributor may participate in any such claim at its own -expense.</p> - -<p>For example, a Contributor might include the Program in a commercial -product offering, Product X. That Contributor is then a Commercial -Contributor. If that Commercial Contributor then makes performance -claims, or offers warranties related to Product X, those performance -claims and warranties are such Commercial Contributor's responsibility -alone. Under this section, the Commercial Contributor would have to -defend claims against the other Contributors related to those -performance claims and warranties, and if a court requires any other -Contributor to pay any damages as a result, the Commercial Contributor -must pay those damages.</p> - -<p><b>5. NO WARRANTY</b></p> - -<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, THE PROGRAM IS -PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS -OF ANY KIND, EITHER EXPRESS OR IMPLIED INCLUDING, WITHOUT LIMITATION, -ANY WARRANTIES OR CONDITIONS OF TITLE, NON-INFRINGEMENT, MERCHANTABILITY -OR FITNESS FOR A PARTICULAR PURPOSE. Each Recipient is solely -responsible for determining the appropriateness of using and -distributing the Program and assumes all risks associated with its -exercise of rights under this Agreement , including but not limited to -the risks and costs of program errors, compliance with applicable laws, -damage to or loss of data, programs or equipment, and unavailability or -interruption of operations.</p> - -<p><b>6. DISCLAIMER OF LIABILITY</b></p> - -<p>EXCEPT AS EXPRESSLY SET FORTH IN THIS AGREEMENT, NEITHER RECIPIENT -NOR ANY CONTRIBUTORS SHALL HAVE ANY LIABILITY FOR ANY DIRECT, INDIRECT, -INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING -WITHOUT LIMITATION LOST PROFITS), HOWEVER CAUSED AND ON ANY THEORY OF -LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING -NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OR -DISTRIBUTION OF THE PROGRAM OR THE EXERCISE OF ANY RIGHTS GRANTED -HEREUNDER, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.</p> - -<p><b>7. GENERAL</b></p> - -<p>If any provision of this Agreement is invalid or unenforceable under -applicable law, it shall not affect the validity or enforceability of -the remainder of the terms of this Agreement, and without further action -by the parties hereto, such provision shall be reformed to the minimum -extent necessary to make such provision valid and enforceable.</p> - -<p>If Recipient institutes patent litigation against any entity -(including a cross-claim or counterclaim in a lawsuit) alleging that the -Program itself (excluding combinations of the Program with other -software or hardware) infringes such Recipient's patent(s), then such -Recipient's rights granted under Section 2(b) shall terminate as of the -date such litigation is filed.</p> - -<p>All Recipient's rights under this Agreement shall terminate if it -fails to comply with any of the material terms or conditions of this -Agreement and does not cure such failure in a reasonable period of time -after becoming aware of such noncompliance. If all Recipient's rights -under this Agreement terminate, Recipient agrees to cease use and -distribution of the Program as soon as reasonably practicable. However, -Recipient's obligations under this Agreement and any licenses granted by -Recipient relating to the Program shall continue and survive.</p> - -<p>Everyone is permitted to copy and distribute copies of this -Agreement, but in order to avoid inconsistency the Agreement is -copyrighted and may only be modified in the following manner. The -Agreement Steward reserves the right to publish new versions (including -revisions) of this Agreement from time to time. No one other than the -Agreement Steward has the right to modify this Agreement. The Eclipse -Foundation is the initial Agreement Steward. The Eclipse Foundation may -assign the responsibility to serve as the Agreement Steward to a -suitable separate entity. Each new version of the Agreement will be -given a distinguishing version number. The Program (including -Contributions) may always be distributed subject to the version of the -Agreement under which it was received. In addition, after a new version -of the Agreement is published, Contributor may elect to distribute the -Program (including its Contributions) under the new version. Except as -expressly stated in Sections 2(a) and 2(b) above, Recipient receives no -rights or licenses to the intellectual property of any Contributor under -this Agreement, whether expressly, by implication, estoppel or -otherwise. All rights in the Program not expressly granted under this -Agreement are reserved.</p> - -<p>This Agreement is governed by the laws of the State of New York and -the intellectual property laws of the United States of America. No party -to this Agreement will bring a legal action under this Agreement more -than one year after the cause of action arose. Each party waives its -rights to a jury trial in any resulting litigation.</p> - - - -</body></html>
\ No newline at end of file diff --git a/org.eclipse.osbp.vaadin.widgetset/license.html b/org.eclipse.osbp.vaadin.widgetset/license.html index 6e579a5..008b801 100644 --- a/org.eclipse.osbp.vaadin.widgetset/license.html +++ b/org.eclipse.osbp.vaadin.widgetset/license.html @@ -1,164 +1,189 @@ -<!--?xml version="1.0" encoding="ISO-8859-1" ?--> +<?xml version="1.0" encoding="ISO-8859-1" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml"><head> -<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>Eclipse Foundation Software User Agreement</title> </head> <body lang="EN-US"> -<h2>Eclipse Foundation Software User Agreement</h2> -<p>February 1, 2011</p> - -<h3>Usage Of Content</h3> - -<p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS - (COLLECTIVELY "CONTENT"). USE OF THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND - CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE - OF THE CONTENT IS GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR - NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND - CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT USE THE CONTENT.</p> - -<h3>Applicable Licenses</h3> - -<p>Unless otherwise indicated, all Content made available by the Eclipse - Foundation is provided to you under the terms and conditions of the -Eclipse Public License Version 1.0 - ("EPL"). A copy of the EPL is provided with this Content and is also - available at <a href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>. - For purposes of the EPL, "Program" will mean the Content.</p> - -<p>Content includes, but is not limited to, source code, object code, -documentation and other files maintained in the Eclipse Foundation -source code - repository ("Repository") in software modules ("Modules") and made -available as downloadable archives ("Downloads").</p> - -<ul> - <li>Content may be structured and packaged into modules to -facilitate delivering, extending, and upgrading the Content. Typical -modules may include plug-ins ("Plug-ins"), plug-in fragments -("Fragments"), and features ("Features").</li> - <li>Each Plug-in or Fragment may be packaged as a sub-directory or JAR (Java™ ARchive) in a directory named "plugins".</li> - <li>A Feature is a bundle of one or more Plug-ins and/or -Fragments and associated material. Each Feature may be packaged as a -sub-directory in a directory named "features". Within a Feature, files -named "feature.xml" may contain a list of the names and version numbers -of the Plug-ins - and/or Fragments associated with that Feature.</li> - <li>Features may also include other Features ("Included -Features"). Within a Feature, files named "feature.xml" may contain a -list of the names and version numbers of Included Features.</li> -</ul> - -<p>The terms and conditions governing Plug-ins and Fragments should be -contained in files named "about.html" ("Abouts"). The terms and -conditions governing Features and -Included Features should be contained in files named "license.html" -("Feature Licenses"). Abouts and Feature Licenses may be located in any - directory of a Download or Module -including, but not limited to the following locations:</p> - -<ul> - <li>The top-level (root) directory</li> - <li>Plug-in and Fragment directories</li> - <li>Inside Plug-ins and Fragments packaged as JARs</li> - <li>Sub-directories of the directory named "src" of certain Plug-ins</li> - <li>Feature directories</li> -</ul> - -<p>Note: if a Feature made available by the Eclipse Foundation is -installed using the Provisioning Technology (as defined below), you must - agree to a license ("Feature Update License") during the -installation process. If the Feature contains Included Features, the -Feature Update License should either provide you with the terms and -conditions governing the Included Features or -inform you where you can locate them. Feature Update Licenses may be -found in the "license" property of files named "feature.properties" -found within a Feature. -Such Abouts, Feature Licenses, and Feature Update Licenses contain the -terms and conditions (or references to such terms and conditions) that -govern your use of the associated Content in -that directory.</p> - -<p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY REFER -TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND CONDITIONS. - SOME OF THESE -OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT ARE NOT LIMITED TO):</p> - -<ul> - <li>Eclipse Distribution License Version 1.0 (available at <a href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>)</li> - <li>Common Public License Version 1.0 (available at <a href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>)</li> - <li>Apache Software License 1.1 (available at <a href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>)</li> - <li>Apache Software License 2.0 (available at <a href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>)</li> - <li>Metro Link Public License 1.00 (available at <a href="http://www.opengroup.org/openmotif/supporters/metrolink/license.html">http://www.opengroup.org/openmotif/supporters/metrolink/license.html</a>)</li> - <li>Mozilla Public License Version 1.1 (available at <a href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>)</li> -</ul> - -<p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND -CONDITIONS PRIOR TO USE OF THE CONTENT. If no About, Feature License, -or Feature Update License is provided, please -contact the Eclipse Foundation to determine what terms and conditions -govern that particular Content.</p> - - -<h3>Use of Provisioning Technology</h3> - -<p>The Eclipse Foundation makes available provisioning software, -examples of which include, but are not limited to, p2 and the Eclipse - Update Manager ("Provisioning Technology") for the purpose of -allowing users to install software, documentation, information and/or - other materials (collectively "Installable Software"). This -capability is provided with the intent of allowing such users to - install, extend and update Eclipse-based products. Information about -packaging Installable Software is available at <a href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a> - ("Specification").</p> - -<p>You may use Provisioning Technology to allow other parties to install - Installable Software. You shall be responsible for enabling the - applicable license agreements relating to the Installable Software to - be presented to, and accepted by, the users of the Provisioning -Technology - in accordance with the Specification. By using Provisioning -Technology in such a manner and making it available in accordance with -the - Specification, you further acknowledge your agreement to, and the -acquisition of all necessary rights to permit the following:</p> - -<ol> - <li>A series of actions may occur ("Provisioning Process") in -which a user may execute the Provisioning Technology - on a machine ("Target Machine") with the intent of installing, -extending or updating the functionality of an Eclipse-based - product.</li> - <li>During the Provisioning Process, the Provisioning Technology -may cause third party Installable Software or a portion thereof to be - accessed and copied to the Target Machine.</li> - <li>Pursuant to the Specification, you will provide to the user -the terms and conditions that govern the use of the Installable - Software ("Installable Software Agreement") and such Installable -Software Agreement shall be accessed from the Target - Machine in accordance with the Specification. Such Installable -Software Agreement must inform the user of the terms and conditions that - govern - the Installable Software and must solicit acceptance by the end -user in the manner prescribed in such Installable Software Agreement. -Upon such - indication of agreement by the user, the provisioning Technology -will complete installation of the Installable Software.</li> -</ol> - -<h3>Cryptography</h3> - -<p>Content may contain encryption software. The country in which you are - currently may have restrictions on the import, possession, and use, -and/or re-export to - another country, of encryption software. BEFORE using any encryption -software, please check the country's laws, regulations and policies -concerning the import, - possession, or use, and re-export of encryption software, to see if -this is permitted.</p> - -<p><small>Java and all Java-based trademarks are trademarks of Oracle Corporation in the United States, other countries, or both.</small></p> - - -</body></html>
\ No newline at end of file + <h2>Eclipse Foundation Software User Agreement</h2> + <p>November 22, 2017</p> + + <h3>Usage Of Content</h3> + + <p>THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, + INFORMATION AND/OR OTHER MATERIALS FOR OPEN SOURCE PROJECTS + (COLLECTIVELY "CONTENT"). USE OF THE CONTENT IS GOVERNED BY + THE TERMS AND CONDITIONS OF THIS AGREEMENT AND/OR THE TERMS AND + CONDITIONS OF LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED + BELOW. BY USING THE CONTENT, YOU AGREE THAT YOUR USE OF THE CONTENT IS + GOVERNED BY THIS AGREEMENT AND/OR THE TERMS AND CONDITIONS OF ANY + APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED + BELOW. IF YOU DO NOT AGREE TO THE TERMS AND CONDITIONS OF THIS + AGREEMENT AND THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE + AGREEMENTS OR NOTICES INDICATED OR REFERENCED BELOW, THEN YOU MAY NOT + USE THE CONTENT.</p> + + <h3>Applicable Licenses</h3> + + <p> + Unless otherwise indicated, all Content made available by the Eclipse + Foundation is provided to you under the terms and conditions of the + Eclipse Public License Version 2.0 ("EPL"). A copy of the + EPL is provided with this Content and is also available at <a + href="http://www.eclipse.org/legal/epl-2.0">http://www.eclipse.org/legal/epl-2.0</a>. + For purposes of the EPL, "Program" will mean the Content. + </p> + + <p>Content includes, but is not limited to, source code, object + code, documentation and other files maintained in the Eclipse + Foundation source code repository ("Repository") in software + modules ("Modules") and made available as downloadable + archives ("Downloads").</p> + + <ul> + <li>Content may be structured and packaged into modules to + facilitate delivering, extending, and upgrading the Content. Typical + modules may include plug-ins ("Plug-ins"), plug-in + fragments ("Fragments"), and features + ("Features").</li> + <li>Each Plug-in or Fragment may be packaged as a sub-directory + or JAR (Java™ ARchive) in a directory named + "plugins".</li> + <li>A Feature is a bundle of one or more Plug-ins and/or + Fragments and associated material. Each Feature may be packaged as a + sub-directory in a directory named "features". Within a + Feature, files named "feature.xml" may contain a list of + the names and version numbers of the Plug-ins and/or Fragments + associated with that Feature.</li> + <li>Features may also include other Features ("Included + Features"). Within a Feature, files named + "feature.xml" may contain a list of the names and version + numbers of Included Features.</li> + </ul> + + <p>The terms and conditions governing Plug-ins and Fragments should + be contained in files named "about.html" + ("Abouts"). The terms and conditions governing Features and + Included Features should be contained in files named + "license.html" ("Feature Licenses"). Abouts and + Feature Licenses may be located in any directory of a Download or + Module including, but not limited to the following locations:</p> + + <ul> + <li>The top-level (root) directory</li> + <li>Plug-in and Fragment directories</li> + <li>Inside Plug-ins and Fragments packaged as JARs</li> + <li>Sub-directories of the directory named "src" of + certain Plug-ins</li> + <li>Feature directories</li> + </ul> + + <p>Note: if a Feature made available by the Eclipse Foundation is + installed using the Provisioning Technology (as defined below), you + must agree to a license ("Feature Update License") during + the installation process. If the Feature contains Included Features, + the Feature Update License should either provide you with the terms + and conditions governing the Included Features or inform you where you + can locate them. Feature Update Licenses may be found in the + "license" property of files named + "feature.properties" found within a Feature. Such Abouts, + Feature Licenses, and Feature Update Licenses contain the terms and + conditions (or references to such terms and conditions) that govern + your use of the associated Content in that directory.</p> + + <p>THE ABOUTS, FEATURE LICENSES, AND FEATURE UPDATE LICENSES MAY + REFER TO THE EPL OR OTHER LICENSE AGREEMENTS, NOTICES OR TERMS AND + CONDITIONS. SOME OF THESE OTHER LICENSE AGREEMENTS MAY INCLUDE (BUT + ARE NOT LIMITED TO):</p> + + <ul> + <li>Eclipse Public License Version 1.0 (available at <a + href="http://www.eclipse.org/legal/epl-v10.html">http://www.eclipse.org/legal/epl-v10.html</a>) + </li> + <li>Eclipse Distribution License Version 1.0 (available at <a + href="http://www.eclipse.org/licenses/edl-v10.html">http://www.eclipse.org/licenses/edl-v1.0.html</a>) + </li> + <li>Common Public License Version 1.0 (available at <a + href="http://www.eclipse.org/legal/cpl-v10.html">http://www.eclipse.org/legal/cpl-v10.html</a>) + </li> + <li>Apache Software License 1.1 (available at <a + href="http://www.apache.org/licenses/LICENSE">http://www.apache.org/licenses/LICENSE</a>) + </li> + <li>Apache Software License 2.0 (available at <a + href="http://www.apache.org/licenses/LICENSE-2.0">http://www.apache.org/licenses/LICENSE-2.0</a>) + </li> + <li>Mozilla Public License Version 1.1 (available at <a + href="http://www.mozilla.org/MPL/MPL-1.1.html">http://www.mozilla.org/MPL/MPL-1.1.html</a>) + </li> + </ul> + + <p>IT IS YOUR OBLIGATION TO READ AND ACCEPT ALL SUCH TERMS AND + CONDITIONS PRIOR TO USE OF THE CONTENT. If no About, Feature License, + or Feature Update License is provided, please contact the Eclipse + Foundation to determine what terms and conditions govern that + particular Content.</p> + + + <h3>Use of Provisioning Technology</h3> + + <p> + The Eclipse Foundation makes available provisioning software, examples + of which include, but are not limited to, p2 and the Eclipse Update + Manager ("Provisioning Technology") for the purpose of + allowing users to install software, documentation, information and/or + other materials (collectively "Installable Software"). This + capability is provided with the intent of allowing such users to + install, extend and update Eclipse-based products. Information about + packaging Installable Software is available at <a + href="http://eclipse.org/equinox/p2/repository_packaging.html">http://eclipse.org/equinox/p2/repository_packaging.html</a> + ("Specification"). + </p> + + <p>You may use Provisioning Technology to allow other parties to + install Installable Software. You shall be responsible for enabling + the applicable license agreements relating to the Installable Software + to be presented to, and accepted by, the users of the Provisioning + Technology in accordance with the Specification. By using Provisioning + Technology in such a manner and making it available in accordance with + the Specification, you further acknowledge your agreement to, and the + acquisition of all necessary rights to permit the following:</p> + + <ol> + <li>A series of actions may occur ("Provisioning + Process") in which a user may execute the Provisioning + Technology on a machine ("Target Machine") with the intent + of installing, extending or updating the functionality of an + Eclipse-based product.</li> + <li>During the Provisioning Process, the Provisioning Technology + may cause third party Installable Software or a portion thereof to be + accessed and copied to the Target Machine.</li> + <li>Pursuant to the Specification, you will provide to the user + the terms and conditions that govern the use of the Installable + Software ("Installable Software Agreement") and such + Installable Software Agreement shall be accessed from the Target + Machine in accordance with the Specification. Such Installable + Software Agreement must inform the user of the terms and conditions + that govern the Installable Software and must solicit acceptance by + the end user in the manner prescribed in such Installable Software + Agreement. Upon such indication of agreement by the user, the + provisioning Technology will complete installation of the Installable + Software.</li> + </ol> + + <h3>Cryptography</h3> + + <p>Content may contain encryption software. The country in which + you are currently may have restrictions on the import, possession, and + use, and/or re-export to another country, of encryption software. + BEFORE using any encryption software, please check the country's laws, + regulations and policies concerning the import, possession, or use, + and re-export of encryption software, to see if this is permitted.</p> + + <p> + <small>Java and all Java-based trademarks are trademarks of + Oracle Corporation in the United States, other countries, or both.</small> + </p> +</body> +</html> diff --git a/org.eclipse.osbp.vaadin.widgetset/pom.xml b/org.eclipse.osbp.vaadin.widgetset/pom.xml index e658e34..b90995b 100644 --- a/org.eclipse.osbp.vaadin.widgetset/pom.xml +++ b/org.eclipse.osbp.vaadin.widgetset/pom.xml @@ -2,9 +2,11 @@ <!--#======================================================================= --> <!--# Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany) --> <!--# All rights reserved. This program and the accompanying materials --> -<!--# are made available under the terms of the Eclipse Public License v1.0 --> +<!--# are made available under the terms of the Eclipse Public License 2.0 --> <!--# which accompanies this distribution, and is available at --> -<!--# http://www.eclipse.org/legal/epl-v10.html --> +<!--# https://www.eclipse.org/legal/epl-2.0/ --> +<!--# --> +<!--# SPDX-License-Identifier: EPL-2.0 --> <!--# --> <!--# Contributors: --> <!--# Christophe Loetz (Loetz GmbH&Co.KG) - initial API and implementation --> @@ -38,10 +40,10 @@ </pluginRepositories> <repositories> - <repository> - <id>vaadin-addons</id> - <url>http://maven.vaadin.com/vaadin-addons</url> - </repository> + <repository> + <id>vaadin-addons</id> + <url>http://maven.vaadin.com/vaadin-addons</url> + </repository> </repositories> <dependencies> @@ -99,6 +101,11 @@ <type>eclipse-plugin</type> </dependency> <dependency> + <groupId>org.eclipse.osbp.dependencies</groupId> + <artifactId>org.eclipse.osbp.dependencies.bundle.vaadin.addon.grid-renderers-collection</artifactId> + <version>1.2.4-SNAPSHOT</version> + </dependency> + <dependency> <groupId>org.eclipse.osbp.fork.vaadin.addon.maskedtextfield </groupId> <artifactId>org.eclipse.osbp.fork.vaadin.addon.maskedtextfield</artifactId> diff --git a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/Activator.java b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/Activator.java index fc935dd..0fc635d 100644 --- a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/Activator.java +++ b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/Activator.java @@ -3,9 +3,11 @@ * Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany) * * All rights reserved. This program and the accompanying materials - * are made available under the terms of the Eclipse Public License v1.0 + * are made available under the terms of the Eclipse Public License 2.0 * which accompanies this distribution, and is available at - * http://www.eclipse.org/legal/epl-v10.html + * https://www.eclipse.org/legal/epl-2.0/ + * + * SPDX-License-Identifier: EPL-2.0 * * Contributors: * Christophe Loetz (Loetz GmbH&Co.KG) - initial implementation diff --git a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml index e05d5c8..87791e8 100644 --- a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml +++ b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/OSBPWidgetset.gwt.xml @@ -13,6 +13,7 @@ <inherits name="org.vaadin.jouni.dom.DomWidgetset" /> <inherits name="org.vaadin.overlay.widgetset.OverlaysWidgetset" /> <inherits name="com.vaadin.addon.contextmenu.WidgetSet" /> + <inherits name="org.vaadin.grid.cellrenderers.RenderersCollectionWidgetSet" /> <inherits name="org.vaadin.gridutil.WidgetSet" /> <inherits name="org.vaadin.hene.popupbutton.widgetset.PopupbuttonWidgetset" /> diff --git a/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/public/grid-renderers-collection-addon/styles.css b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/public/grid-renderers-collection-addon/styles.css new file mode 100644 index 0000000..6be5027 --- /dev/null +++ b/org.eclipse.osbp.vaadin.widgetset/src/org/eclipse/osbp/vaadin/widgetset/widgetsets/public/grid-renderers-collection-addon/styles.css @@ -0,0 +1,12 @@ + +/* Style defined in Theme Project + +div.grid-renderers-collection-addon { + cursor: pointer; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; +} + +*/
\ No newline at end of file @@ -2,9 +2,11 @@ <!--#======================================================================= --> <!--# Copyright (c) 2011, 2016 - Loetz GmbH&Co.KG (69115 Heidelberg, Germany). --> <!--# All rights reserved. This program and the accompanying materials --> -<!--# are made available under the terms of the Eclipse Public License v1.0 --> +<!--# are made available under the terms of the Eclipse Public License 2.0 --> <!--# which accompanies this distribution, and is available at --> -<!--# http://www.eclipse.org/legal/epl-v10.html --> +<!--# https://www.eclipse.org/legal/epl-2.0/ --> +<!--# --> +<!--# SPDX-License-Identifier: EPL-2.0 --> <!--# --> <!--# Contributors: --> <!--# Christophe Loetz (Loetz GmbH&Co.KG) - Initial implementation API and implementation --> |
