/* @override
	https://www.treuehandy.de/wp-content/themes/medianotions/style.css?*
	https://dev.treuehandy.de/wp-content/themes/medianotions/style.css?*
*/

/*

Theme Name:		Medianotions Kunden-Theme
Theme URI: 		http://www.medianotions.de
Author: 		Medianotions – Studio für Webdesign
Author URI:		http://www.medianotions.de
Description:	Individuelles WordPress-Theme für Medianotions-Kunden
Version:		1.0
Text Domain:	medianotions

*/

/* @group Fonts */

/* open-sans-regular - latin */

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

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

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

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

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

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

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

/* @end */

/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, button, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, select,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
	margin: 0;
	padding: 0;
	
	vertical-align: baseline;
	
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-style: inherit;
	font-weight: inherit;
	
	outline: 0 !important;
	border: 0;
	
	-webkit-text-size-adjust: 100%;
}

:active,
:focus
{
	outline: none;
    box-shadow: none;
}

ol, ul
{
	list-style: none;
	list-style-image: none;
}

img
{
	border: none;
	-ms-interpolation-mode: bicubic;
}

a img
{
	border: none;
}

textarea
{
	overflow: auto;
	vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
	padding: 0;
	outline: none;
    box-shadow: none;
}

/* @group FontAwsome */

i.fa,
i.fas,
i.fal
{
	font-style: normal !important;
}

/* @end */

/* @end */

/* @group Inhaltsbereiche */

/* @group Absatzformate */

.content h1
{	
	clear: both;
	
	margin-top: 40px;
	margin-bottom: 20px;
	
	font-size: 24px;
	font-weight: bold;
	line-height: 120%;
	
	color: #006bad;
}

.content h1.page_title_image
{
	margin-top: 0;
	margin-bottom: 0;
	
	border-bottom: 15px solid #2d3d50;
}

.content h1.page_title_image img
{
	width: 100%;
	height: auto;
}

.content h1.page_title
{	
	display: inline-block;
	min-width: 40%;
	
	margin: 0;
	
	padding: 14px 20px 16px;
	
	color: #006bad;
	background: #c7d1dd;
	
	border-radius: 10px 0 10px 0;
	-moz-border-radius: 10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
	-ms-border-radius: 10px 0 10px 0;
}

.content h1.big_red
{
	
}

.content h1 *
{
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
}

.content h2
{
	margin-top: 20px;
	margin-bottom: 12px;
	
	font-weight: bold;
	font-size: 20px;
	line-height: 130%;
	
	color: #006bad;
}

.content h2 *
{
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
}

.content h2 a
{	
	text-decoration: none;
}

.content h2 a:hover
{
	text-decoration: underline;
}

.content h3
{
	font-weight: bold;
	font-size: 14px;
	
	color: #006bad;
}

.content h4
{
	font-weight: bold;
}

.content p,
.content address
{
	margin-bottom: 12px;
}

.content p.introtext
{
	margin-bottom: 20px;
	font-size: 16px;
}

.content blockquote
{
	font-style: italic;
	margin-bottom: 12px;
}

.content pre
{
	font-family: Courier, monospace;
	margin-bottom: 12px;
}

.content code
{
	font-family: Courier, monospace;
	margin-bottom: 12px;
}

.content .margin_wrapper
{
	margin: 20px;
}

/* @end */

/* @group Zeichenformate */

.content sup
{
	position: relative;
	top: 0;
	
	padding-left: 2px;
	padding-right: 4px;
	vertical-align: text-bottom;
	font-size: 90% !important;
}

.content small,
.content .small,
.content small a,
.content .small a
{
	font-size: 10px;
}

.content p.small,
.content p.small *,
.content p small,
.content p small *
{
	display: block;
	
	font-size: 10px;
	line-height: 130%;
}

.content big,
.content .big
{
	font-size: 16px;
}

.content em, 
.content i,
.content .italic
{
	font-style: italic;
}

.content strong,
.content .strong,
.content b
{
	font-weight: bold;
}

.content code,
.content .code
{
	font-family: monospace;
}

.content strong.button_style
{
	display: inline-block;
	
	margin: 5px 20px 5px 5px;
	padding: 10px 15px 14px 15px;
	
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	white-space: nowrap;
	
	color: white;
	background: #006bad;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.content del,
.content strike
{
	position: relative;
	display: inline-block;
	
	text-decoration: none;
}

.content del:before,
.content strike:before
{
	content: " ";
	
	position: absolute;
	z-index: 10;
	
	left: -2px;
	top: 3px;
	
	width: 100%;
	height: 2em;
	
	background-image: url(/wp-content/themes/medianotions/images/stroke_grey.png);
	background-repeat: no-repeat;
	background-size: contain;
}

/* @end */

/* @group Links */

.content a
{
	color: #006bad;
	text-decoration: none;
}

.content a:hover
{
	text-decoration: underline;
}

.content a[href*="http://"]:before,
.content a[href*="https://"]:before
{
	content: "\f054";
	
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 70%;
	line-height: 70%;
}

.content a.text_animation:before
{
	display: none;
}

.content a[target="_blank"]:before
{
	content: "\f08e";
	
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 80%;
	line-height: 80%;
}

.content a[href*="mailto:"]:before
{
	content: "\f003";
	
	position: relative;
	top: -1px;
	
	display: inline-block;
	margin-left: 3px;
	margin-right: 5px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 90%;
	line-height: 80%;
}

.content a[href*="tel:"]:before
{
	content: "\f095";
	
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 85%;
	line-height: 85%;
}

.content a[href*=".pdf"]:before,
.content a[href*=".doc"]:before,
.content a[href*=".xls"]:before,
.content a[href*=".eps"]:before
{
	content: "\f0f6";
	
	display: inline-block;
	margin-left: 3px;
	margin-right: 5px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 90%;
	line-height: 90%;
}

.content a.plain:before
{
	display: none;
}

/* IE :before unterline debug: */

.content a:hover:before
{
	text-decoration: underline;
}

.content a.img:before
{
	display: none;
}

.content a:hover:before
{
	text-decoration: none;
}

/* @end */

/* @group Icons */

.content .icon.fax:before
{
	content: "\f02f";
	
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 85%;
	line-height: 85%;
}

.content .icon_wrapper.taste
{
	display: inline-block;
	width: 1.5em;
	
	margin-left: 2px;
	margin-right: 2px;
	
	text-align: center;
	font-weight: bold;
	
	border: 1px solid #4d4d4d;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	
	background-color: white;
}

.content i.fa
{
	position: relative;
	top: -1px;
	
	font-style: normal;
}

.content .fa.telefon-hoerer
{
	font-size: 110%;
}

.content .fa.telefon-abnehmen
{
	position: relative;
	
	transform: rotate(75deg);
	-moz-transform: rotate(75deg);
	-webkit-transform: rotate(75deg);
	-ms-transform: rotate(75deg);
}

.firefox .content .fa.telefon-abnehmen
{
	left: -1px;
}

.content .fa.telefon-auflegen
{
	position: relative;
	right: -1px;
	
	transform: rotate(125deg);
	-moz-transform: rotate(125deg);
	-webkit-transform: rotate(125deg);
	-ms-transform: rotate(125deg);
}

.firefox .content .fa.telefon-auflegen
{
	right: 0px;
}

/* @end */

/* @group Listen */

/* @group Unordered */

.content ul
{
	margin-top: 6px;
	margin-bottom: 20px;
	
	list-style-type: disc;
	
	color: #006bad;
}

.content ul li
{
	margin-bottom: 4px;
	margin-left: 20px;
}

.firefox .content ul li
{
	margin-left: 14px;
}

.content ul li .wrapper,
.content ul li .wrapper *
{
	color: #4d4d4d;
}

.content ul li .wrapper a,
.content ul li .wrapper a *
{
	color: #006bad;
}

.content ul li ul
{
	margin-bottom: 8px;
	list-style-type: circle;
}



/* @end */

/* @group Unordered Check-Symbol */

.content .check ul,
.content ul.check,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html .check ul
{	
	list-style-type: none !important;
}

.content .check ul li,
.content ul.check li,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html .check ul li
{
	list-style-type: none !important;
	position: relative;
	margin-left: 0;
	padding-left: 25px;
}

.content .check ul li:before,
.content ul.check li:before,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html .check ul li:before
{
	content: "\f00c";
	
	position: absolute;
	left: 0;
	top: 0;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 120%;
	line-height: 120%;
	
	color: #006bad;
}


/* @end */

/* @group Ordered */

.content ol 
{	
	margin: 6px 0 20px 30px;
	list-style-type: decimal;
}

.content ol li
{
	margin-bottom: 4px;
}

/* @end */

/* @group Plain */

.content ul.plain,
.content .icons ul
{
	list-style-type: none;
}

.content ul.plain li,
.content .icons ul li
{
	margin-left: 0;
}

.content ul.plain li a:before,
.content ul.plain li .icon:before,
.content .icons ul li a:before,
.content .icons ul li .icon:before
{
	width: 15px;
	margin-right: 5px;
	text-align: center;
}

/* @end */

/* @group Icons groß */

.content .icons_big
{
	overflow: hidden;
	list-style-type: none;
}

.content .icons_big li
{
	position: relative;
	
	margin-left: 0;
	margin-bottom: 24px;
	padding-left: 80px;
}

.content .icons_big li h2
{
	margin: 2px 0 0 0;
}

.content .icons_big li:before
{
	content: "";
	
	position: absolute;
	left: 5px;
	
	font-family: FontAwesome;
	font-size: 60px;
	line-height: 120%;
}

.content .icons_big li.telefon a[href^="tel:"]:before
{
	display: none;
}

.content .icons_big li.telefon:before
{
	content: "\f095";
}

.content .icons_big li.telefax:before
{
	content: "\f1ac";
	
	margin-top: -5px;
}

.content .icons_big li.email:before
{
	content: "\f1fa";
	
	margin-top: -5px;
}

.content .icons_big li.anschrift:before
{
	content: "\f0e0";
	
	margin-top: -7px;
}

.content .icons_big li.dhl
{
	min-height: 70px;	
}

.content .icons_big li.dhl:before
{
	width: 70px;
	height: 70px;

	background-image: url(/wp-content/uploads/sites/5/2016/04/dhl-zusteller.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

.content .icons_big li.mobilcom_debitel
{
	min-height: 60px;	
}

.content .icons_big li.mobilcom_debitel:before
{
	width: 70px;
	height: 70px;

	background-image: url(/wp-content/uploads/sites/5/2017/06/mobilcom-debitel.png);
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: center top;
}


/* @end */



/* @end */

/* @group Bilder */

#page_content .inner img
{
	max-width: 100%;
	height: auto;
}

#page_content img.alignright,
#page_content .wp-caption.alignright
{
	float: right;
	margin: 0 0 12px 20px;
}

#page_content img.alignleft,
#page_content .wp-caption.alignleft
{
	float: left;
	margin: 0 20px 12px 0;
}

#page_content img.aligncenter,
#page_content .wp-caption.aligncenter
{
	display: block;
	
	position: relative;
	
	margin: 0 auto;
	margin-bottom: 12px;
}

#page_content .wp-caption-text,
#page_content .wp-caption-text *
{
	margin-top: 5px;
	font-style: italic;
	line-height: 120%;
}

/* @end */

/* @group Tabs */

.content ul.nav-tabs
{
	margin: 30px 0 20px 0;
	padding-left: 4px;
}

.content ul.nav-tabs li
{
	margin: 0 2px 0 0;
}

.content ul.nav-tabs li.active
{
	margin: 0 2px 0 0;
}

.content ul.nav-tabs li a
{
	display: block;
	margin-bottom: -1px;
}

/* @end */

/* @group Spalten */

.content .spalte
{
	
}

.content .spalte.links
{
	clear: left;
	float: left;
	width: 49%;
}

.content .spalte.rechts
{
	clear: right;
	float: right;
	width: 49%;
}

/* @end */

/* @group Hinweise */

.content .alert h2
{
	margin-top: 10px;
	color: inherit;
}

.content .alert p
{
	font-size: 16px;
	line-height: 140%;
}

/* @end */

/* @group Tabellen */

.content table
{
	width: 100%;
	margin-bottom: 40px;
}

.content table tr th
{
	padding: 8px;
	
	font-weight: bold;
	
	color: white;
	background: #006bad;
}

.content table tr th a
{
	
}

.content table tr th *
{
	color: white;
	margin: 0;
}

.content table tr th h2
{
	margin-bottom: 0 !important;
}

.content table tr td
{
	vertical-align: top;
	padding: 4px 8px;
}

.content table tr td.contains_table
{
	padding: 0;
}

.content table tr.odd td,
.content table tr:nth-child(odd) td
{
	background-color: #fafafa;
}

.content table tr.even td,
.content table tr:nth-child(even) td
{
	background-color: #f1f1f1;
}

.content table tr .align_right,
.content table tr .preis
{
	text-align: right;
}

.content table tr .hr
{
	border: none;
	padding: 0;
}

.content table tr .hr hr
{
	margin: 10px 0;
}

.content table table
{
	margin-bottom: 0;
}

.content table table tr.odd td
{
	background-color: transparent;
}

.content table table tr.even td
{
	background-color: transparent;
}

/* @end */

/* @group Logo-Raster */

.content .logo_raster
{
	overflow: hidden;
}

.content .logo_raster .logo
{
	float: left;
	width: 25%;
	height: 100px;
}

/* @end */

/* @group Infoboxen */

.content .infobox
{
	overflow: hidden;
	
	margin: 20px 0;
	padding: 12px;
	
	background: rgba(45, 61, 80, 0.2);
	border: 1px solid rgba(45, 61, 80, 0.2);
}

.content small.infobox
{
	padding: 4px 8px;
}

.content small.infobox *
{
	font-size: 12px !important;
}

.content .infobox:last-of-type
{
	margin-bottom: 0;
}

.content .infobox img
{
	margin-bottom: 0 !important;
}

.content .infobox > *:last-child
{
	margin-bottom: 0 !important;
}

/* @group 1/2 Breite */

.content .infobox.breite_1_2
{
	float: left;
	width: 48%;
	
	margin: 15px 0;
}

.content .infobox.breite_1_2 p
{
	font-size: 13px;
	line-height: 130%;
}

.content .infobox.breite_1_2:nth-child(odd)
{
	float: right;
}

.content .infobox.breite_1_2 + h1
{
	padding-top: 30px;
}

/* @end */

/* @end */

/* @group Trenner */

.content hr,
.content .hr
{
	clear: both;
	margin: 20px 0;
	border: 0;
	border-top: 2px solid #006bad;
}

.content hr.light.dotted,
.content .hr
{
	border-top: 1px dotted #006bad;
}

/* @end */



/* @group Buttons */

.content .button
{
	display: inline-block;
	overflow: hidden;
	
	width: auto;
	padding: 12px 20px;
	
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	
	color: white;
	background: #006bad;
}

.content .button.btn-primary
{
	font-weight: bold;
}

.content .button.big
{
	padding: 12px 40px;
	
	font-size: 22px;
	line-height: 140%;
}

.content a.button strong,
.content strong a.button,
.content a.button span
{
	font-weight: bold;
	font-size: inherit;
}

.content a.button:hover,
.content a.button:active,
.content a.button:focus,
.content a.button:focus-within
{
	text-decoration: none;
	outline: none;
    box-shadow: none;
	
	opacity: 0.8;
}

.content button:focus-visible,
.content a.button:focus-visible
{
	outline: 4px solid #e30613 !important;
	outline-offset: -4px;
	border-radius: 4px;
}

.content button.red:focus-visible,
.content a.button.red:focus-visible,
.content a.button.next:focus-visible
{
	outline: 4px solid #006bad !important;
}

/* @group Rot */

.content .button.red
{
	color: white !important;
	background: #f80202;
	border-color: inherit;
}

/* @end */

/* @group Grau */

.content .button.grau,
.content .button.grey
{
	background: grey;
}

/* @end */

/* @group Grün */

.content .button.gruen,
.content .button.success,
.content .button.remove
{
	color: white !important;
	background: #30b12b;
}

/* @end */

/* @group Disabled */

.content .button.disabled
{
	color: white !important;
	background: lightgrey;
	
	cursor: default;
}

/* @end */

/* @group Icons */

.content .button.arrows:before
{
	content: "\f054\f054";
	
	display: inline-block;
	margin-right: 5px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 90%;
	line-height: 70%;
}

.content .button.plus:before
{
	content: "\f067";
	
	display: inline-block;
	margin-right: 5px;
	
	font-family: FontAwesome;
	font-size: 80%;
	line-height: 70%;
}

.content .button.remove:before
{
	content: "\f1f8";
	
	font-family: FontAwesome;
	font-size: 110%;
	line-height: 70%;
}

.content .button.arrows.back:before
{
	content: "\f053\f053";
	
	margin-left: -3px;
}

.content .button.details:before
{
	content: "\f00e";
	
	display: inline-block;
	margin-right: 5px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 70%;
}

.content .button.waiting
{
	opacity: 0.8;
	cursor: default;
}

.content .button.error
{
	opacity: 1;
	background: #e30613;
}

.content .button.waiting:before,
.content .button.success:before,
.content .button.error:before
{
	display: none;
}

.content .button.waiting .fas,
.content .button.success .fas,
.content .button.error .fas
{
	margin-right: 6px;
	
	font-size: 120%;
}

/* @end */

/* @end */

/* @group SIM-Karten */

.content .sim
{
	display: inline-block;
	width: 54px;
	height: 38px;
	
	margin-right: 5px;
	
	background-repeat: no-repeat;
	background-size: cover;
}

.content .sim.big
{
	width: 68px;
	height: 49px;
}

.content .sim.telekom
{
	background-image: url(images/netzbetreiber/sim_telekom.png);
}

.content .sim.telekom.big
{
	background-image: url(images/netzbetreiber/sim_telekom_big.png);
}

.content .sim.vodafone
{
	background-image: url(images/netzbetreiber/sim_vodafone.png);
}

.content .sim.vodafone.big
{
	background-image: url(images/netzbetreiber/sim_vodafone_big.png);
}

.content .sim.e-plus
{
	background-image: url(images/netzbetreiber/sim_e-plus.png);
}

.content .sim.e-plus.big
{
	background-image: url(images/netzbetreiber/sim_e-plus_big.png);
}

.content .sim.o2
{
	background-image: url(images/netzbetreiber/sim_o2.png);
}

.content .sim.o2.big
{
	background-image: url(images/netzbetreiber/sim_o2_big.png);
}

.content .sim.festnetz
{
	background-image: url(images/netzbetreiber/sim_festnetz.png);
}

.content .sim.festnetz.big
{
	background-image: url(images/netzbetreiber/sim_festnetz_big.png);
}

/* @end */

/* @group Farben */

.content .weiss
{
	color: inherit;
}

.content .schwarz
{
	color: black;
}

.content .rot,
.content .red
{
	color: #e30613 !important;
}

.content .gruen
{
	color: #2ea836 !important;
}

.content .dunkelblau
{
	color: #006bad;
}

.content .hellblau
{
	color: #1484bb;
}

.content .petrol
{
	color: #005985;
}

.content .marker_gelb
{
	background-color: #fff000;
}

/* @end */

/* @group Rahmen */

.content .rahmen
{
	margin: 20px 0;
	padding: 0 10px 0 10px;
	border: 1px solid black;
	
	overflow: hidden;
}

.content .rahmen hr
{
	border-top: 1px solid black;
}

/* @end */

/* @group Ausklappboxen */

.content .collapse_title
{
	margin-bottom: 10px;
	clear: both;
}

.content .collapse_title.bottom
{
	margin-top: 10px;
}

.content .collapse_title.big
{
	margin-top: 16px;
	padding-top: 30px;
	
	border-top: 1px dotted;
}

.content .collapse_title a
{
	display: block;
	position: relative;
	padding-left: 30px;
}

.content .collapse_title.big a
{
	padding-left: 36px;
	
	font-size: 20px;
	line-height: 130%;
}

.content .collapse_title a.collapse_trigger:before
{
	content: "\f077";
	
	position: absolute;
	left: 0;
	top: -1px;
	
	padding: 7px 6px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 70%;
	line-height: 90%;
	
	color: white;
	background: #006bad;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
}

.content .collapse_title.big a.collapse_trigger:before
{
	margin-top: 0;
	margin-bottom: 10px;
}

.content .collapse_title a.collapse_trigger.collapsed:before
{
	content: "\f078";
}

.content .collapse_wrapper
{
	min-height: 1px;
}

.content .collapse_wrapper .well
{
	overflow: hidden;
	padding: 14px 19px 19px 19px;
}

.content .collapse_wrapper .well > :first-child
{
	margin-top: 0;
}

.content .collapse_wrapper .well > :last-child,
.content .collapse_wrapper .well > .icons:last-child :last-child
{
	margin-bottom: 0;
}

.content .collapse_wrapper.plain .well
{
	margin-bottom: 0;
	padding: 0;
	
	border: none !important;
	background-color: transparent;
	
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
}

/* @end */

/* @group Formulare */

/* @group Formulare allgemein */

form input[type=text],
form input[type=number],
form input[type=email],
form textarea,
form select,
.gform_wrapper input[type=text],
.gform_wrapper input[type=number],
.gform_wrapper input[type=email],
.gform_wrapper textarea
{
	padding: 4px;
	font-size: 14px !important;
	line-height: 140% !important;

	border: 1px solid lightgrey;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3x;
}

form input[type=text].disabled,
form textarea.disabled,
form select.disabled
{
	opacity: 0.8;
}

form input[type=text].disabled:hover,
form textarea.disabled:hover,
form select.disabled:hover
{
	background: white;
}

form input[type=text]:hover,
form select:hover,
form textarea:hover
{
	background: #f0f0f0;
}

form input[type=text]:focus,
form select:focus,
form textarea:focus
{
	background: #f0f0f0;
}

form select
{
	height: 30px;
}

/* @group Checkboxen */

form input[type=checkbox]
{
	position: relative;
	top: -1px;
	
	margin-right: 5px;
}

.firefox form input[type=checkbox]
{
	top: 0px;
}

.chrome form input[type=checkbox]
{
	top: -2px;
}

.android form input[type=checkbox]
{
	top: -4px;
}

.ios form input[type=checkbox]
{
	top: -2px;
	border: 1px solid grey;
}

.ie_11 form input[type=checkbox]
{
	top: 0px;
}

/* @end */

/* @group Radio-Buttons */

form input[type=radio]
{
	position: relative;
	margin-right: 5px;
	
	top: 6px;
	vertical-align: top !important;
}

.safari form input[type=radio]
{
	top: 3px;
}

.firefox form input[type=radio]
{
	top: 6px;
}

.android form input[type=radio]
{
	top: 0px;
}

.chrome form input[type=radio]
{
	top: 2px;
}

.ios form input[type=radio]
{
	top: 1px;
	border: 1px solid grey;
}

.ie_11 form input[type=radio]
{
	top: 7px;
}

/* @end */

/* @end */

/* @group Gravity Forms */

.content .gform_wrapper .gform_body
{
	width: 100%;
	min-width: 100%;
}

.gform_wrapper form
{
	width: 100%;
	min-width: 100%;
}

.gform_wrapper .gfield
{
	position: relative;
}

.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio
{
	width: 100% !important;
}

.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label
{
	font-size: 14px !important;
	line-height: 120%;
	max-width: 90% !important;
}

.gform_wrapper .gfield .ginput_container.ginput_complex label
{
	margin-bottom: 0;
}

.gform_wrapper .gfield .gfield_label
{
	padding-top: 6px;
	padding-left: 2px;
}

.gform_wrapper .gfield.disabled .gfield_radio *
{
	cursor: default;
}

.gform_wrapper .gfield.check_box
{
	margin-top: 20px;
}

.gform_wrapper .gfield.check_box .gfield_label
{
	padding-top: 1px;
}

.gform_wrapper .gfield.radio_buttons .gfield_label
{
	padding-top: 1px;
}

#top .gform_wrapper .gfield .ginput_container input.large
{
	width: 96.8%;
}

.gform_wrapper .gfield .ginput_container_select select
{
	width: 67.8% !important;
}

.gform_wrapper .gfield_required
{
	position: relative;
	top: -2px;
	margin-left: 2px !important;
	
	font-weight: normal;
	font-size: 80%;
}

.gform_wrapper .gfield_required .gfield_required_asterisk
{
	color: #f80202;
}

.gform_wrapper .ginput_container_date
{
	overflow: hidden;
}

#top .gform_wrapper .ginput_complex.ginput_container
{
	width: 70%;
}

.gform_wrapper .gfield_description,
.gform_wrapper .ginput_complex.ginput_container label,
.gform_wrapper .ginput_container_date label
{
	padding-left: 2px;
	padding-top: 8px;
	
	font-family: inherit !important;
	letter-spacing: 0 !important;
	font-size: 12px !important;
	line-height: 120% !important;
}

.gform_wrapper .gfield_description
{
	padding-top: 0 !important;
}

.gform_wrapper .gfield .ginput_counter
{
	margin-left: 0 !important;
}

.gform_wrapper .gfield_visibility_hidden
{
	display: none;
}

#gforms_confirmation_message
{
	margin-top: 20px;
	padding: 20px;
	
	font-size: 20px;
	line-height: 120%;
	
	color: white;
	background: #41ae28;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* @group Fehler: Formular */

.gform_wrapper .gform_validation_errors
{
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

/* @end */

/* @group Fehler: Formularflelder */

.gform_wrapper .gfield_error
{
	border: 2px solid #721c24 !important;
}

.gform_wrapper .gfield_error .gfield_label
{
	margin-left: 0 !important;
	padding-left: 10px;
	
	color: #721c24 !important;
}

.gform_wrapper .gfield_error .ginput_container input
{
	border-color: #721c24 !important;
}

.gform_wrapper .gfield_error .ginput_container
{
	
}

.gform_wrapper .gfield_error .ginput_container .ginput_container_date
{
	margin-left: 0 !important;
	margin-top: 0 !important;
}

.gform_wrapper .gfield_error .validation_message
{
	width: 70% !important;
	margin-top: 10px;
	margin-bottom: 10px;	
	
	color: #721c24;
	font-weight: normal;
}



/* @end */

/* @group Hinweise */

.gform_wrapper .gfield_html.alert
{
	padding-left: 0;
}

.gform_wrapper .gfield_html.alert .alert-danger,
.gform_wrapper .gfield_html.alert .alert-danger *
{
	color: #721c24;
}

.gform_wrapper .gfield_html.alert .alert-warning,
.gform_wrapper .gfield_html.alert .alert-warning *
{
	color: #856404;
}

/* @end */

/* @group Icons Validierung */

.gform_wrapper .gfield.validation_success:after,
.gform_wrapper .gfield.validation_failed:after
{
	content: "\f058";
	
	position: absolute;
	z-index: 1;
	top: -4px;
	right: 5px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	line-height: 40px;
	
	color: #30b12b;
}

.gform_wrapper .gform_fields.top_label .gfield.validation_success:after,
.gform_wrapper .gform_fields.top_label .gfield.validation_failed:after
{
	top: 29px;
}

.gform_wrapper .gfield.validation_failed:after
{
	content: "\f137";
	
	color: #de0202;
}

.gform_wrapper .gfield.gfield_error:after
{
	display: none;
}

.gform_wrapper .gfield.gf_collapse.validation_success:after,
.gform_wrapper .gfield.gf_collapse.validation_failed:after
{
	top: 5px;
}

.gform_wrapper .gfield.validation_success .validation_success
{
	border: 1px solid rgba(48, 177, 43, 1);
}

.gform_wrapper .gfield.validation_failed .validation_failed
{
	border: 1px solid rgba(222, 2, 2, 1);
}


/* @end */

/* @group Absatzformate */

.gform_wrapper .gfield.gfield_html,
body#top .gform_wrapper form .left_label li.gfield_html_formatted
{
	margin-left: 0 !important;
	width: 99.8%;
	
	padding-right: 0;
}

h2.form_headline,
.gform_wrapper .gfield.gfield_html h2.form_headline
{
	margin-top: 30px;
	padding: 5px 10px 8px 10px;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	
	color: white;
	background: #006bad;
}

.gform_wrapper .gfield.gfield_html h2.form_headline:before
{
	content: "";
	
	position: relative;
	top: -1px;
	
	display: inline-block;
	margin-left: 3px;
	margin-right: 10px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
}

/* @end */

/* @group Anreden */

.gform_wrapper .gfield.anrede ul
{
	overflow: hidden;
}

.gform_wrapper .gfield.anrede ul li
{
	float: left;
	width: 15%;
}

/* @end */

/* @group Anschrift */

.gform_wrapper .gfield.anschrift .ginput_container .name_first
{
	width: 80%;
}

.gform_wrapper .gfield.anschrift .ginput_container .name_last
{
	width: 20%;
}

.gform_wrapper .gfield.anschrift .ginput_container .name_last input
{
	width: 94%;
}

.gform_wrapper .gfield.plz_ort .gfield_label
{
	visibility: hidden;
}

.gform_wrapper .gfield.plz_ort .ginput_container .name_first
{
	width: 20%;
}

.gform_wrapper .gfield.plz_ort .ginput_container .name_last
{
	width: 80%;
}

.gform_wrapper .gfield.plz_ort .ginput_container .name_last input
{
	width: 98.4%;
}

/* @end */

/* @group Geburtsdatum */

.gform_wrapper .gfield.geburtsdatum .clear-multi
{
	margin-left: 0 !important;
}

.gform_wrapper .gfield.geburtsdatum .ginput_container.ginput_container_date
{
	margin-left: 0 !important;
}

.gform_wrapper .gfield.geburtsdatum input
{
	text-align: center;
}

.gform_wrapper .gfield.geburtsdatum .gfield_date_day label
{
	
}

.gform_wrapper .gfield.geburtsdatum .gfield_date_month label
{
	
}

.gform_wrapper .gfield.geburtsdatum .gfield_date_year input[type="number"]
{
	width: 100% !important;
}

/* @end */

/* @group Nationalität / Land */

.gform_wrapper .gfield.nationalitaet .ginput_container select,
.gform_wrapper .gfield.land .ginput_container select
{
	width: 93.6%;
}

.gform_wrapper .gfield.nationalitaet .ginput_container label,
.gform_wrapper .gfield.land .ginput_container label
{
	display: none;
}

/* @end */

/* @group Textfelder */

.gform_wrapper .gfield textarea
{
	width: 96.8% !important;
}

/* @end */

/* @group Felder deaktiviert */

.gform_wrapper .gfield.disabled input
{
	border-color: #f5f5f5;
	background: #f5f5f5;
	
	color: #4d4d4d;
	-webkit-text-fill-color: #4d4d4d;
	opacity: 1; /* required on iOS */
	
	cursor: default;
}

/* @end */

/* @group Infoboxen */

.gform_wrapper .gfield.infobox,
body#top .gform_wrapper form .left_label li.gfield_html_formatted.infobox
{
	overflow: visible;
	
	position: relative;
	left: 3px;
	width: 66.3% !important;
	
	margin-left: 28% !important;
	margin-top: 20px !important;
	margin-bottom: 20px;
	padding: 7px 10px;
	
	border-color: transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	
	background: #e1e1e1;
}

.gform_wrapper .gfield.infobox:after
{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #e1e1e1;
	border-width: 14px;
	margin-left: -14px;
}

.gform_wrapper .gfield.infobox.arrow_top:after
{
	top: auto;
	bottom: 100%;
	border-top-color: transparent;
	border-bottom-color: #e1e1e1;
}

.gform_wrapper .gfield.infobox h3
{
	margin-bottom: 4px;
	color: black;
	
	font-weight: bold;
	font-size: 14px;
	line-height: 140%;
}

#main .gform_wrapper .gfield.infobox ul
{
	margin: 0.8em 0 0.8em 20px !important;
}

#main .gform_wrapper .gfield.infobox ul li
{
	margin-bottom: 0.3em !important;
}

.gform_wrapper .gfield.infobox *
{
	color: black;
	
	font-size: 12px;
	line-height: 140%;
}

.gform_wrapper .gfield.infobox p:last-of-type
{
	margin-bottom: 3px;
}

/* @group Fehlerhinweis */

.gform_wrapper .gfield.infobox.fehlerhinweis
{
	display: none;
}

.gform_wrapper .gfield.infobox.fehlerhinweis,
.gform_wrapper .gfield.infobox.fehlerhinweis *
{
	color: #de0202 !important;
	background-color: #FFDFE0 !important;
}

.gform_wrapper .gfield.infobox.fehlerhinweis:after
{
	border-bottom-color: #FFDFE0;
}

/* @end */

/* @group Ausklappboxen */

.gform_wrapper .gfield.infobox a.collapse_trigger:before
{
	margin-top: 2px;
	margin-right: 8px;
	
	color: #006bad;
	background: white;
}

.gform_wrapper .gfield.infobox .collapse_title
{
	margin-top: 12px;
	margin-bottom: 8px;
}

.gform_wrapper .gfield.infobox .collapse_title a
{
	font-weight: normal;
	color: #006bad;
	
	line-height: 23px;
}

/* @end */

/* @end */

/* @group Collapse */

#top .gform_wrapper .gfield.gf_collapse
{
	overflow: hidden;
	margin: 0;
	padding: 3px 0 5px 0;
	
	background-color: #fbfbfb;
	
	border-color: #006bad !important;
	border-left: 1px solid;
	border-right: 1px solid;
}

.gform_wrapper .gfield.gf_collapse .gfield_label
{
	padding-top: 6px;
	padding-left: 10px;
}

.gform_wrapper .gfield.gf_collapse.radio_buttons .gfield_label
{
	padding-top: 19px;
}

.gform_wrapper .gfield.gf_collapse_top
{
	padding-top: 8px;
	
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	
	border-top: 1px solid;
}

.gform_wrapper .gfield.gf_collapse_bottom
{
	margin-bottom: 20px;
	padding-bottom: 12px;
	
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	
	border-bottom: 1px solid;
}

#top .gform_wrapper .gfield.gf_collapse .gfield_radio,
#top .gform_wrapper .gfield.gf_collapse .ginput_container.ginput_complex
{
	position: relative;
	left: -5px;
	
	width: 68.7%;
}

.gform_wrapper .gfield.gf_collapse.validation_success:after,
.gform_wrapper .gfield.gf_collapse.validation_failed:after
{
	content: "\f058";
	
	position: absolute;
	top: 0px;
	right: 5px;
}

/* @end */

/* @group Footer & Buttons */

.gform_wrapper .gform_footer.left_label,
.gform_wrapper .gform_page_footer.left_label
{
	margin-left: 28.3%;
}

.gform_wrapper .gform_footer .gform_ajax_spinner
{
	display: none;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_page_footer input.button
{
	font-size: 18px;
	font-weight: bold;
}

.gform_wrapper .gform_footer input.disabled,
.gform_wrapper .gform_page_footer input.disabled
{
	visibility: hidden;
	position: absolute;
	right: 0;
}

.gform_wrapper .gform_footer a.button:before,
.gform_wrapper .gform_page_footer a.button:before
{
	content: "\f054\f054";
	
	display: inline-block;
	margin-right: 5px;
	
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 90%;
	line-height: 70%;
}

/* @end */

/* @end */

/* @group Datepicker */

#ui-datepicker-div 
{
	background: lightgrey;
}

#ui-datepicker-div .ui-datepicker-header select
{
	color: black;
	font-size: 12px;
}

#ui-datepicker-div .ui-datepicker-header select
{
	margin-right: 5px;
}

/* @end */

/* @end */

/* @group Video- und Overlay-Buttons */

.content .buttons
{
	overflow: hidden;	
}

.content .buttons a:hover
{
	opacity: 0.8;
}

.content a.video_button,
.content a.trigger_360_grad
{
	float: left;
	overflow: hidden;
	
	width: 97px;
	height: 74px;	
	
	margin-bottom: 12px;
	margin-right: 6px;
	text-indent: -1000em;
	
	background-repeat: no-repeat;
	background-size: cover;
	
	cursor: pointer;
}

.content a.google_play
{
	background-image: url(images/buttons/produktvideo-google-play.png);
}

.content a.video
{
	background-image: url(images/buttons/video.png);
}

.content a.trigger_360_grad
{
	background-image: url(images/buttons/360-grad-ansicht.png);
}

/* @end */

/* @group Overlays Magnific Popup */

.overlay_360_grad .mfp-container
{
	padding: 20px;
}

.overlay_360_grad .mfp-container .mfp-content
{
	width: 98%;
	max-width: 900px;
	
	height: 98%;
	max-height: 700px;
}

.overlay_360_grad .mfp-container .mfp-content .mfp-iframe-scaler
{
	width: 100%;
	height: 100%;
	padding: 0;
}

.mfp-container .mfp-content .mfp-img
{
	max-height: 90vh !important;
	padding: 20px;
	background: white;
}

.mfp-container .mfp-content .mfp-close
{
	top: -40px;
}

.mfp-container .mfp-content .mfp-bottom-bar
{
	margin-top: 7px;
}

/* @end */

/* @group Overlays Bootstrap */

.modal-header 
{
	text-align: left;
}

.modal-header .close span
{
	font-size: 21px;
}

.modal-body 
{
	overflow: hidden;
	
	text-align: left;
}

.modal-body .content h1.page_title
{
	display: none;
}

.modal-body h1:first-of-type,
.modal-body .content .inner > h2:first-of-type
{
	margin-top: 0;
}

.modal-content .modal-header .modal-title
{
	margin: 0 30px 0 0;
	
	font-weight: bold;
	font-size: 18px;
	line-height: 120%;
	
	color: inherit;
}

.kachel.details .modal-content .modal-footer
{
	justify-content: space-between;
}

.modal-content .modal-footer button.overlay_close
{
	float: left;
}

.modal-content .modal-footer .btn-primary
{
	font-weight: bold;
}

/* @end */

/* @group Videos */

.embed-container
{
	position: relative;
	margin: 20px 0;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video
{
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* @end */



/* @end */

/* @group Seite */

html
{
	overflow-y: scroll;
}

body
{
	position: relative;
	
	background: #2c3d51;
}

.container
{
	position: relative;
	
	width: 984px;
	min-width: 984px;
	
	margin: 0 auto;
	padding: 0;
	
	color: #4d4d4d;
	background: #ffffff;
}

.container:after /* Clear Floats */
{
	content: "";
	clear: both;
    display: table;
    zoom: 1;
}

a,
a:focus,
a:hover
{
	cursor: pointer;
	color: #006bad;
	text-decoration: none;
}

.hide
{
	display: none !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
details > summary:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible 
{
	outline: 4px solid #046ebc !important;
	outline-offset: 2px;
	border-radius: 4px;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
	border: 0;
	padding: 0;
}

/* @end */

/* @group Header */

#page_header
{
	position: relative;
	background-color: white;
}

#page_header:before
{
	content: " ";
	
	position: absolute;
	
	left: 0;
	top: 0;
	
	width: 50%;
	height: 25px;
	
	background: #c6c6c4;
}

#page_header:after
{
	content: " ";
	
	position: absolute;
	right: 0;
	top: 0;
	
	width: 50%;
	height: 108px;
	
	background: #c7d1dd;
}

#page_header .container
{
	overflow: hidden;
	background: url(images/head_background.jpg);
}

#page_header .container
{
	z-index: 2;
	height: 134px;
	
	background-repeat: no-repeat;
}

/* @group Logo */

#head_logo
{
	display: block;
	width: 280px;
	height: auto;
	
	margin-top: 65px;
	padding-left: 30px;
}

#head_logo_img
{
	display: block;
	width: 100%;
	height: auto;
}

#head_logo_img_small
{
	display: none;
}

/* @group Deutschlandfahne */

#head_logo .dfahne
{
	position: absolute;
	top: 25px;
	left: 0;
	
	width: 10px;
	height: 109px;
}

#head_logo .dfahne span
{
	display: block;
	height: 33.3%;
}

#head_logo .dfahne span.schwarz
{
	background: black;
}

#head_logo .dfahne span.rot
{
	background: #e50102;
}

#head_logo .dfahne span.gold
{
	background: #f8d203;
}

/* @end */

/* @end */

/* @group Slideshow */

#head_slideshow
{
	position: absolute;
	right: 0;
	top: 0;
	
	width: 666px;
	height: 102px;
}

#head_slideshow li
{
	position: absolute;
	left: 0;
	top: 0;
}

#head_slideshow li img
{
	max-width: 100%;
	height: auto;
}

/* @end */

/* @group Head-Image */

#head_image
{
	position: absolute;
	right: 0;
	top: 0;
	
	width: 666px;
	height: 102px;
}

#head_image li
{
	position: absolute;
	left: 0;
	top: 0;
}

#head_image li img
{
	max-width: 100%;
	height: auto;
}

/* @end */

/* @end */

/* @group Navigation */

#top_nav
{
	position: relative;
	z-index: 101;
	
	width: 100% !important;
	min-height: 40px;
	
	background-color: #008bd2;
	background-image: -webkit-gradient(linear, 0 0, 0 30.125, color-stop(0.066, #01afe0), color-stop(0.833, #0077ca), to(#0070c7));
	background-image: -webkit-linear-gradient(#01afe0 6.6%, #0077ca 83.3%, #0070c7);
	background-image: -moz-linear-gradient(#01afe0 6.6%, #0077ca 83.3%, #0070c7);
	background-image: -o-linear-gradient(#01afe0 6.6%, #0077ca 83.3%, #0070c7);
	background-image: linear-gradient(#01afe0 6.6%, #0077ca 83.3%, #0070c7);
}

#top_nav .container
{
	background: transparent;
}

/* @group Ebene 1 */

#top_nav ul
{
	
}

#top_nav ul li
{
	float: left;
	
	border-right: 1px solid rgba(255, 255, 255, 1);
}

#top_nav ul li:first-of-type
{
	border-left: 1px solid rgba(255, 255, 255, 1);
}

#top_nav ul li a
{
	display: block;
	padding: 10px 36.8px;
	
	font-weight: 600;
	text-align: center;
	
	text-decoration: none;
	white-space: nowrap;
	
	color: white;
	
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
}

#top_nav ul li:hover a,
#top_nav ul li:focus-within a,
#top_nav ul li.current-menu-item a,
#top_nav ul li.current-menu-ancestor a,
#top_nav ul li.current-post-ancestor a,
#top_nav ul li.current-category-ancestor a,
.tag #top_nav ul li.menu-item-type-taxonomy a
{
	color: #006bad;
	background: rgba(255, 255, 255, 0.8);
	
	transition: all 10ms linear;
	-webkit-transition: all 10ms linear;
	-moz-transition: all 10ms linear;
	-o-transition: all 10ms linear;
}

#top_nav ul li a:focus-visible
{
	outline: 4px solid #ffffff !important;
	outline-offset: 0px;
	border-radius: 4px;	
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}

/* @end */

/* @group Mobile Navigation */

#top_nav .fa-bars
{
	display: none;
}

#menu-header-menue-mobile
{	
	display: none;
}

/* @end */

/* @end */

/* @group Hauptbereich */

/* @group Container */

#main
{
	margin-top: 15px;
}

#main .container
{
	background: none;
}

#main #page_content
{
	float: left;
	width: 789px;
	
	min-height: 604px;
	margin-right: 190px;
	
	background: white;
	
	border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	-ms-border-radius: 10px 0 0 0;
}

#main #page_content.full_with
{
	float: none;
	width: 100%;
	margin-right: 0;
}

#main #page_content:after /* Clear Floats */
{
	content: "";
	clear: both;
    display: table;
    zoom: 1;
}

#main #page_content .inner
{
	position: relative;
	margin: 20px;
}

#main #page_content .inner:after /* Clear Floats */
{
	content: "";
	clear: both;
    display: table;
    zoom: 1;
}

/* @end */

/* @group Schritte */

#steps
{
	display: table;
	width: 100%;
	
	margin: 40px 0 20px 0;
}

#steps .step
{
	display: table-cell;
	width: 20%;
	padding: 10px;
		
	font-weight: bold;
	text-align: center;
	
	color: #006bad;
	background: #ccddea;
	
	border-right: 1px solid white;
}

#steps .step:last-child
{
	border: none;
}

#steps .step.active
{
	color: white;
	background-color: #006bad;
}

#steps .step.completed
{
	color: white;
	background-color: #30b12b;
}

#steps .step .number
{
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	
	margin-right: 10px;
	
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	
	color: #006bad;
	background: white;
	
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#steps .step_completed .number
{
	color: #30b12b;
}

/* @end */

/* @group Vor-Zurück-Buttons */

.next_back_buttons
{
	margin-top: 40px;
}

.next_back_buttons.top
{
	position: absolute;
	right: 0;
	top: 0;
	
	margin-top: 0;
}

.next_back_buttons .back
{
	
}

.next_back_buttons .next
{
	float: right;
	
	background: #f80202;
}

.next_back_buttons .pflichtfelder
{
	display: block;
	clear: both;	
	
	padding-top: 15px;
}

.next_back_buttons .pflichtfelder .gfield_required_asterisk
{
	color: #f80202;
}

/* @end */

/* @group Kacheln & Modals */

.kachel_container 
{
	margin-top: 20px;
	overflow: hidden;
}

.kachel_container .kachel
{
	position: relative;
	overflow: hidden;
	
	float: left;
	width: 49%;
	height: 350px;
	margin-bottom: 2%;
	
	border:  1px solid #c7d1dd;
}

.kachel_container .kachel:nth-child(odd)
{
	margin-right: 2%;
}



/* @group Details-Container */

.kachel.details
{
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
}

/* @end */

/* @group Ribbon */

.kachel .ribbon
{
	position: absolute;
	top: -20px;
	right: -20px;
  
	width: 150px;
	height: 150px;
	overflow: hidden;
}

.kachel .ribbon span
{
	position: absolute;
	left: -25px;
	top: 30px;
	transform: rotate(45deg);
  
	display: block;
	width: 250px;
	padding: 5px 0;
	background-color: #e30613;
	color: #fff;
 
	font-weight: bold;
	font-size: 12px;
	line-height: 120%;
	text-align: center;
}

/* @end */

/* @group Titel */

.kachel h2
{
	margin: 10px;
	line-height: 120%;
}

.kachel.details h2
{
	margin: 0;
}

.kachel.tipp_der_woche h2
{
	color: #e30613;
}

.kachel h2 small
{
	display: block;
	font-size: 16px;
	line-height: 120%;
}

/* @end */

/* @group Bildbox */

.kachel .bild_box
{
	float: left;
	width: 40%;
	
	margin-top: 5px;
	margin-left: 2%;
	
	text-align: center;
}

.kachel.details .bild_box
{
	margin-left: 0;
}

.kachel .bild_box img
{
	max-width: 100%;
	height: auto;
}

.kachel_container .kachel .bild_box img
{
	height: 220px !important;
	width: auto !important;
	
	object-fit: contain;
	object-position: top;
}

.kachel.ribbon_active .bild_box img
{
	max-height: 180px;
	width: auto;
}

/* @end */

/* @group Galerien */

.kachel .bild_box .galerie_nav
{
	margin-top: -4px;
	padding-bottom: 20px;
	text-align: center;
}

.kachel .bild_box .galerie_nav img
{
	height: 60px;
	width: auto;
	margin-right: 5px;
	padding: 5px;
	
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0);
}

.kachel .bild_box .galerie_nav img:last-child
{
	margin-right: 0;
}

.kachel .bild_box .galerie_nav img:hover,
.kachel .bild_box .galerie_nav img.active
{
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 3px;
}

.kachel .bild_box .galerie_box
{
	text-align: center;
}

.kachel .bild_box .galerie_box img
{
	width: 100%;
	max-height: 500px;
	
	object-fit: contain;
	object-position: top;
}

.kachel .bild_box .galerie_box img:not(:first-child)
{
	display: none;
}

/* @end */

/* @group Textbox */

.kachel .text_box
{
	float: right;
	width: 52%;
	margin-right: 2%;
	
	font-weight: 600;	
}

.kachel.details .text_box
{
	width: 56%;
	min-height: 450px;
	margin-right: 0;
}

.kachel.details .text_box .beschreibung.produkt.mobile
{
	display: none;
}

/* @group Absatzformate */

.kachel .text_box h2
{
	margin-bottom: 4px;
}

.kachel .text_box p
{
	line-height: 125%;
	margin-bottom: 8px;
	hyphens: auto;
}

/* @end */

/* @group Links */

.kachel .text_box a[href*="overlay"],
.kachel .text_box a.show_text
{
	position: relative;
	top: 1px;
	
	display: inline-block;
	line-height: 0;
}

.kachel .text_box a[href*="overlay"] *,
.kachel .text_box a.show_text *
{
	color: #006bad;
}

/* @end */

/* @group Listen */

.text_box ul
{
	margin-top: 0;
	margin-bottom: 10px;
}

.kachel .text_box ul li
{
	margin-bottom: 4px;
}

.kachel.details .text_box ul li
{
	margin-bottom: 6px;
}

.kachel .text_box ul li:before
{
	line-height: 90%;
}

.kachel .text_box ul li span
{
	display: block;
	line-height: 110%;
}

.kachel .text_box ul li span span
{
	display: inline;
}

.kachel .text_box ul li span del
{
	line-height: 0;
}

.kachel .text_box ul li span del:before
{
	top: -7px;
}

.kachel .text_box ul li .infobox
{
	margin: 6px 0 10px 0;
}

.kachel.details .text_box ul li span
{
	line-height: 130%;
}

/* @end */

/* @group Varianten */

.text_box .varianten_set.farbauswahl
{
	margin-top: 20px;
}

.text_box .varianten_set.farbauswahl label
{
	display: block;
}

.text_box .varianten_set.farbauswahl label input
{
	top: 5px;
}

.text_box .varianten_set.farbauswahl label img
{
	display: none;
}

/* @end */

/* @group Plus-Trenner */

.kachel.details .trenner.plus
{
	margin: 20px 0;
	text-align: center;
}

.kachel.details .trenner.plus .fas
{
	font-size: 40px;
}

/* @end */

/* @group Ausnahmen */

.kachel .text_box .ausnahmen img
{
	max-width: 60%;
	height: auto;
}

/* @end */

/* @end */

/* @group Preis */

.kachel .preis
{
	margin-top: 20px;
	margin-bottom: 20px;
	
	text-align: left;
	font-size: 24px;
	font-weight: bold;
}

.kachel .preis .statt
{
	display: block;
	font-size: 14px;
}

.kachel .preis small
{
	font-size: 14px;
}

.kachel.details .preis
{
	bottom: 35px;
}

/* @group Menge */

.kachel .preis .selection
{
	margin-bottom: 4px;
}

.kachel .preis .selection *
{
	color: black;
	
	font-weight: 600;
	font-size: 12px;
}

.kachel .preis .selection .name
{
	display: inline-block;
	width: 45px;
}

.kachel .preis .selection select
{
	height: auto;
	
	margin: 0;
	padding: 0;	
	
	font-size: 12px !important;
}

.kachel .preis .selection select:disabled
{
	opacity: 0.5;
}

/* @end */

/* @end */

/* @group Icons */

.icons_box
{
	overflow: hidden;
	margin-left: 20px;
}

.icons_box .icon
{
	display: table;
	
	float: left;
	width: 80px;
	height: 80px;
	
	margin-right: 10px;
	margin-bottom: 10px;	
	
	border-radius: 5px;
	border: 2px solid #006bad;
}

.icons_box .icon:last-child
{
	margin-right: 0;
}

.icons_box .icon .inner
{
	display: table-cell;
	vertical-align: middle;
}

.icons_box .icon .inner *
{
	display: block;
	margin-bottom: 3px;
	
	text-align: center;	
	font-weight: bold;
	text-transform: uppercase;
	color: #006bad;
}

.icons_box .icon .inner big
{
	font-size: 18px;
}

.icons_box .icon .inner small
{
	font-size: 13px;	
	line-height: 100% !important;
}

/* @end */

/* @group Buttons */

.kachel_container .kachel .buttons
{
	position: absolute;
	right: 10px;
	bottom: 8px;
	
	width: calc(100% - 18px);
	text-align: right;
}

.kachel_container .kachel.smartphone .buttons .button
{
	width: 41%;
}

.kachel_container .kachel.smartphone .buttons .button.btn-primary
{
	width: 57%;
}

/* @end */

/* @group Top-Angebote */

.kachel_container.top_angebote .kachel:nth-last-of-type(1):nth-child(odd)
{
	width: 100%;
	height: 220px;
}

.kachel_container.top_angebote .kachel:nth-last-of-type(1):nth-child(odd) .bild_box
{
	width: 15%;
}

.kachel_container.top_angebote .kachel:nth-last-of-type(1):nth-child(odd) .text_box
{
	width: 62%;
}

/* @end */

/* @group Bundle-Teaser */

.kachel_container.bundle_teaser
{
	margin-top: 0;
}

.kachel.bundle_teaser
{
	width: 100%;
	margin-bottom: 0;
	
	background: linear-gradient(-45deg, rgba(144,247,236,1) 0%, rgba(144,247,236,0.2) 100%);
}

.kachel.bundle_teaser .bild_box
{
	width: 64%;
}

.kachel.bundle_teaser .text_box
{
	width: 28%;
	padding-top: 6px;
}

.kachel.bundle_teaser .ab_preis
{
	margin-top: 30px;
	color: #e30613;
}

.kachel.bundle_teaser .ab_preis .preis
{
	position: relative;
	bottom: auto;
	margin-bottom: 8px;
}

/* @end */

/* @group Bundles */

.modal .bundle
{
	max-width: 1000px;
}

.kachel.details.bundle .bild_box
{
	width: 30%;
}

.kachel.details.bundle .text_box
{
	float: right;
	width: 68%;
	margin: 0;
}

.kachel .preis .bundle_preis
{
	font-size: 24px;
}

.kachel.details.bundle .preis
{
	bottom: 35px;
}

.kachel.details.bundle .tarif
{
	margin-bottom: 20px;
}

.kachel.details.bundle .tarif .tarifauswahl
{
	margin: 8px 0 20px;
}

.kachel.details.bundle .tarif .icons_box
{
	float: right;
	padding: 0;
}

.kachel.details.bundle .tarif .beschreibung
{
	width: 70%;
}

.kachel.details.bundle .tarif .pdf_link
{
	margin-bottom: 0;
}

.kachel_container .kachel.bundle .buttons .button
{
	width: 100%;
}

/* @end */

/* @group Tarife */

.kachel.tarif
{
	float: none;
	width: 100%;
	
	height: auto;
	min-height: 200px;
	
	overflow: hidden;
}

.kachel.tarif.keine_tarif_optimierung
{
	
}

.kachel.tarif .ribbon
{
	top: -15px;
	right: -15px;
}

.kachel.tarif h2
{
	margin-left: 0;
	margin-bottom: 20px;
}

.kachel.tarif .bild_box
{
	margin: 0;
	padding: 0;
}

.kachel.tarif .text_box
{
	float: left;
	width: 60%;
	margin: 2% 2% 90px 2%;
}

.kachel.tarif .icons_box
{
	float: left;	
	width: 180px;
	padding-top: 25px;
}

.kachel.tarif .preis
{
	position: absolute;
	left: 2%;
	bottom: 15px;
	
	margin: 0;
}

.kachel.tarif.details .bild_box
{
	width: 30%;
}

.kachel.tarif.details .text_box
{
	width: 68%;
}

.kachel.tarif.details .beschreibung.tarif.mobile
{
	display: none;
}
/* DEVELOP */
.kachel.tarif.details .text_box table
{
	margin-bottom: 12px;
}

.kachel.tarif.details .text_box table .sim
{
	float: right;
}

.kachel.tarif.details .text_box table .lte
{
	float: right;
	width: 50px;
	margin-right: 7px;
	
	text-align: center;
	line-height: 35px;
	
	color: white;
	background: #005985;
	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
}

.kachel.tarif.details .text_box .beschreibung small
{
	display: block;
	line-height: 120%;
}

/* @end */

/* @group Zubehör */

.kachel.zubehoer .buttons .button
{
	padding-left: 14px;
	padding-right: 14px;
}

.kachel.zubehoer .button.btn-primary
{
	min-width: 235px;
}

.kachel.zubehoer.active .button .add
{
	display: none;
}

.kachel.zubehoer .button .remove
{
	display: none;
}

.kachel.zubehoer.active .button .remove
{
	display: inline-block;
}

.kachel.details.zubehoer .text_box
{
	min-height: 0;
}

.kachel.details.zubehoer .preis
{	
	margin-top: 20px;
}

/* @group Varianten */

.kachel.zubehoer .bild_box .variante:not(.selected)
{
	display: none;
}

.kachel.zubehoer .preis .variante:not(.selected)
{
	display: none;
}

.kachel.zubehoer .preis .variante .varianten_preis
{
	font-size: 24px;
}

/* @end */

/* @end */

/* @group Tarif-Optionen */

.kachel.tarif_option
{
	float: none;
	width: 100%;
	
	height: auto;
	min-height: 200px;
	
	overflow: hidden;
}

.kachel.tarif_option .bild_box
{
	width: 30%;
	margin-top:  2%;
	margin-bottom: 2%;
}

.kachel.tarif_option .bild_box img
{
	width: 100% !important;
	height: auto !important;
}

.kachel.tarif_option .text_box
{
	width: 62%;
	margin-bottom: 20px;
	
	font-weight: normal;
}

.kachel.tarif_option .text_box h2
{
	margin: 3% 0 1em 0;
}

.kachel.tarif_option .text_box .collapse_title 
{
	margin-top: 20px;
}

.kachel.tarif_option .buttons
{
	position: relative;
	right: 0;
	top: 0;
	margin-bottom: 1.8%;
}

.kachel.tarif_option.active .button .add
{
	display: none;
}

.kachel.tarif_option .button .remove
{
	display: none;
}

.kachel.tarif_option.active .button .remove
{
	display: inline-block;
}

/* @end */

/* @end */

/* @group Produktübersicht */

section.produkt_uebersicht .kachel:last-child
{
	margin-bottom: 0;
}

table.produkt_uebersicht
{
	float: left;
	width: 48%;
	
	margin-right: 2%;
	
	border:  1px solid #c7d1dd;
}

table.produkt_uebersicht td.title
{
	width: 45%;
}

table.produkt_uebersicht td h2
{
	margin: 0;
}

table.produkt_uebersicht td p
{
	margin: 0;
}

/* @end */

/* @group Tarifübersicht */

section.tarif_uebersicht .kachel:last-child
{
	margin-bottom: 0;
}

table.tarif_uebersicht
{
	margin-top: 40px;
	margin-bottom: 10px;
	
	border:  1px solid #c7d1dd;
}

table.tarif_uebersicht:first-child
{
	margin-top: 0;
}

table.tarif_uebersicht td.title
{
	width: 45%;
}

table.tarif_uebersicht td h2
{
	margin: 0;
}

table.tarif_uebersicht td p
{
	margin: 0;
}

/* @end */

/* @group Overlays */

/* @group weitere Handy-Modelle */

#weitere_handy_modelle
{
	margin-bottom: 20px;
}

/* @end */

/* @end */

/* @group Kontaktfelder */

#kontaktfelder
{
	margin: 40px 0;
	
	border-bottom: 1px dotted;
}

#kontaktfelder .entry
{
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 30px;
	
	border-top: 1px dotted;
}

#kontaktfelder .entry .logo
{
	float: left;
	width: 27%;
	margin-right: 3%;
	
	padding: 2px;
}

#kontaktfelder .entry .logo img
{
	width: 100%;
	height: auto;
	
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}

#kontaktfelder .entry .kontaktdaten
{
	float: left;
	width: 32%;
	margin-right: 3%;
	
	overflow: hidden;
}

#kontaktfelder .entry .kontaktinfos
{
	float: left;
	width: 35%;
	
	overflow: hidden;
}

/* @end */

/* @group Formular: Kundendaten */

form.kundendaten
{
	margin-bottom: 80px !important;
}

form.kundendaten h2
{
	margin-top: 0;
	margin-bottom: 5px;
	
	font-weight: 600;
}

form.kundendaten hr
{
	margin-top: 0;
}

form.kundendaten .gfield.abfrage .gfield_label
{
	display: none;
}

form.kundendaten .gform_footer
{
	position: absolute;
	left: -1000em;
}

/* @end */

/* @group Seite: Vertragsverlängerung */

.home #page_content h2
{
	margin-top: 30px;
}

/* @group Wertscheck */

#page_content .wertscheck
{
	float: right;
	
	width: 50%;
	margin: -55px 0 20px 20px;
	
	cursor: pointer;
	
}

#page_content .wertscheck a.button
{
	display: block;	
	margin-top: 18px;
	
	color: white !important;
}

/* @end */

/* @group Vorteilsbox */

#page_content table.vorteilsbox
{
	width: 450px;
	margin-bottom: 20px;
}

#page_content table.vorteilsbox tr td
{
	width: 33%;
	padding: 10px 0 15px 0;
	
	font-weight: bold;
	font-size: 18px;
	line-height: 130%;
	
	text-align: center;
	vertical-align: middle;
	
	color: white;
	background: #006bad;
	
	border-right: 2px solid white;
}

#page_content table.vorteilsbox tr td.left
{
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#page_content table.vorteilsbox tr td.right
{
	border: none;
	
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* @end */

/* @group Siegel */

#page_content .siegel
{
	float: right;
	width: 50%;
	margin-top: 20px;
	
	text-align: center;
	padding: 20px 10px 1px;
	
	background: rgba(0, 0, 0, 0.08);
	
	border-radius: 5px;
}

#page_content .siegel .wrapper,
#page_content .siegel .tp-rating
{
	float: left;	
	width: 190px;	
	margin: 0 10px;
}

#page_content .siegel .wrapper
{
	padding-top: 8px;
}

#page_content .siegel .tp-rating
{
	float: right;
}

/* @end */

/* @group Button unten */

.home #page_content .button.bottom
{
	display: none;
}

/* @end */

/* @end */

/* @group Seite: Online-Anmeldung */

#page_content .muster_position_mobile
{
	display: none;
}

#page_content .anschreiben
{
	position: absolute;
	right: 0;
	z-index: 99;
	
	width: 280px;
	margin-top: 10px;
	
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}

#page_content .anschreiben img
{
	width: 100%;
	height: auto;
}

#page_content .gform_wrapper.anmeldung_wrapper
{
	float: left;
	width: 520px;
	
	margin-top: -10px;
}

#page_content form.anmeldung .alert
{
	margin-top: 20px;
}

.page-id-227 #page_content .gform_validation_errors
{
	max-width: 420px;
	margin-top: 20px;
}

#page_content form.anmeldung.sms .gfield.kundennummer
{
	display: block !important;
	opacity: 0.5;
}

#page_content form.anmeldung .gfield .gfield_label
{
	
}

#page_content form.anmeldung .gfield.validation_success::after,
#page_content form.anmeldung .gfield.validation_failed::after
{
	right: 150px;
}

#page_content form.anmeldung .gfield .ginput_container
{
	
}

#page_content form.anmeldung .gfield .ginput_container_text input
{
	width: 65%;
}

#page_content form.anmeldung .gfield .ginput_container_checkbox
{
	margin-top: 0;
}

#page_content form.anmeldung .gfield .ginput_container_checkbox input
{
	position: absolute;
	top: 6px;
}

.firefox #page_content form.anmeldung .gfield .ginput_container_checkbox input
{
	top: 11px;
}

.chrome #page_content form.anmeldung .gfield .ginput_container_checkbox input
{
	top: 4px;
}

#page_content form.anmeldung .gfield .ginput_container_checkbox label
{
	width: 80%;
	margin-left: 25px;
	margin-top: 8px;
	
	font-weight: normal;
}

#page_content form.anmeldung .gform_footer
{
	
}

#page_content .button.anfrage
{
	margin-top: 20px;
}

/* @end */

/* @group Seite: Tarife */

#weitere_tarife_anzeigen,
#weitere_tarife_verbergen
{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* @end */

/* @group Seite: Daten */

/* @group Daten-Headline */

.gform_wrapper .gfield.headline_daten h2.form_headline:before
{
	content: "\f003";
	top: 0;	
}

/* @end */

/* @group Anrede */

.gform_wrapper .gfield.anrede li:last-child
{
	margin-left: 10px !important;
	width: 25%;
}

/* @end */

/* @group Optins-Headline */

.gform_wrapper .gfield.headline_optins h2.form_headline:before
{
	content: "\f087";
	top: 0;	
}

/* @end */

/* @group Upgrade-Optin Text */

.gform_wrapper .gfield.upgrade_optin_text
{
	margin-bottom: 70px !important;
	hyphens: auto;
}

.gform_wrapper .gfield.upgrade_optin_text:after
{
	left: 12%;
}

.gform_wrapper .gfield.upgrade_optin_text img[src*="teaser-upgrade-optin"]
{
	position: absolute;
	left: -43%;
	top: 0;
	
	width: 39.1%;
}

/* @end */

/* @group Upgrade-Optin Overlay */

.hinweis_upgrade_optin .modal-content .modal-header .modal-title
{
	color: #e30613;
}

.hinweis_upgrade_optin .modal-content .modal-footer .btn-primary
{
	border-color: #2ea836;
	background-color: #2ea836;
}

/* @end */

/* @group Upgrade-Optin */

.gform_wrapper .gfield.upgrade_optin .gfield_label
{
	display: none;
}

.gform_wrapper .gfield.upgrade_optin .gfield_radio li
{
	float: left;
	width: 15%;
}

/* @end */

/* @group Cross-Selling-Optin handyservice Text */

.gform_wrapper .gfield.crossselling_optin_hs_text
{
	hyphens: auto;
}

.gform_wrapper .gfield.crossselling_optin_hs_text:after
{
	left: 12%;
}

/* @end */

/* @group Cross-Selling-Optin handyservcie */

.gform_wrapper .gfield.crossselling_optin_hs .gfield_label
{
	display: none;
}

.gform_wrapper .gfield.crossselling_optin_hs .gfield_radio li
{
	float: left;
	width: 15%;
}

/* @end */

/* @group Cross-Selling-Optin md Text */

.gform_wrapper .gfield.crossselling_optin_md_text
{
	hyphens: auto;
}

.gform_wrapper .gfield.crossselling_optin_md_text:after
{
	left: 12%;
}

/* @end */

/* @group Cross-Selling-Optin md */

.gform_wrapper .gfield.crossselling_optin_md .gfield_label
{
	display: none;
}

.gform_wrapper .gfield.crossselling_optin_md .gfield_radio li
{
	float: left;
	width: 15%;
}

/* @end */

/* @end */

/* @group Seite: Übersicht */

/* @group Overlay Partnerkarten */

/* @group Partnerkarten aktiv */

#partnerkartenformular .partnerkarten_aktiv table
{
	margin-top: 0px;
	margin-bottom: 0px;
	
	border-collapse: separate;
    border-spacing: 0 10px;
}

#partnerkartenformular .partnerkarten_aktiv table tr:not(.partnerkarte),
#partnerkartenformular .partnerkarten_aktiv table tr.partnerkarte_hinzufuegen,
#partnerkartenformular .partnerkarten_aktiv table td.einzelpreis,
#partnerkartenformular .partnerkarten_aktiv table td.menge,
#partnerkartenformular .partnerkarten_aktiv table td.gesamtpreis
{
	display: none;
}

#partnerkartenformular .partnerkarten_aktiv table tr.partnerkarte td
{
	border: 2px solid #006bad;
}

#partnerkartenformular .partnerkarten_aktiv table tr.partnerkarte td.bild
{
	border-right: none;
}

#partnerkartenformular .partnerkarten_aktiv table tr.partnerkarte td.beschreibung
{
	border-left: none;
}

#partnerkartenformular .partnerkarten_aktiv table td
{
	background: white;
}

#partnerkartenformular .partnerkarten_aktiv table td.bild
{
	width: 88px;
}

#partnerkartenformular .partnerkarten_aktiv table td.bild img
{
	width: 60px;
	height: auto;
}

#partnerkartenformular .partnerkarten_aktiv table .change.button
{
	display: none;
}

#partnerkartenformular .partnerkarten_aktiv table .remove.button
{
	padding: 4px 8px;
	
	font-size: 12px;
	color: white;
	
	background: #006bad;
}

#partnerkartenformular .partnerkarten_aktiv table .remove.button:before
{
	margin-right: 5px;
}

/* @end */

/* @group Partnerkarten hinzufügen */

#partnerkartenformular .partnerkarte_hinzufuegen
{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 12px 15px 12px 90px;
	overflow: hidden;
	
	border: 1px solid #c7d1dd;
}

#partnerkartenformular .partnerkarte_hinzufuegen img
{
	float: left;
	margin: -10px 20px -10px -80px;
	
	width: 60px;
	height: auto;
}

#partnerkartenformular .partnerkarte_hinzufuegen label
{
	display: flex;
	align-items: flex-start;
	
	margin-bottom: 6px;
}

#partnerkartenformular .partnerkarte_hinzufuegen label input[type="radio"]
{
	top: 4px;
}

#partnerkartenformular .partnerkarte_hinzufuegen label p
{
	margin-bottom: 0;
}

#partnerkartenformular .partnerkarte_hinzufuegen label .collapse_title 
{
	margin-left: -2px;
	margin-bottom: 0;
	
	font-weight: normal;
}

#partnerkartenformular .partnerkarte_hinzufuegen label .collapse_title a
{
	padding-left: 18px;
}

#partnerkartenformular .partnerkarte_hinzufuegen label .collapse_title a:before
{
	top: 2px;
	padding: 4px 3px;
	
	color: #006bad;
	background: white;
}

#partnerkartenformular .partnerkarte_hinzufuegen label .collapse_wrapper .well
{
	margin-bottom: 15px;
	padding: 5px 0 0 0;
}

#partnerkartenformular .partnerkarte_hinzufuegen label .collapse_wrapper .well *
{
	font-size: 12px;
	line-height: 1.4;
}

/* @end */

/* @group Hinweise */

#partnerkartenformular .hinweis
{
	display: none;
	margin: 20px 0 0 0;	
}

/* @end */

/* @group Buttons */

.modal.partnerkarten .modal-footer .btn.overlay_close
{
	display: none;
}

/* @end */

/* @end */

/* @group Formular allgemein */

form.uebersicht
{
	margin-bottom: 80px !important;
}

/* @end */

/* @group Bestellung Headline */

.gform_wrapper .gfield.headline_bestellung h2.form_headline:before
{
	content: "\f291";
}

/* @end */

/* @group Handyschutz Info */

.gform_wrapper .gfield.handyschutz_info
{
	
}

.gform_wrapper .gfield.handyschutz_info:after
{
	left: 9%;
}

.gform_wrapper .gfield.handyschutz_info img
{
	position: absolute;
	left: -43%;
	top: 0;
	
	width: 39.1%;
}

/* @end */

/* @group Handyschutz */

.gform_wrapper .gfield.handyschutz label
{
	padding: 2px;
}

/* @end */

/* @group Tabelle Bestellung */

table#bestellung
{
	margin-bottom: 20px;
}

table#bestellung tr
{
	border-bottom: 1px solid #006bad;
}

table#bestellung th
{
	color: white;
}

table#bestellung td
{
	padding: 10px;
	background: white;
}

table#bestellung td.bild img
{
	max-width: 120px !important;
	height: auto;
}

table#bestellung tr.partnerkarte td.bild
{
	text-align: center;
}

table#bestellung tr.partnerkarte td.bild img
{
	max-width: 80px !important;
}

table#bestellung td.beschreibung .change.button
{
	padding: 4px 8px;
	
	font-size: 12px;
	color: white;
}

table#bestellung td.beschreibung
{
	
}

table#bestellung td.beschreibung .change.button:before
{
	display: none;
}

table#bestellung td.beschreibung .remove.button
{
	display: none;
}

table#bestellung td.einzelpreis
{
	text-align: right;
}

table#bestellung td.menge
{
	text-align: right;
}

table#bestellung td.gesamtpreis
{
	text-align: right;
	font-weight: bold;
}

table#bestellung tr.rabatt
{
	border-bottom: 2px solid white;
}

table#bestellung tr.rabatt td
{
	background: #30b12b;
}

table#bestellung tr.rabatt td *
{
	color: white;
}

table#bestellung tr.summe td
{
	background: #006bad;
}

table#bestellung tr.summe td *
{
	color: white;
}

/* @end */

/* @group Vertragsbedingungen Infos & Texte */

body#top .gform_wrapper form .left_label li.gfield.vertragsbedingungen_info.infobox
{
	margin-left: 0 !important;
	width: 99.3% !important;
	
	hyphens: auto;
}

.gform_wrapper .gfield.vertragsbedingungen_info:after
{
	left: 37%;
}

.gform_wrapper .gfield.vertragsbedingungen_info.restlaufzeit_vereinbarung_info p:first-of-type
{
	margin-bottom: 30px;
}

.gform_wrapper .gfield.vertragsbedingungen_info.restlaufzeit_vereinbarung_info,
.gform_wrapper .gfield.vertragsbedingungen_info.aufschiebend_bedingte_vertragsverlaengerung_info
{
	margin-bottom: -10px !important;
}

/* @end */

/* @group Vertragsbedingungen */

.gform_wrapper .gfield.vertragseinwilligung .gfield_label
{
	margin-bottom: 8px !important;
	padding-bottom: 0;
}

.gform_wrapper .gfield.vertragseinwilligung .gfield_description
{
	margin-left: 0 !important;
	padding-bottom: 10px;
	width: 99.3% !important;
}

.gform_wrapper .gfield.vertragseinwilligung .gfield_description *
{
	color: rgba(0, 0, 0, .4);
}

.gform_wrapper .gfield.vertragseinwilligung .gfield_description .collapse_trigger
{
	padding-left: 24px;
}

.gform_wrapper .gfield.vertragseinwilligung .gfield_description .collapse_trigger:before
{
	top: 1px;
	padding: 5px 4px;
	background: rgba(0, 0, 0, .2);
}

/* @end */

/* @group Rabattcode */

form.uebersicht .gfield.rabattcode
{
	
}

form.uebersicht .gfield.rabattcode .ginput_container input
{
	float: left;
	margin-right: 15px;
}

form.uebersicht .gfield.rabattcode .ginput_container .button
{
	padding: 7.5px 8px;
	
	color: white;
	font-size: 12px;
}

form.uebersicht .gfield.rabattcode .ginput_container .button .fas
{
	position: relative;
	top: 1px;
	
	display: inline-block;
	margin-left: 6px;
	margin-right: 0;
	
	color: white;	
}

/* @end */

/* @group Zahlungsweise */

form.uebersicht .gfield.zahlungsweise.hidden
{
	position: absolute;
	left: -1000em;
	height: 0;
}

form.uebersicht .gfield.zahlungsweise.no_paypal
{
	padding-bottom: 30px !important;
}

form.uebersicht .gfield.zahlungsweise.no_paypal .gfield_radio .gchoice:last-child
{
	display: none;
}

form.uebersicht .gfield.zahlungsweise .gfield_radio *
{
	height: auto;
}

form.uebersicht .gfield.zahlungsweise .gfield_radio .gchoice
{
	overflow: hidden;
}

form.uebersicht .gfield.zahlungsweise .gfield_radio .gchoice label
{
	font-weight: normal;
}

form.uebersicht  .gfield.zahlungsweise .gfield_radio .gchoice label img
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 8px;
	
	border: 1px solid #006bad;	
	border-radius: 5px;
}

form.uebersicht  .gfield.zahlungsweise .gfield_radio .gchoice label .paypal_logo
{
	padding-top: 10px;
	padding-bottom: 6px;
}

/* @end */

/* @group PayPal-Betrag */

form.uebersicht .gfield.paypal_betrag,
form.uebersicht .gfield.gform_ppcp_custom_card_fields
{
	position: absolute;
	left: -1000em;
	height: 0;
}

/* @end */

/* @group PayPal-Auswahl */

form.uebersicht .gform_footer .gform_ppcp_smart_payment_buttons
{
	
}

form.uebersicht .gform_footer .gform_ppcp_smart_payment_buttons:before
{
	content: "Bitte schließen Sie Ihre Zahlung bei PayPal ab:";
	
	display: block;
	margin-top: -15px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* @end */

/* @group Platzhalter [jetzt kaufen] */

form.uebersicht .gfield.submit_placeholder
{
	margin-bottom: -37px !important;
	margin-bottom: 85px !important;
}

form.uebersicht .gfield.submit_placeholder .button
{
	margin-top: 18px !important;
	margin-left: 29% !important;
	padding: 12px 20px;
	
	font-size: 14px;
	
	cursor: pointer;
	color: white;
	background: #f80202;
}

/* @end */

/* @group Footer */

form.uebersicht .gform_footer .button:not(.back)
{
	background: #f80202;
	border: none;
}

/* @end */

/* @end */

/* @group Seite: Treuevorteile Anmeldunng */

.parent-pageid-2228.current_anmelden #page_content .family_card_teaser
{
	float: right;
	width: 30%;
	
	margin-top: -55px;
}

@media only screen and (max-width: 480px)
{

.parent-pageid-2228.current_anmelden #page_content .family_card_teaser
{
	float: none;
	margin-top: -10px;
	width: auto;
}

}

/* @end */

/* @group Seite: Treuevorteile Übersicht */

.gform_wrapper .uebersicht.tv .gform_footer.left_label
{
	width: 100%;
	margin-left: 0;
}

.gform_wrapper .uebersicht.tv .gform_footer.left_label .next_back_buttons
{
	float: left;
	margin: 0;
}

.gform_wrapper .uebersicht.tv .gform_footer.left_label .gform_button
{
	float: right;
	margin: 0;
}

/* @end */

/* @group Seite: Bestellbestätigung */

.current_bestellbestaetigung #page_content .success_teaser
{
	margin-top: -53px;
}

/* @group Button Doppelvertrag */

.current_bestellbestaetigung #page_content .button.dv_activate
{
	position: relative;
	width: 100%;
	
	margin-top: 20px;
	padding-left: 65px;
	padding-right: 10px;
	
	text-align: left;
}

.current_bestellbestaetigung #page_content .button.dv_activate:before
{
	position: absolute;
	top: 0;
	left: 0;
	
	width: 45px;
	height: 100%;
	
	text-align: center;
	line-height: 480%;
	
	background: rgba(0, 0, 0, 0.2);
}

/* @end */

/* @end */

/* @group Seite: Tarif-Optionen */

.button.weitere_to_anzeigen,
.button.weitere_to_verbergen
{
	display: block;
	width: 100%;
	
	margin-bottom: 22px;
}

.button.weitere_to_verbergen
{
	margin-bottom: 12px;
	background: #e1e1e1;
}

/* @end */

/* @group Seite: Reparatur */

/* @group Button */

.current_reparatur #page_content .button.bestellung
{
	font-size: 22px;	
	color: white;
	background-color: #f80202;
	background-image: -moz-linear-gradient(bottom, #be0000 -25%, #d20101 11.86%, #f90101 50%, #d20101 88.14%, #be0000 125%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #be0000 -25%, #d20101 11.86%, #f90101 50%, #d20101 88.14%, #be0000 125%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #be0000 -25%, #d20101 11.86%, #f90101 50%, #d20101 88.14%, #be0000 125%); /* gradient overlay */
	background-image: linear-gradient(bottom, #be0000 -25%, #d20101 11.86%, #f90101 50%, #d20101 88.14%, #be0000 125%); /* gradient overlay */
	
	border: 5px solid #fae013;
}

.current_reparatur #page_content .button.bestellung:before
{	
	display: none;
}

.current_reparatur #page_content .button.bestellung:hover,
.current_reparatur #page_content .button.bestellung:active,
.current_reparatur #page_content .button.bestellung:focus
{
	background: #f40d1a;
	border: 5px solid #fae013;
	box-shadow: none !important;
}

/* @end */

.current_reparatur #page_content .spalte.links a
{
	
}

.current_reparatur #page_content .spalte.links a:before
{
	margin-right: 10px;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
}

/* @end */

/* @group Seite: Service */

.current_service #page_content .wp-caption .wp-caption-text
{
	font-size: 12px;
	line-height: 140%;
}

/* @end */

/* @group Treuevorteile */

/* @group Tarif-Optionen */

/* @group Tarifoptionen Infobox */

form.tv_tarif_optionen .gfield.tarifupgrade_info
{
	min-height: 200px;
}

form.tv_tarif_optionen .gfield.tarifupgrade_info:after
{
	left: 9%;
}

form.tv_tarif_optionen .gfield.tarifupgrade_info img
{
	position: absolute;
	left: -43%;
	top: 0;
	
	width: 39.1%;
}

/* @end */

/* @group Tarif-Optionen Checkbox */

form.tv_tarif_optionen .gfield.tarifupgrade label
{
	padding: 2px;
}

/* @end */

/* @group Tarif-Optionen Form Footer */

form.tv_tarif_optionen .gform_footer
{
	position: absolute;
	left: -1000em;
}

/* @end */

/* @end */

/* @end */

/* @end */

/* @group Sidebar */

#page_sidebar
{
	position: relative;
	float: right;
	
	right: 200px;
	width: 200px;
	margin-right: -200px;
}

#page_sidebar aside
{	
	overflow: hidden;
	position: relative;
	
	width: 180px;
	height: 180px;
	
	margin-left: auto;
	margin-bottom: 15px;
	padding-top: 7px;
	
	text-align: center;
	
	background: rgba(255, 255, 255, 0.9);
}

#page_sidebar aside:focus-within
{	
	outline: 4px solid #ffffff !important;
	outline-offset: 4px;
	border-radius: 4px;	
}

#page_sidebar aside:focus-within a
{	
	outline: none !important;
}

/* @group Absatzformate */

#page_sidebar aside.text
{
	padding-left: 10px;
	padding-right: 10px;
	
	text-align: left;
}

#page_sidebar aside h3,
#page_sidebar aside h4
{
	color: #4d4d4d;
	font-weight: bold;
	font-size: 16px;
}

#page_sidebar aside.text h3
{
	margin-bottom: 6px;
}

#page_sidebar aside p
{
	font-size: 12px;
	line-height: 130%;
}

/* @end */

/* @group Login-Info */

#page_sidebar .login_info
{
	/* position: sticky;
	z-index: 1;
	top: 0;	
	background: white; */
}

#page_sidebar .login_info h4
{
	margin-top: 5px;
}

#page_sidebar .login_info p,
#page_sidebar .login_info p a
{
	font-size: 12px;
	margin-bottom: 6px;
}

#page_sidebar .login_info p a
{
	text-decoration: underline;
}

#page_sidebar .login_info p.login_info
{
	margin: 12px 0;
	
	font-size: 14px;
	font-weight: bold;
}

/* @end */

/* @group Hotline */

#page_sidebar .hotline
{
	/* position: sticky;
	z-index: 1;
	top: 195px;	
	background: white; */
	
	height: 220px;
	text-align: center;
}

#page_sidebar .hotline .hotline_titel
{
	margin-bottom: 6px;
	
	font-weight: bold;
	font-size: 12px;
	line-height: 120%;
}

#page_sidebar .hotline .hotline_link
{
	margin: 3px 0;
}

#page_sidebar .hotline .hotline_link a
{	
	font-weight: bold;
	font-size: 18px;
}

#page_sidebar .hotline .hotline_zeiten
{
	display: block;
	
	font-size: 11px;
	line-height: 120%;
}

#page_sidebar .hotline img
{
	position: absolute;
	left: 22%;
	bottom: 0;
	
	width: 60%;
	height: auto;
}

/* @end */

/* @group PayPal */

#page_sidebar .paypal
{
	padding: 10px;
}

.treuevorteile #page_sidebar .paypal
{
	display: none;
}

#page_sidebar .paypal img
{
	width: 60%;
	height: auto;
}

/* @end */

/* @group Siegel */

#page_sidebar .siegel
{
	height: auto;
}

#page_sidebar .siegel .wrapper
{
	padding: 0 10px;
}

#page_sidebar .siegel a:before
{
	display: none;
}

/* @end */

/* @group Versand */

#page_sidebar .versand
{
	text-align: center;
}

.treuevorteile #page_sidebar .versand
{
	display: none;
}

#page_sidebar .versand img
{	
	position: absolute;
	left: 28%;
	bottom: 0px;
	
	width: 52%;
	max-width: 140px;
	height: auto;
}

/* @end */

/* @group Trustpilot */

.tp-rating
{
	text-align: center;
	max-width: 255px;
	margin: 0 auto;
	padding: 0 10px 2px 10px;
	box-sizing: border-box;
}

.tp-rating__logo
{
	display: inline-block;
	width: 80%;
	max-width: 185px;
	height: auto;
	margin: 0 0 10px;
}

.tp-rating__stars
{
	display: block;
	width: 100%;
	max-width: 210px;
	height: auto;
	margin: 0 auto 8px;
}

.tp-rating__score
{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	max-width: 210px;
	margin: 0 auto;
	gap: 8px;
	color: #4d4d4d;
}

.tp-rating__value
{
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
}

.tp-rating__text
{
	font-size: 16px;
}

.tp-rating a,
.tp-rating a:hover
{
	text-decoration: none;
}

/* @end */

/* @end */

/* @group Footer */

#page_footer
{
	
}

#page_footer .container
{
	padding-top: 20px;
	background: none;
}

#page_footer.site .container .inner,
.bestellung #page_footer .container .inner
{
	position: relative;
	margin-right: 195px;
}

#page_footer.site.full_with .inner
{
	margin-right: 0;
}

#page_footer .aktionsinfo
{
	position: absolute;
	right: 50px;
	padding: 10px 20px;
	
	color: #efefef;
	font-size: 12px;
}

/* @group Footer-Navigation */

#footer_nav
{
	width: 100%;
	overflow: hidden;
	
	background-color: #edeeee;
	background-image: -moz-linear-gradient(bottom, #d3d1d1 -25%, #e8e9e9 38.21%, #ededed 51.28%, #d3d3d3 123.54%, #d3d3d3 123.9%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #d3d1d1 -25%, #e8e9e9 38.21%, #ededed 51.28%, #d3d3d3 123.54%, #d3d3d3 123.9%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #d3d1d1 -25%, #e8e9e9 38.21%, #ededed 51.28%, #d3d3d3 123.54%, #d3d3d3 123.9%); /* gradient overlay */
	background-image: linear-gradient(bottom, #d3d1d1 -25%, #e8e9e9 38.21%, #ededed 51.28%, #d3d3d3 123.54%, #d3d3d3 123.9%); /* gradient overlay */
}

#footer_nav ul
{
	overflow: hidden;
	margin: 0;
}

#footer_nav ul li
{
	float: left;
}

#footer_nav ul li a
{
	display: block;
	padding: 10px 20px;
	
	color: black;
	text-decoration: none;
}

body:not(.page-template-page-fullwith) #footer_nav ul li a
{
	padding-left: 10px;
	padding-right: 10px;
}

#footer_nav ul li:last-child a
{
	border: 1px solid #006bad;
	margin: 4px;
	padding: 5px 16px;
}

#footer_nav ul li a:hover,
#footer_nav ul li.current-menu-item a
{
	color: white;
	background: darkgray;
}

#footer_nav ul li a:hover,
#footer_nav ul li:focus-within a,
#footer_nav ul li.current-menu-item a
{
	color: white;
	background: #046ebc;
}

#footer_nav ul li a:focus-visible
{
	outline: 4px solid #ffffff !important;
	outline-offset: -4px;
	border-radius: 4px;
}


/* @end */

/* @group Jump Top */

#page_footer .jump_top
{
	position: absolute;
	right: 0;
	margin-top: -40px;
	
	height: 40px;	
	
	color: #efefef;
	font-size: 12px;
	
	background-color: #008bd2;
	background-image: -webkit-gradient(linear, 0 0, 0 30.125, color-stop(0.066, #01afe0), color-stop(0.833, #0077ca), to(#0070c7));
	background-image: -webkit-linear-gradient(#01afe0 6.6%, #0077ca 83.3%, #0070c7);
	background-image: -moz-linear-gradient(#01afe0 6.6%, #0077ca 83.3%, #0070c7);
	background-image: -o-linear-gradient(#01afe0 6.6%, #0077ca 83.3%, #0070c7);
	background-image: linear-gradient(#01afe0 6.6%, #0077ca 83.3%, #0070c7);
}

#page_footer .jump_top .fa
{
	display: block;
	width: 100%;
	height: 40px;
	
	padding: 4px 10px;
	
	font-size: 30px;
}

#page_footer .jump_top:hover .fa
{
	background: rgba(0, 0, 0, 0.3);
	
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.6);
}


/* @end */

/* @group Info Mehrwertsteuer */

#info_mwst
{
	margin: 12px 0;
	padding-left: 20px;
	
	font-size: 12px;
	color: lightgrey;
}

/* @end */

/* @end */



@media only screen and (max-width: 480px)
{

/* @group Inhaltsbereiche */

/* @group Absatzformate */

.content h1.page_title
{
	position: relative;
	top: 0;
	left: -10px;
	
	min-width: 70%;
	max-width: 95%;
	
	margin-bottom: 20px;
	
	font-size: 20px;
		
	border-radius: 0 0 10px 0;
}

.content h2
{
	margin-top: 10px;
}

/* @end */

/* @group Bilder */

#page_content img.alignright,
#page_content .wp-caption.alignright
{
	float: none;
	display: block;
	
	margin: 20px auto 20px auto;
}

#page_content img.alignleft,
#page_content .wp-caption.alignleft
{
	float: none;
	display: block;
	
	margin: 20px auto 20px auto;
}

/* @end */

/* @group Spalten */

.content .spalte.links
{
	clear: both;
	float: none;
	width: 100%;
	margin-bottom: 30px;
}

.content .spalte.rechts
{
	clear: both;
	float: none;
	width: 100%;
}

/* @end */

/* @group Ausklappboxen */

.content .collapse_title.big a
{
	font-size: 16px;
}

/* @end */

/* @group Infoboxen */

.content .infobox:last-child
{
	margin-bottom: 20px;
}

.content .infobox img
{
	margin: 0 0 12px 0 !important;
}

/* @end */

/* @group Formulare */

form input[type=text],
form input[type=number],
form input[type=email],
form textarea,
form select,
form select:focus,
.gform_wrapper input[type=text],
.gform_wrapper input[type=number],
.gform_wrapper input[type=email],
.gform_wrapper textarea
{
	font-size: 16px !important;
}

.gform_wrapper .gfield_description
{
	padding-top: 10px !important;
}

/* @group Gravity Forms */

#top .gform_wrapper .ginput_complex.ginput_container
{
	width: 100%;
}

#top .gform_wrapper .gfield .ginput_container input.large
{
	width: 100% !important;
}

.gform_wrapper .gfield .ginput_container_select select
{
	width: 100% !important;
}



/* @group Anreden */

.gform_wrapper .gfield.anrede ul li
{
	width: 30%;
}

.gform_wrapper .gfield.anrede ul li label
{
	width: auto;
}

/* @end */

/* @group Anschrift */

.gform_wrapper .gfield.anschrift
{
	overflow: hidden;
	margin-bottom: 0 !important;
}

.gform_wrapper .gfield.anschrift .ginput_container .name_first
{
	float: left;
	width: 65%;
}

.gform_wrapper .gfield.anschrift .ginput_container .name_last
{
	float: right;
	width: 30%;
}

.gform_wrapper .gfield.plz_ort
{
	overflow: hidden;
	margin-top: -20px;
}

.gform_wrapper .gfield.plz_ort .gfield_label
{
	display: none;
}

.gform_wrapper .gfield.plz_ort .ginput_container .name_first
{
	float: left;
	width: 20%;
}

.gform_wrapper .gfield.plz_ort .ginput_container .name_last
{
	float: right;
	width: 75%;
}

.gform_wrapper .gfield.plz_ort .ginput_container .name_last input
{
	width: 98.4%;
}

/* @end */

/* @group Icons Validierung */

.gform_wrapper .gfield.validation_success:after,
.gform_wrapper .gfield.validation_failed:not(.radio_buttons, .checkbox):after
{
	display: none;
}


/* @end */

/* @group Infoboxen */

.gform_wrapper .gfield.infobox,
body#top .gform_wrapper form .left_label li.gfield_html_formatted.infobox
{
	left: 0;
	width: 100% !important;
	
	margin-left: 0 !important;
	margin-top: 20px !important;
	margin-bottom: 20px;
	padding: 7px 10px;
	
	border-radius: 3px;	
	background: #e1e1e1;
}

/* @group Ausklappboxen */

.gform_wrapper .gfield.infobox a.collapse_trigger:before
{	
	color: #006bad;
	background: white;
}

.gform_wrapper .gfield.infobox .collapse_title
{
	margin-top: 12px;
}

/* @end */

/* @end */

/* @group Collapse */

#top .gform_wrapper .gfield.gf_collapse
{
	padding: 0 15px 10px;
}

#top .gform_wrapper .gfield.gf_collapse > .wrapper > label
{
	padding-left: 0;
}

#top .gform_wrapper .gfield.gf_collapse .gfield_radio,
#top .gform_wrapper .gfield.gf_collapse .ginput_container.ginput_complex
{
	left: 0;
	
	width: 100%;
}

/* @end */

/* @group Footer & Buttons */

.gform_wrapper .gform_footer
{
	margin-left: 0 !important;
}

.gform_wrapper .gform_page_footer input.button.gform_previous_button
{
	width: auto;
}

/* @end */

/* @group Absatzformate */

h2.form_headline,
.gform_wrapper .gfield.gfield_html h2.form_headline
{
	margin-top: 30px;
}

/* @end */

/* @end */

/* @end */

/* @group Video- und Overlay-Buttons */

.content a.vimeo_button,
.content a.trigger_360_grad,
.content a.google_play,
.content a.video
{	
	width: 80px;
	height: 61px;
}

/* @end */

/* @group Popover */

.popover .popover-content
{
	font-size: 12px;
	line-height: 130%;
}

/* @end */

/* @group Infoboxen */

.content .infobox img
{
	display: block;
	margin: 0 auto 10px auto !important;
}

/* @group 1/2 Breite */

.content .infobox.breite_1_2
{
	float: none;
	width: 100%;
	
	margin: 15px 0;
}

.content .infobox.breite_1_2:nth-child(odd)
{
	float: none;
}

/* @end */

/* @end */

/* @end */

/* @group Seite */

.container
{
	width: 100%;
	min-width: 100%;
}

/* @end */

/* @group Header */

#page_header:before
{
	display: none;
}

#page_header:after
{
	display: none;
}

#page_header .container
{
	height: auto;
	background: none !important;
}

#page_header.sticky
{
	position: fixed;
	z-index: 99;
	
	top: 0;
	width: 100%;
}

.bestellung #page_header.sticky
{
	display: none;
}

/* @group Logo */

#head_logo
{
	display: block;
	width: 100%;
	
	margin-top: 0;
	padding-left: 0;
}

#head_logo_img
{
	display: none;
}

#head_logo_img_small
{
	display: block;
	width: 50%;
	height: auto;
}

.sticky #head_logo_img_small
{
	width: 30%;
}

/* @group Deutschlandfahne */

#head_logo .dfahne
{
	display: none;
}

/* @end */

/* @end */

/* @group Slideshow */

#head_slideshow
{
	width: 50%;
	height: 100%;
}

.sticky #head_slideshow
{
	width: 30%;
	margin-right: 9%;
}

.sticky #head_slideshow:before
{
	content: "";
	
	position: absolute;
	left: -37%;
	z-index: 99;
	
	display: inline-block;
	
	width: 37%;
	height: 100%;
	
	background: #d9d9d9;
}

.sticky #head_slideshow:after
{
	content: "";
	
	position: absolute;
	right: -37%;
	
	width: 37%;
	height: 100%;
	
	background: #d9d9d9;
}

#head_slideshow li img
{
	width: 100%;
	height: auto;
}

/* @end */

/* @group Head-Image */

#head_image
{
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.sticky #head_image
{
	width: 30%;
	margin-right: 9%;
}

.sticky #head_image:before
{
	content: "";
	
	position: absolute;
	left: -37%;
	z-index: 99;
	
	display: inline-block;
	
	width: 37%;
	height: 100%;
	
	background: #d9d9d9;
}

.sticky #head_image:after
{
	content: "";
	
	position: absolute;
	right: -37%;
	
	width: 37%;
	height: 100%;
	
	background: #d9d9d9;
}

#head_image li img
{
	width: 100%;
	height: auto;
}

/* @end */

/* @end */

/* @group Navigation */

#top_nav
{
	min-height: 0;
}

#top_nav.sticky
{
	position: fixed;
	z-index: 99;
	
	width: 100%;
}

/* @group Ebene 1 */

#menu-header-menue li
{
	display: none;
}

#menu-header-menue li:first-child
{
	border-left: none !important;
}

#menu-header-menue li:first-child
{
	display: block;
	width: 40%;
}

#menu-header-menue li:nth-child(2)
{
	display: block;
	width: 30%;
}

#top_nav ul li a
{
	font-size: 12px;
	padding: 5px;
}

#menu-header-menue li:first-child a,
#menu-header-menue li:nth-child(2) a
{
	text-align: center;
}

/* @end */

/* @group Mobile Navigation */

#top_nav .fa
{
	display: block;
	
	position: absolute;
	right: 0;
	top: 0;
	
	width: 30%;
	height: 30px;
	
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	
	color: white;
	cursor: pointer;
	
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
}

#top_nav .fa:hover,
#top_nav .fa.active
{
	background: rgba(0, 0, 0, 0.4);
	
	transition: all 10ms linear;
	-webkit-transition: all 10ms linear;
	-moz-transition: all 10ms linear;
	-o-transition: all 10ms linear;
}

#menu-header-menue-mobile
{
	display: none;
	position: absolute;
	z-index: 10;
	
	width: 31%;
	right: 0;
	top: 100%;
	
	border: 2px solid #0a4576;
}

#top_nav #menu-header-menue-mobile li
{
	float: none;
	background: #006ec6;
	border: none;
}

#menu-header-menue-mobile li:first-child,
#menu-header-menue-mobile li:nth-child(2)
{
	display: none;
}

/* @end */

/* @end */

/* @group Hauptbereich */

#main #page_content
{
	width: 100%;
	margin-right: 0;
	
	border-radius: 0;
}

#main #page_content .inner
{
	margin: 10px;
}

/* @group Schritte */

#steps
{
	
}

#steps .step
{
	
}

#steps .step .number
{
	margin-right: 0;
}

#steps .step .label
{
	display: none;
}

/* @end */

/* @group Vor-Zurück-Buttons */

.next_back_buttons
{
	margin-top: 20px;
	
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.next_back_buttons.top
{
	position: relative;
	right: auto;
	top: auto;
	
	margin-top: 30px;
	margin-bottom: -30px;
}

.next_back_buttons .back
{
	order: 2;	
	flex-grow: 100;
	width: 100%;
}

.next_back_buttons .next
{
	order: 1;
	flex-grow: 100;
	width: 100%;
	
	margin-bottom: 10px;
}

/* @end */

/* @group Widgets */

.widgets aside,
.widgetbar aside.count_4
{
	width: 180px;
	height: 180px;
	
	position: relative;
	overflow: hidden;
	
	padding-top: 5px;
	text-align: center;
}

/* @group Widgetbar */

#widgetbar
{
	border-top: none;
}

#widgetbar aside,
#widgetbar aside.count_4
{
	width: 50%;
	
	border-top: 2px solid white;
}

#widgetbar aside:nth-child(2n-4):after
{
	display: none;
}

#widgetbar aside.count_3:last-child,
#widgetbar aside.count_5:last-child
{
	width: 100%;
}

/* @end */

/* @group Vorteile */

.widgets .vorteile ul li
{	
	font-size: 11px;
	line-height: 120%;
}

.widgets .vorteile ul li *
{
	font-size: 11px;
	line-height: 130%;
}

.widgets .vorteile ul li:before
{
	font-size: 11px;
	line-height: 130%;
}

/* @end */



/* @end */

/* @group Kacheln & Modals */

#kacheln
{
	
}

.kachel_container .kachel
{	
	float: none;
	width: 100%;
}

/* @group Bild */

.kachel.details .bild_box
{
	float: none;
	width: 100%;
	
	margin-bottom: 20px;
	padding-bottom: 0;
	
	text-align: center;
}

/* @end */

/* @group Textbox */

.kachel.details .text_box
{
	float: none;
	width: 100%;
	
	min-height: 0;
}

.kachel.details .text_box .beschreibung.produkt
{
	display: none;
}

.kachel.details .text_box .beschreibung.produkt.mobile
{
	display: block;
	margin-top: 12px;
}

/* @end */

/* @group Preis */

.kachel.details .preis,
.kachel.details.bundle .preis
{
	position: relative;
	bottom: auto;
	right: auto;
	left: auto;
	margin-top: 10px;
	
	font-size: 24px;
	font-weight: bold;
	text-align: left;
}

/* @end */

/* @group Icons */

.icons_box
{
	
}

.icons_box .icon
{
	width: 78px;
	height: 78px;
}

.icons_box .icon .inner
{
	display: table-cell;
	vertical-align: middle;
}

.icons_box .icon .inner *
{
	
}

.icons_box .icon .inner big
{
	font-size: 16px;
}

.icons_box .icon .inner small
{
	font-size: 12px;
}

/* @end */

/* @group Buttons */

.kachel_container .kachel .buttons .button
{
	font-size: 110%;
}

/* @end */

/* @group Top-Angebote */

.kachel_container.top_angebote .kachel:nth-last-of-type(1):nth-child(odd)
{
	height: 250px;
}

.kachel_container.top_angebote .kachel:nth-last-of-type(1):nth-child(odd) .bild_box
{
	width: 40%;
}

.kachel_container.top_angebote .kachel:nth-last-of-type(1):nth-child(odd) .text_box
{
	width: 52%;
}

/* @end */

/* @group Bundle-Teaser */

.kachel.bundle_teaser
{
	height: auto;
	overflow: h;
}

.kachel.bundle_teaser h2 small
{
	margin-top: 10px;
}

.kachel.bundle_teaser .bild_box
{
	float: none;
	width: 94%;
	
	margin: 20px 3% 0;
	padding-bottom: 0;
}

.kachel.bundle_teaser .text_box
{
	float: none;
	width: 94%;
	margin: 10px 3%;
}

.kachel.bundle_teaser .ab_preis
{
	width: calc(100% - 140px);
	margin: 0 0 12px 0;
}

.kachel.bundle_teaser .ab_preis p,
.kachel.bundle_teaser .ab_preis .preis
{
	margin-bottom: 2px;
}

/* @end */

/* @group Bundles */

.kachel.details.bundle.produkt
{
	padding-bottom: 0;
}

.kachel.details.bundle .bild_box
{
	width: 100%;
}

.kachel.details.bundle .text_box
{
	width: 100%;
}

.kachel.details.bundle .tarif .bild_box
{
	display: none;
}

.kachel.details.bundle .tarif .tarifauswahl
{
	
}

.kachel.details.bundle .tarif .icons_box
{
	float: none;
	width: 100%;
	margin: 0 0 10px 0;
}

.kachel.details.bundle .tarif .beschreibung
{
	width: 100%;
}

/* @end */

/* @group Tarife */

.kachel.tarif
{
	
}

.kachel.tarif .bild_box
{
	display: none;
}

.kachel.tarif .text_box
{
	float: none;
	width: 94%;
	margin-left: 4%;
}

.kachel.tarif .text_box
{
	float: none;
	width: 94%;
	margin: 0 0 20px 4%;
}

.kachel.tarif .text_box h2
{
	padding-right: 30px;
}

.kachel.details.tarif .text_box
{
	width: 100%;
	margin-left: 0;
}

.kachel.tarif .icons_box
{
	float: none;
	overflow: hidden;
	
	width: 96%;
	margin: 10px 0 30px 4%;
	padding: 0;
}

.kachel.tarif .preis
{
	position: relative;
	left: auto;
	buttom: auto;
	
	width: 92%;
	margin: 10px 4%;
}

.kachel.tarif .buttons
{
	position: relative;
	right: auto;
	buttom: auto;
	
	width: 92%;
	margin: 10px 4%;
}

.kachel.tarif .buttons .button
{
	display: block;
}

.kachel.details.tarif .text_box
{
	width: 100%;
	margin-left: 0;
}

.kachel.details.tarif .bild_box
{
	width: 100%;
}

.kachel.details.tarif .text_box
{
	width: 100%;
}

.kachel.tarif.details h2 small
{
	display: block;
}

.kachel.details.tarif .text_box .beschreibung.tarif
{
	display: none;
}

.kachel.details.tarif .text_box .beschreibung.tarif.mobile
{
	display: block;
}

.kachel.details.tarif .text_box .beschreibung.tarif.mobile .collapse .well
{
	padding: 0;
}

/* @end */

/* @group Tarif-Optionen */

.kachel.tarif_option
{
	
}

.kachel.tarif_option .bild_box
{
	float: none;
	width: 66%;
}

.kachel.tarif_option .bild_box img
{
	width: 100% !important;
	height: auto !important;
}

.kachel.tarif_option .text_box
{
	float: none;
	width: 96%;
	margin: 2% 2% 20px 2%;
}

.kachel.tarif_option .text_box h2
{
	margin-top: 20px;
	margin-bottom: 10px;
}

.kachel.tarif_option .text_box .collapse_title 
{
	width: 98%;
}

.kachel.tarif_option .text_box .collapse_wrapper
{
	width: 98%;
}

/* @end */

/* @end */

/* @group Kontaktfelder */

#kontaktfelder .entry
{
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 30px;
	
	border-top: 1px dotted;
}

#kontaktfelder .entry .logo
{
	float: none;
	width: 100%;
	
	margin-right: 0;
	margin-bottom: 20px;
}

#kontaktfelder .entry .logo img
{
	width: 100%;
	max-width: 210px;
}

#kontaktfelder .entry .kontaktdaten
{
	float: none;
	width: 100%;
	margin-right: 0;
}

#kontaktfelder .entry .kontaktinfos
{
	float: none;
	width: 100%;
}

/* @end */

/* @group Seite: Vertragsverlängerung */

.home
{
	
}

.home #page_content h2
{
	margin-top: 30px;
}

/* @group Wertscheck */

#page_content .wertscheck
{
	float: none;
	
	width: 100%;
	margin: 0;	
}

/* @end */

/* @group Buttons */

.home #page_content .button
{
	padding-left: 0;
	padding-right: 0;
}

.home #page_content .button,
.home #page_content .button *
{
	font-size: 18px;
}

.home #page_content .button span
{
	white-space: nowrap;
}

.home #page_content .button.bottom
{
	display: block;
	margin-top: 40px;
	
	color: white !important;
}

/* @end */

/* @group Vorteilsbox */

#page_content table.vorteilsbox
{
	display: block;
	width: 100%;
	margin-bottom: 30px;
}

#page_content table.vorteilsbox tr td
{
	display: inline-block;
	
	width: 100%;
	margin: 5px 0;
	padding: 10px;
	
	border: none;
	
	border-radius: 5px;
}

/* @end */

/* @group Siegel */

#page_content .siegel
{
	float: none;
	width: 100%;
	margin-top: 40px;
	
	text-align: center;
	padding: 20px 20px 10px 20px;
	
	background: rgba(0, 0, 0, 0.08);
	
	border-radius: 5px;
}

#page_content .siegel > .wrapper,
#page_content .siegel > .tp-rating
{
	display: inline-block;
	float: none;
	margin-bottom: 20px;
}

#page_content .siegel > .tp-rating
{
	margin-bottom: 0;
}

/* @end */

/* @end */

/* @group Seite: Online-Anmeldung */

#page_content .muster_position_desktop
{
	display: none;
}

#page_content .muster_position_mobile
{
	display: inline;
}

#page_content .anschreiben
{
	position: relative;
	z-index: 0;
	display: block;
	
	width: 90%;
	margin: 30px auto 0 auto;
	
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
	-ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}

#page_content .anschreiben img
{
	width: 100%;
	height: auto;
}

#page_content .gform_wrapper.anmeldung_wrapper
{
	float: none;
	width: 100%;
	
	margin-top: 10px;
	margin-bottom: 0;
}

#page_content form.anmeldung .gfield.validation_success::after,
#page_content form.anmeldung .gfield.validation_failed::after
{
	right: 10px;
}

#page_content form.anmeldung .gfield .ginput_container_text input
{
	width: 85%;
}

/* @end */

/* @group Seite: Daten */

/* @group Anrede */

.gform_wrapper .gfield.anrede li:last-child
{
	margin-left: 0 !important;
	width: 100%;
}

/* @end */

/* @group Upgrade-Optin Text */

.gform_wrapper .gfield.upgrade_optin_text
{
	margin-bottom: 20px !important;
}

.gform_wrapper .gfield.upgrade_optin_text:after
{
	left: 20%;
}

.gform_wrapper .gfield.upgrade_optin_text img[src*="teaser-upgrade-optin"]
{
	display: none;
}

/* @end */

/* @group Upgrade-Optin */

.gform_wrapper .gfield.upgrade_optin .gfield_radio li
{
	white-space: nowrap;
	width: 30%;
}

/* @end */

/* @group Cross-Selling-Optin handyservice Text */

.gform_wrapper .gfield.crossselling_optin_hs_text:after
{
	left: 20%;
}

/* @end */

/* @group Cross-Selling-Optin handyservcie */

.gform_wrapper .gfield.crossselling_optin_hs .gfield_radio li
{
	white-space: nowrap;
	width: 30%;
}

/* @end */

/* @group Cross-Selling-Optin md Text */

.gform_wrapper .gfield.crossselling_optin_md_text:after
{
	left: 20%;
}

/* @end */

/* @group Cross-Selling-Optin md */

.gform_wrapper .gfield.crossselling_optin_md .gfield_radio li
{
	white-space: nowrap;
	width: 30%;
}

/* @end */

/* @end */

/* @group Seite: Übersicht */

/* @group Handyschutz Info */

.gform_wrapper .gfield.handyschutz_info
{
	
}

/* @end */

/* @group Tabelle Bestellung */

table#bestellung
{
	
}

table#bestellung tr.headline
{
	display: none;
}

table#bestellung td
{
	display: block;
	position: relative;
}

table#bestellung td.bild img
{
	
}


table#bestellung td.beschreibung
{
	padding-right: 80px;
}

table#bestellung tr:not(.partnerkarte_hinzufuegen) td.beschreibung .change.button
{
	position: absolute;
	right: 0;
	top: 9px;
}

table#bestellung td.einzelpreis
{
	padding-bottom: 2px;
	
	background: #f5f5f5;
}

table#bestellung td.einzelpreis:before
{
	content: "Einzelpreis:";
	float: left;
}

table#bestellung td.menge
{
	padding-top: 0;
	padding-bottom: 2px;
	
	background: #f5f5f5;
}

table#bestellung td.menge:before
{
	content: "Menge:";
	float: left;
}

table#bestellung td.gesamtpreis
{
	padding-top: 0;
	background: #f5f5f5;
}

table#bestellung td.gesamtpreis::before
{
	content: "Gesamtpreis:";
	float: left;
}

table#bestellung tr.summe td.label
{
	float: left;
	width: 70%;
	height: 65px;
}

table#bestellung tr.summe td.preis
{
	float: right;
	width: 30%;
	height: 65px;
}

/* @end */

/* @group Rabattcode */

form.uebersicht .gfield.rabattcode .ginput_container .button
{
	margin-top: 10px !important;
}

/* @end */

/* @group Zahlungsweise */

form.uebersicht  .gfield.zahlungsweise .gfield_radio .gchoice label img
{
	width: 80px;
}

/* @end */

/* @group Platzhalter [jetzt kaufen] */

form.uebersicht .gfield.submit_placeholder
{
	margin-bottom: -21px !important;
}

form.uebersicht .gfield.submit_placeholder .button
{
	width: 100%;
	margin-left: 0 !important;
	
	line-height: 2;
}

/* @end */

/* @end */
	
/* @group Seite: Bestellbestätigung */

.current_bestellbestaetigung #page_content .success_teaser
{
	margin-top: -10px;
}

/* @end */

/* @end */

/* @group Sidebar */

#page_sidebar
{
	float: none;
	overflow: hidden;
	
	right: auto;
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;	
	padding-top: 20px;
}

.bestellung #page_sidebar
{
	display: none;
}

#page_sidebar aside
{
	float: left;
	
	width: 49.5%;
	min-height: 220px;
	
	margin: 0 0 5px 0;
}

#page_sidebar aside:nth-child(2n)
{
	float: right;
}

/* @group Login-Info */

#page_sidebar .login_info
{
	background: rgba(255, 255, 255, 0.9);
}

#page_sidebar .login_info *
{
	background: transparent;
}

/* @end */

/* @group Hotline */

#page_sidebar .hotline
{
	background: rgba(255, 255, 255, 0.9);
}

/* @end */

/* @group Siegel */

#page_sidebar aside.siegel
{	
	padding-bottom: 10px;
}

#page_sidebar aside.siegel a.tuev_siegel
{
	width: 125px;
	margin: 0 auto 10px auto;
}

#page_sidebar aside.siegel a
{	
	width: 25%;
	margin: 0 10% 15px;
}

#page_sidebar aside.siegel a.ehi_siegel,
#page_sidebar aside.siegel a.md_siegel
{	
	margin-bottom: 0;
}

/* @end */

/* @end */

/* @group Footer */

#page_footer.site .container .inner,
.bestellung #page_footer .container .inner
{
	margin-right: 0;
}

#page_footer .aktionsinfo
{
	display: none;
}

/* @group Footer-Navigation */

#footer_nav ul li a
{
	font-size: 12px;
	padding: 10px 5px;
}

#footer_nav ul li:first-child a
{
	padding-left: 10px;
}


/* @end */

/* @group Info Mehrwertsteuer */

#info_mwst
{
	padding-left: 10px;
}

/* @end */

/* @end */
	
}