/*
 * Theme Name: Bootstrap WP Theme by ViennaDesign.com
 * Theme URI: http://www.viennadesign.com
 * Theme Description: ViennaDesign.com Bootstrap Wordpress Theme
 * Author: Alexander Schloegl
 * Author URI: http://www.viennadesign.com/
 * Version: 0.1
 * Tags: bootstrap
 * License: license.txt
 * License URI:
*/

HTML {
	font-size: 14px;}

BODY
{
	font-family: "Overpass",Helvetica,Arial,sans-serif;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	background-color: rgba(255, 255, 255, .9);
}

#maincontent
{
	background-color: transparent;
	margin-top: 230px;
	padding-top: 30px;
}

BODY#tinymce
{
	background-image: none;
	background-color: #FFF;
}


BODY.page-id-7
{
	background-image: none;
	background-color: rgba(222,212,80, .3);
}

BODY.page-id-9
{
	background-image: none;
	background-color: rgba(226,143,65, .3);
}

BODY.page-id-37
{
	background-image: none;
	background-color: rgba(93,204,71, .3);
}


BODY.page-id-7 #maincontent, BODY.page-id-9 #maincontent, BODY.page-id-37 #maincontent, BODY.page-id-11 #maincontent, BODY.page-id-159 #maincontent
{
	background-color: #FFF;
	background-clip: content-box;
	padding-top: 15px;
}


BODY.page-id-11 #maincontent, BODY.page-id-159 #maincontent
{
	background-color: rgba(255,255,255, .9);
}

BODY.page-id-7 #maincontent P, BODY.page-id-9 #maincontent P, BODY.page-id-37 #maincontent P, BODY.page-id-11 #maincontent P, BODY.page-id-159 #maincontent P,
BODY.page-id-7 #maincontent H1, BODY.page-id-9 #maincontent H1, BODY.page-id-37 #maincontent H1, BODY.page-id-11 #maincontent H1, BODY.page-id-159 #maincontent H1,
BODY.page-id-7 #maincontent H2, BODY.page-id-9 #maincontent H2, BODY.page-id-37 #maincontent H2, BODY.page-id-11 #maincontent H2, BODY.page-id-159 #maincontent H2,
BODY.page-id-7 #maincontent H3, BODY.page-id-9 #maincontent H3, BODY.page-id-37 #maincontent H3, BODY.page-id-11 #maincontent H3, BODY.page-id-159 #maincontent H3,
BODY.page-id-7 #maincontent UL, BODY.page-id-9 #maincontent UL, BODY.page-id-37 #maincontent UL, BODY.page-id-11 #maincontent UL, BODY.page-id-159 #maincontent UL
{
	padding-left: 30px;
	padding-right: 30px;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Overpass",Helvetica,Arial,sans-serif;
}

.home-right h2 {
	color: #FFF;
	padding-bottom: 0;	
	}

.container {
    max-width: 1270px;
}

.masthead { padding-bottom: 10px; }

.shrinkable
{
	width: 100%;
	background-color: transparent;
	-webkit-transition: all 0.5s;
	transition: all 0.5s linear;
}

DIV.shrinked {
	background-color: rgba(255, 255, 255, .9);
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s linear;
}

DIV.shrinkable IMG {
	width: 100%;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s linear;
}

DIV.shrinked IMG {
	width: 30%;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s linear;
}

DIV.shrinked IMG.moreshrinked {
	width: 20%;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s linear;
}

DIV.shrinkable #site-title H1
{
	color: #5a7780;
	font-size: 3rem;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s linear;
}

DIV.shrinked #site-title H1 {
	font-size: 1.5rem;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s linear;
}

/*Header Menu */
.nav-bg
{
	background-color: rgba(255, 255, 255, .9);
}

.top-main-menu
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}


HR
{
	clear: both;
	color: #CCC;
}

#anmeldung {
    scroll-margin-top: 200px;
}

.pb-1 {padding-bottom: 1rem;}
.pt-1 {padding-top: 1rem;}

.pb-2 {padding-bottom: 2rem;}
.pt-2 {padding-top: 2rem;}

.pb-3 {padding-bottom: 3rem;}
.pt-3 {padding-top: 3rem;}

.pb-4 {padding-bottom: 4rem;}
.pt-4 {padding-top: 4rem;}

.mb-1 {margin-bottom: 1rem;}
.mt-1 {margin-top: 1rem;}

.mb-2 {margin-bottom: 2rem;}
.mt-2 {margin-top: 2rem;}

.mb-3 {margin-bottom: 3rem;}
.mt-3 {margin-top: 3rem;}

.mb-4 {margin-bottom: 4rem;}
.mt-4 {margin-top: 4rem;}


h1, .h1
{
	font-size: 26px;
	color: #626262;
	line-height: 120%;
	font-weight: bold;
    margin: 10px 0 10px 0 !important;
}

.hero-section H1, .webinar-link-box H3, .bonus-section H3 {color: #FFF;}

h1 a {
    color: inherit;
}

h2, .h2 {
    font-size: 20px;
    padding-bottom: 5px;
    font-weight: 600;
}

h3
{
	font-size: 16px;
	font-weight: 300;
	color: #5a7780;
	text-transform: uppercase;
}

h4 {
    margin-top: 20px;
    font-size: 13px;
    font-weight: bold ;
    margin-bottom: 4px;
}

UL, OL {line-height: 150%;}

code {
    background-color: transparent;
}

.img-fluid, .img-responsive
{
	max-width: 100%;
	height: auto;
}

.square
{
	position: relative;
	text-align: left;
	width: 100%;
	margin-bottom: 30px;
	padding-left: 15px;
	background-color: transparent;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s linear;
}
	
.square:after {
	 content: "";
	 display: block;
	 padding-bottom: 100%;
}

.square .content
{
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 1.5em;
	padding-top: 20%;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 120%;
}


.square.yellow
{
	border: 0.75rem solid #ded450;
}

.square.yellow:hover
{
	background-color: rgba(222,212,80, 1);
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s linear;
}


.square.orange
{
	border: 0.75rem solid #e28f41;
}

.square.orange:hover
{
	background-color: rgba(226,143,65, 1);
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s linear;
}


.square.green
{
	border: 0.75rem solid #5dcc47;
}

.square.green:hover
{
	background-color: rgba(93,204,71, 1);
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s linear;
}




.sidebar-wrapper ASIDE:first-child h4
{
	margin-top: 0px;
}

.sidebar-wrapper h4 {
    font-size: 21px;
    font-weight: 400;
}

.more-link {
    background: #40B0E4 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    float: right;
    margin-top: 50px;
    padding: 10px 40px;
}

.more-link:hover {
    color: #fff!important;
}

/* Outline Out */
.hvr-outline-out, .more-link {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-outline-out:before,.more-link:before{
  content: '';
  position: absolute;
  border: #40B0E4 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius:10px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before,
.more-link:hover:before, .more-link:focus:before, .more-link:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  color:#fff!important;
}

/***********************/

.content h1:first-child {
    margin-top: 4px !important; 
}

.content {
    margin-bottom: 40px;
}

a {
    color: #7699b5;
    text-decoration: none;
}

a:hover, a:focus {
    color: #CCC;
}

a.facebook, a.mailchimp
{
	color: #FFF;
	font-size: 2rem;
}

a.facebook:hover
{
	color: #3b5998;
}

a.mailchimp:hover
{
	color: #239AB9;
}

a.facebook::before
{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	content: "\f082\00a0";
}

a.mailchimp::before
{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	content: "\f1ea\00a0";
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar {
    min-height: 35px;
    margin-bottom: 15px;
    border: 0px solid transparent;
    border-radius: 0px;
}

.navbar-collapse {
    padding-left: 0px;
}

.navbar-default .navbar-nav > li > a
{
	color: #5a7780;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: normal;
}

.navbar-toggle {
   	margin-top: 0px;
}

.sidenav li
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover {
    color: #333;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #FFF;
}

.sidenav .current_page_item { background-color: #40B0E4; }

.nav .caret {
    border-top-color: #DED450;
    border-bottom-color: #DED450;
}

/* No scrolling for collapsed menu */

.navbar-collapse.in {
    overflow: hidden;
    max-height: none !important;
    height: auto !important;
}

.nav > li > a {
    padding: 10px 11px;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus
{
	color: #ffffff;
	background-color: #333;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
   background-color: #333;
}

.navbar-default .navbar-nav > li.current-page-ancestor > a {
    color: #333;
}

.sidenav .current_page_ancestor > A {
   pointer-events: none;
   cursor: default;
}

.tiktok-link
{
	float: left;
	margin-right: 15px;
	margin-top: 8px;
}

.linkedin-link
{
	float: left;
	margin-right: 15px;
	margin-top: 8px;
}

.instagram-link
{
	float: left;
	margin-right: 15px;
	margin-top: 8px;
}

.no-right-padding {padding-right: 0px;}


IMG.img-responsive.fiftypercent { max-width: 50%; }

.navbar-default .navbar-toggle .icon-bar {
    width: 22px;
    height: 4px;
    border-radius: 1px;
    background-color: #5a7780;
}

.embed-responsive-16by9 {margin-top:23px;}

/* styles needes for shortcodes  */

.divider {
    margin-bottom: 25px;
    padding-top: 25px;
    clear: both;
    display: block;
    margin-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}

/* Styling of standard gallery shortcode, removed in functions */
.gallery {
    margin: auto;
}

.gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}

.gallery img {
    border: 2px solid #cfcfcf;
}

.gallery-caption {
    margin-left: 0;
}

.img-center {
    margin: 0 auto;
}



/* Search Head */ 

#search-head{
    margin-top: 15px;
    padding-right: 15px;
}



/* Brand */
.brand {
    margin-top: 20px;
}

.brand IMG {
    margin-top: 6px;
}

.hruler {
	height: 5px;
	border-top: 1px solid #CCC;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(235,235,235,0.9) inset;
	-moz-box-shadow: 0px 5px 5px 0px rgba(235,235,235,0.9) inset;
	box-shadow: 0px 5px 5px 0px rgba(235,235,235,0.9) inset;
	margin-bottom: 20px;
}

.menu-item-subtext {
	color: #7B7B7B;
	margin-top: -7px;
}

li.current_page_parent .caret, li.current_page_ancestor .caret {
	border-top-color: #DED450;
}

@media (min-width:768px) {
	.nav > li:first-child > a {
    	padding-left: 0px;
	}
}


@media (min-width: 768px) and (max-width: 1100px) {
	.navbar-default .navbar-nav > li > a
		{
		font-size: .8rem !important;
		}
	.social IMG	{
		width: 19px;
		height: 19px;
		}
}



/*Breadcrumbs*/

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    padding-left: 10px;
}




/* post image */
.wp-post-image{
    float: left;
    margin-right: 15px;  
}


/* Main content */





/* meta data */ 

.meta{	
    font-size: 12px;
}


.cats{
    margin-left: 5px;
    margin-right: 10px;	
}

.tags{
    margin-left: 5px;
    margin-right: 10px;
}



/* Sidebar */



.sidenav UL, .sidenav UL UL, .widget UL, widget UL UL, .custom_menu_item UL
{
	list-style-position: outside;
	padding-left: 10px;
}

 .sidenav UL { list-style-type: none; }

li.page_item ul.children {
  display:none;
}
li.current_page_item > ul.children, li.current_page_ancestor > ul.children {
  display:block;
}

.sidenav > UL > LI.page_item {
  display:none;
}

.sidenav > UL > LI.current_page_item, .sidenav > UL > LI.current_page_parent, .sidenav > UL > LI.current_page_ancestor {
  display:block;
}

.sidenav A, .custom_menu_item A
{
	color: #7B7B7B;
	hyphens: auto ;
}

li.current_page_item > A, 
li a:hover,
.custom_menu_item .current_page_ancestor > A,
.custom_menu_item .current_page_parent > A
{
color: #FFF;
}

li.current_page_parent > A, li.current_page_ancestor > A
{
	color: #000;
}

.custom_menu_item > DIV > UL > LI > A, .sidenav > UL > LI > A {
	text-transform: uppercase; 
	color: #DED450;
}

.sidebar-wrapper {
    padding-top: 0px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-left: 1px solid transparent;
    border-color: transparent;
}


.sidenav ul {
    padding-left: 0px;
}


.sidenav ul.children {
    padding-left: 0px;
}

.sidenav ul.children > li > ul.children {
    margin-top: 20px;
    margin-bottom: 20px;
}


.sidebar-posts .textwidget, .sidebar-page .textwidget{
    padding-left: 0px;

}

.sidebar-page P, .sidebar-page A { font-size: 14px; }

.sidebar-page H2 { margin-top: 0px !important; }

.sidebar-page > ASIDE:first-child { margin-bottom: 40px; }

.btn-info
{
	color: #ffffff;
	background-color: #40B0E4;
	border-color: #40B0E4;
	text-transform: uppercase;
	width: 100%;
	font-size: 16px;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #333;
    border-color: #333;
}

.btn-primary {
    background-color: #5dcc47;
    border-color: #5dcc47;
}

.video-caption
{
	background-color: #FFF;
	padding: 1rem;;
}


/* Widgets */

.widget{
    margin-bottom: 8px;
}




/* Pagenavi */

.wp-pagenavi {
    margin-bottom: 25px;
    text-align: center;
}

.wp-pagenavi .current, .wp-pagenavi .first, .wp-pagenavi .last {
    color: #40B0E4;
}

.wp-pagenavi .pages {
    margin-right: 25px;
}




/* code in comments*/

code {
    white-space: normal; 
}


footer{
    font-size: 75%;
    padding-top: 15px;
    padding-bottom: 20px;
    color: #5A7780;;
    background-color: rgba(255, 255, 255, .9);
}


/* MEDIA QUERIES */


   
@media (max-width: 1200px) {  }

@media (max-width: 992px) {

	BODY {font-size: 14px;}

	.navbar-default .navbar-nav > li > a {
	font-size: 1rem;
	}
}

@media (max-width: 768px) {

	BODY {font-size: 13px;}
	
	DIV.shrinkable #site-title H1 {
		font-size: 1rem;
		-webkit-transition: all 0.5s; /* Safari */
    	transition: all 0.5s linear;
		}
	
	DIV.shrinked IMG {
		width: 100%;
		-webkit-transition: all 0.5s; /* Safari */
    	transition: all 0.5s linear;
		}
	
	DIV.shrinked IMG.moreshrinked {
		width: 100%;
		-webkit-transition: all 0.5s; /* Safari */
    	transition: all 0.5s linear;
		}
	#maincontent {
    	margin-top: 140px;
		}
}

@media (max-width: 400px) {

	#maincontent {
    	margin-top: 80px;
		}
	.brand {
    	margin-top: 0;
	}
}

.wp-pagenavi {
    padding-top: 30px;
    text-align: left;
}

.wp-pagenavi a, .wp-pagenavi span {
    border: 0px solid #BFBFBF;
    padding: 5px 10px 5px 0px;
}

.cats, .cats_tags {
    display: none;
}

.blognavigation {
	border-top: 1px solid #CCC;
	padding-top: 15px;
}

.blognavigation .mailLink {
	margin-top: -4px;
}

.blognavigation > div > div {
	margin-bottom: 10px;
}

label {
    font-weight: normal;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-horizontal textarea, .form-horizontal input[type='text'], .form-horizontal input[type='email'] {
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.form-horizontal textarea {
	height: auto;
}

input[type='submit'] {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-color: #40B0E4;
    color: #FFF;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
}

input[type='radio'] {
    margin-left: 10px;
}

span.first > input[type='radio'] {
    margin-left: -3px;
}

.kontakt_top {
	padding-bottom: 40px;
	margin-bottom: 20px;
}

.kontakt_top > DIV.row > DIV:first-child {
	color: #40B0E4;
}

.border_bottom {
	border-bottom: 1px solid #CCC;
}


/******* BLOGANSICHT ********/

.featuredImg {
    margin-top: 30px;
}

.ccfic-source {
    font-size: 12px;
    font-style: italic;
    text-align: center;
}


.presse img {
    height: auto !important;
    width: 25%;
    display: block;
    border: 1px solid #d2d2d2;
    float:left;
    margin-right:10px;


}

.presse .col-md-6 {
    margin-top:20px;
    min-height:150px;
    font-size:13px!important;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.86em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#wpadminbar
{
	top: 40px;
	display: none;
}

.webinar-container {
    max-width: 800px;
    margin: 0 auto;
   line-height: 1.6;
    color: #333;
}

.hero-section {
    text-align: center;
    padding: 40px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 10px;
    margin-bottom: 40px;
}

.headline {
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.2;
}

.subheadline {
    font-size: 1.3em;
    margin-bottom: 30px;
    font-weight: 300;
}

.cta-button {
    display: inline-block;
    background: #ff6b35;
    color: white;
    padding: 18px 40px;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
}

.cta-button:hover {
    background: #e55a2b;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.6);
}

.benefits-section {
    background: #f9f9f9;
    padding: 40px 30px;
    border-radius: 10px;
    margin: 40px 0;
}

.benefit-item {
    background: white;
    padding: 25px;
    margin: 20px 0;
    border-left: 5px solid #667eea;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.benefit-item h3 {
    color: #667eea;
    margin-top: 0;
    font-size: 1.3em;
}

.countdown-timer {
    background: #fff3cd;
    border: 2px solid #ffc107;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    margin: 30px 0;
}

.timer-display {
    font-size: 2em;
    font-weight: bold;
    color: #d63384;
    margin: 10px 0;
}

.testimonial {
    background: white;
    padding: 25px;
    border-radius: 10px;
    margin: 20px 0;
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    font-style: italic;
}

.testimonial-author {
    text-align: right;
    font-weight: bold;
    color: #667eea;
    margin-top: 15px;
}

.about-section {
    background: #f0f4f8;
    padding: 40px 30px;
    border-radius: 10px;
    margin: 40px 0;
}

.registration-form {
    background: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    margin: 30px 0;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}

.form-group input {
    width: 100%;
    padding: 12px;
    border: 2px solid #ddd;
    border-radius: 5px;
    font-size: 1em;
    box-sizing: border-box;
}

.form-group input:focus {
    border-color: #667eea;
    outline: none;
}

.disclaimer {
    background: #e9ecef;
    padding: 20px;
    border-radius: 5px;
    font-size: 0.9em;
    margin-top: 30px;
    color: #666;
}

.section-title {
    font-size: 2em;
    color: #667eea;
    margin: 40px 0 20px 0;
    text-align: center;
}

@media (max-width: 768px) {
    .headline {
        font-size: 1.8em;
    }
    
    .subheadline {
        font-size: 1.1em;
    }
}

.thankyou-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: 'Arial', sans-serif;
    background: #f5f5f5;
}

.thankyou-hero {
    text-align: center;
    padding: 80px 20px 60px 20px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    margin-bottom: 40px;
}

.thumbs-up-icon {
    font-size: 5em;
    margin-bottom: 20px;
    animation: thumbsUp 0.6s ease-out;
}

@keyframes thumbsUp {
    0% {
        transform: scale(0) rotate(-45deg);
        opacity: 0;
    }
    50% {
        transform: scale(1.2) rotate(10deg);
    }
    100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}

.thankyou-headline {
    font-size: 3em;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 30px;
    line-height: 1.2;
}

.thankyou-subtext {
    font-size: 1.2em;
    color: #666;
    line-height: 1.6;
    max-width: 700px;
    margin: 0 auto 40px auto;
}

.success-checkmark {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px auto;
    animation: checkmarkPop 0.4s ease-out 0.3s both;
}

@keyframes checkmarkPop {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.success-checkmark::after {
    content: "✓";
    color: white;
    font-size: 3em;
    font-weight: bold;
}

.webinar-link-box {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 40px 30px;
    border-radius: 15px;
    text-align: center;
    margin: 40px 0;
    box-shadow: 0 6px 25px rgba(102, 126, 234, 0.3);
}

.webinar-link-box h3 {
    margin-top: 0;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.webinar-link-button {
    display: inline-block;
    background: #ff6b35;
    color: white;
    padding: 20px 50px;
    font-size: 1.3em;
    font-weight: bold;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
    margin: 20px 0;
}

.webinar-link-button:hover {
    background: #e55a2b;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.6);
    color: white;
    text-decoration: none;
}

.bookmark-hint {
    background: #fff3cd;
    border-left: 5px solid #ffc107;
    padding: 20px 25px;
    border-radius: 5px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.bookmark-hint-icon {
    font-size: 2em;
    color: #856404;
}

.next-steps-container {
    background: white;
    padding: 40px 30px;
    border-radius: 15px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
    margin: 40px 0;
}

.next-steps-title {
    text-align: center;
    color: #667eea;
    font-size: 2em;
    margin-bottom: 40px;
}

.step-card {
    display: flex;
    align-items: start;
    padding: 25px;
    margin: 20px 0;
    background: #f9f9f9;
    border-radius: 10px;
    border-left: 5px solid #667eea;
    transition: transform 0.3s ease;
}

.step-card:hover {
    transform: translateX(5px);
    background: #f0f4f8;
}

.step-number {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    font-weight: bold;
    margin-right: 20px;
}

.step-content h4 {
    margin-top: 0;
    color: #2c3e50;
    font-size: 1.3em;
    margin-bottom: 10px;
}

.step-content p {
    margin: 0;
    color: #666;
    line-height: 1.6;
}

.countdown-box {
    background: white;
    border: 3px solid #667eea;
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    margin: 40px 0;
}

.countdown-box h3 {
    color: #667eea;
    margin-top: 0;
    font-size: 1.5em;
}

.countdown-display {
    font-size: 2.5em;
    font-weight: bold;
    color: #2c3e50;
    margin: 20px 0;
}

.countdown-date {
    font-size: 1.3em;
    color: #666;
    margin-bottom: 10px;
}

.reminder-box {
    background: #e3f2fd;
    padding: 30px;
    border-radius: 10px;
    margin: 40px 0;
}

.reminder-box h3 {
    color: #1976d2;
    margin-top: 0;
}

.bonus-section {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    padding: 40px 30px;
    border-radius: 15px;
    text-align: center;
    margin: 40px 0;
}

.bonus-section h3 {
    margin-top: 0;
    font-size: 2em;
}

.social-share {
    text-align: center;
    padding: 30px;
    background: #f9f9f9;
    border-radius: 10px;
    margin: 40px 0;
}

.social-share h4 {
    color: #2c3e50;
    margin-bottom: 20px;
}

.share-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.share-button {
    padding: 12px 25px;
    border-radius: 25px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.share-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    color: white;
    text-decoration: none;
}

.share-linkedin {
    background: #0077b5;
}

.share-email {
    background: #667eea;
}

.footer-contact {
    text-align: center;
    color: #666;
    padding: 30px 20px;
    margin-top: 50px;
}

@media (max-width: 768px) {
    .thankyou-headline {
        font-size: 2em;
    }
    
    .step-card {
        flex-direction: column;
        text-align: center;
    }
    
    .step-number {
        margin: 0 auto 20px auto;
    }
    
    .countdown-display {
        font-size: 1.8em;
    }
}

.button-margin {
    margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; margin: 20px}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #111; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: fit-content; width: -moz-fit-content;}
#mc_embed_signup .button:hover {background-color:#222;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px; display:grid;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .mc-address-fields-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px;}
#mc_embed_signup .mc-sms-phone-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px; padding-top:5px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .foot {display:grid; grid-template-columns: 3fr 1fr; width:96%; align-items: center;}
@media screen and (max-width:400px) {#mc_embed_signup .foot {display:grid; grid-template-columns: 1fr; width:100%; align-items: center;}}

@media screen and (max-width:400px) {#mc_embed_signup .referralBadge {width:50%;}}

#mc_embed_signup .brandingLogo {justify-self:right;}
@media screen and (max-width:400px) {#mc_embed_signup .brandingLogo {justify-self:left;}}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc_embed_signup .helper_text {color: #8d8985; margin-top: 2px; display: inline-block; padding: 3px; background-color: rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: normal; z-index: 1;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:3px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

#mc_embed_signup {
    background: #fff;
    clear: left;
    width: 100%;
}

#mc-embedded-subscribe-form input[type="checkbox"] {
    display: inline;
    width: auto;
    margin-right: 10px;
}

#mergeRow-gdpr {
    margin-top: 20px;
}

#mergeRow-gdpr fieldset label {
    font-weight: normal;
}

#mc-embedded-subscribe-form .mc_fieldset {
    border: none;
    min-height: 0;
    padding-bottom: 0;
}

.mt-10 { margin-top:10px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }
.mt-40 { margin-top:40px; }
.mt-50 { margin-top:50px; }