@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,300italic);@font-face{font-family:'FontAwesome';src:url('../assets/webfonts/fontawesome-webfont.eot?v=4.4.0');src:url('../assets/webfonts/fontawesome-webfont.eot?v=4.4.0#iefix') format('embedded-opentype'),url('../assets/webfonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../assets/webfonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../assets/webfonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../assets/webfonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0}input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px white inset;-webkit-text-fill-color:#333;}input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 50px white inset;-webkit-text-fill-color:#333;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote,q{quotes:none}blockquote:after,q:after{content:"\f10e";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:21px;float:right;color:#a9a9a9;}blockquote:before,q:before{content:"\f10d";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:21px;margin-left:-10px;color:#a9a9a9;}blockquote{background:#ecebea none repeat scroll 0 0;padding:20px 20px 15px 30px;float:left;margin-bottom:20px;}blockquote h2{padding-left:30px;}blockquote p{padding-left:30px;padding-right:30px;margin-bottom:10px;}blockquote p em{margin-bottom:0;font-family:Georgia,Cambria,"Times New Roman",Times,serif;font-weight:300;}table{border-collapse:collapse;border-spacing:0}@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

/* ----------------------------------------------------------------------
 *  Basic Elements & Classes
 * ---------------------------------------------------------------------- */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -ms-text-size-adjust: none;
    /* iphone */
    -webkit-text-size-adjust: none;
    /* iphone */
}

html,
body {
    height: 100%;
    width: 100%;
}

body {
    background-color: #eaeaea;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

/* Body Wrapper */

#body-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}

body main {
    display: block;
    overflow: hidden;
}

body#section main {
    margin: 0 auto;
    width: 90%;
    max-width: 1072px;
    padding-top: 70px;
    background-color: #fff;
}

/* ----------------------------------------------------------------------
 *  Wrapper / Grid
 * ---------------------------------------------------------------------- */

.asymmetric-wrapper {
    max-width: 100%;
    width: 1160px;
    margin: 0 auto;
}

.inner-wrapper {
    width: 100%;
    max-width: 1000px;
    overflow: hidden;
    position: relative;
}

#main_wrapper {
    position: relative;
}

#main {
    width: 100%;
    max-width: 1000px;
    background-color: #fff;
    padding-top: 15px;
}

.container {
    width: auto;
    margin: 0 15px;
    max-width: 1000px;
    overflow: hidden;
}

.grid {
    margin-left: -15px;
    margin-bottom: 20px;
    overflow: hidden;
}

.grid__col {
    padding-left: 15px;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 8px;
    word-wrap: break-word;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
    color: #333;
}

/* ----------------------------------------------------------------------
 *  Global Formats / Text
 * ---------------------------------------------------------------------- */

#main_content h5, #main_content .classh5 {
    font-size: 1.125rem;
}

#main_content h3, #main_content .classh3 {
    font-size: 1.6875rem;
}

#main_content article .entry-title.newsletter {
    padding-top: 30px;
    font-size: 1.6875rem;
    margin: 0;
}

#main_content article .entry-title.conditions {
    margin-bottom: 30px;
    font-size: 30px;
}

p {
    font-family: "Roboto";
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 20px;
}

a,
a > *,
input {
    text-decoration: none;
    transition-property: background-color, color, border-color, opacity;
    transition-duration: 0.3s;
    -moz-transition-property: background-color, color, border-color, opacity;
    /* Firefox 4 */
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: background-color, color, border-color, opacity;
    /* Safari and Chrome */
    -webkit-transition-duration: 0.3s;
    -o-transition-property: background-color, color, border-color, opacity;
    /* Opera */
    -o-transition-duration: 0.3s;
}

.small {
	font-size: 0.75rem;
    line-height: 1.2;
}

#main_content .entry-content a {
    color: #3f7589;
    text-decoration: underline;
}

#main_content .content-wrap ol {
    margin-left: 1.4rem;
}

#main_content .content-wrap ul {
    list-style-type: disc;
    list-style-position: outside;
}

#main_content .content-wrap ol {
    list-style-type: decimal;
    list-style-position: outside;
}

#main_content .content-wrap ul ul,
#main_content .content-wrap ol ul {
    list-style-position: outside;
    margin-left: 15px;
}

#main_content .content-wrap ol ol,
#main_content .content-wrap ul ol {
    list-style-type: lower-latin;
    list-style-position: outside;
    margin-left: 15px;
}

#main_content .content-wrap ul,
#main_content .content-wrap ol,
#main_content .content-wrap dl {
    font-weight: 300;
}

.entry-content > ul,
.entry-content > ol {
    margin-left: 1rem;
    margin-bottom: 1.25rem;
}

.entry-content.conditions {
    font-weight: 300;
    padding-bottom: 50px;
}
.entry-content.conditions > ul,
.entry-content.conditions > ol {
    margin-left: 2rem;
    list-style: inherit;
}

.entry-content.conditions > ul
{
    list-style: disc;
}

.entry-content.conditions > ol {
    list-style: decimal;
}

.entry-content.conditions > ul >li,
.entry-content.conditions > ol >li {
    padding-bottom: 10px;
}
.logo-overview {
	width: 99.95%;
}
.logo-overview img {
	border: 1px solid #c8c8c8;
	margin-bottom: 10px;
}

.logo-overview p {
    font-size: 13px;
    line-height: 1.4;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 15px;
}

.logo-overview p a {
	color: #666;
}

.logo-overview .teaser {
	transition: box-shadow 0.3s;
}

.logo-overview .teaser:hover {
	box-shadow: 0 1px 1px 0 rgba(51, 51, 51, 0.4);
}

strong,
b {
    font-weight: 500;
}

label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
select {
    background-color: #ffffff;
    border-color: #cccccc;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 16px;
    height: 37px;
    margin: 0;
    padding: 8px;
    transition: all 0.15s linear 0s;
    width: 100%;
}

#login-dropdown input {
    margin: 0 0 16px;
}
#login-dropdown input[type="submit"]:disabled, #login-dropdown input[disabled]:hover {
 	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default;	
}


textarea[rows] {
    height: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    background-color: #fafafa;
    border-color: #999;
}

button,
.button,
.loginform-custom .button-primary {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 20px;
    position: relative;
    text-decoration: none !important;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding: 5px 16px;
    font-size: 1rem;
    background-color: #ff9300;
    border-bottom: 3px solid #e06417;
    color: #FFFFFF !important;
    border-radius: 2px;
    float: right;
    transition: background-color 300ms ease-out;
}

button:hover,
.button:hover,
.loginform-custom .button-primary:hover {
    background-color: #e06417;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #bebebe;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 20px 0 30px;
}

.single .entry-content img,
.single .entry-content iframe,
.single .entry-content object,
.single .entry-content embed {
    max-width: 100%;
    width: 100%;
}

#aktionen iframe {
    max-width: 100%;
}

.single .entry-content img {
    display: block;
    height: auto;
}

.single .entry-content img.alignleft {
    width: 40%;
}

.embedded-media {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
}

/* social media posts */

.entry-content .fb-video {
	margin-bottom: 20px;
}

.embed {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
    margin-bottom: 20px;
}

.embedded-media > iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.embed > iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.single .no-featured-image #main_content article .entry-image img,
.single .no-featured-image #main_content article .entry-image figcaption {
    display: none;
}

/* ----------------------------------------------------------------------
 *  Home Flap
 * ---------------------------------------------------------------------- */

#home-flap {
    display: block;
    position: fixed;
    z-index: 225;
    left: -65px;
    top: 265px;
    width: 164px;
    height: 34px;
    background-color: #ff9300;
    color: #fff;
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: -3px 3px 0px 0px #ccc;
    -moz-box-shadow: -3px 3px 0px 0px #ccc;
    box-shadow: -3px 3px 0px 0px #ccc;
    /* Chrome/Safari */
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    /* Firefox */
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 50% 50%;
    /* Opera */
    -o-transform: rotate(-90deg);
    -o-transform-origin: 50% 50%;
    /* IE10 and other modern browsers that do not need vendor prefixes */
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

a#home-flap:hover {
    background-color: #e06417;
}

/* ----------------------------------------------------------------------
 *  Login Area
 * ---------------------------------------------------------------------- */

.loginform-custom {
    margin: 0 auto;
    padding: 20px;
    width: 55%;
}

.loginform-custom label {
    font-size: 14px;
    font-size: 0.875rem;
}

.loginform-custom input {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 2px 6px 16px 0;
    padding: 3px;
}

#main_content .entry-content .loginform-custom a.link {
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 300;
    color: #333;
}

#main_content article .entry-content p.login-remember label {
    font-size: 13px;
    font-size: 0.8125rem;
}



/* ----------------------------------------------------------------------
 *  Header & Navigation
 * ---------------------------------------------------------------------- */

header {
    position: relative;
    background-color: #444;
   	z-index: 222;
}

header #brand-logo {
    display: block;
    position: absolute;
    z-index: 36;
    top: 8px;
}

header #brand-logo img {
    height: 100px;
    position: relative;
}

header nav#main-nav .inner-wrapper {
    position: relative;
}

header nav#main-nav .inner-wrapper .row {
	box-sizing: border-box;
	flex-basis: 86.7%;	
	max-width: 86.7%;
}
header ul,
header li {
    display: block;
    margin: 0;
    list-style: none;
}

header li {
    float: left;
}

header nav#top-nav {
    border-bottom: 3px solid #333;
}

header nav#top-nav ul {
    float: right;
    height: 32px;
}

header nav#top-nav ul li,
header nav#top-nav ul li > a,
header nav#top-nav ul li > div a,
header nav#top-nav ul li > a {
    display: block;
    color: #ecebea;
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    font-weight: 400;
    line-height: 32px;
    padding: 0 10px;
}

header nav#top-nav ul li > a:hover {
    color: #cac9c8;
}

header nav#top-nav ul li.top-nav-firstL {
    padding-right: 0;
}
header nav#top-nav ul li.top-nav-firstL > a {
	padding-right: 0;
}

header nav#top-nav .facebook a:before {
    content: '\f09a';
}

header nav#top-nav .twitter a:before {
    content: '\f099';
}

header nav#top-nav .pinterest a:before {
    content: '\f231';
}

header nav#top-nav .googleplus a:before {
    content: '\f0d5';
}

header nav#top-nav .instagram a:before {
	content: '\f16d';
}

header nav#top-nav .facebook a:before,
header nav#top-nav .twitter a:before,
header nav#top-nav .pinterest a:before,
header nav#top-nav .googleplus a:before,
header nav#top-nav .instagram a:before {
    display: block;
    font-family: 'FontAwesome';
    font-style: normal;
    cursor: pointer;
}

header nav#top-nav .facebook,
header nav#top-nav .twitter,
header nav#top-nav .googleplus,
header nav#top-nav .pinterest,
header nav#top-nav .instagram {
    padding: 0
}

header nav#top-nav .facebook a:hover,
header nav#top-nav .twitter a:hover,
header nav#top-nav .pinterest a:hover,
header nav#top-nav .googleplus a:hover,
header nav#top-nav .instagram a:hover {
    opacity: 0.8;
}

header nav#top-nav ul li.facebook a,
header nav#top-nav ul li.twitter a,
header nav#top-nav ul li.pinterest a,
header nav#top-nav ul li.googleplus a,
header nav#top-nav ul li.instagram a {
    padding: 0;
    width: 20px;
    height: 30px;
    overflow: hidden;
}

header nav#main-nav {
    border-bottom: 5px solid #ccc;
}

header a {
    color: #fff;
    text-decoration: none;
}

header nav#main-nav a {
    text-transform: uppercase;
}

header nav#main-nav ul {
	box-sizing: border-box;
	display: flex;
	flex: 0 1 auto;
	flex-flow: row wrap;
	padding: 0;
    margin-left: 135px;
}

header nav#main-nav ul li {
    border-right: 1px solid #555;
    display: inline;
    text-align: center;
    transition: background 300ms ease-out 0s;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-basis: auto;
    -ms-flex-preferred-size: 0;
	flex-basis: auto;
	max-width: 100%;
}

header nav#main-nav ul li:hover,
header nav#main-nav ul li.active {
    background-color: #333;
}

header nav#main-nav ul li:last-child {
    border-right: 0 none;
}

header nav#main-nav ul li a {
    display: table;
    font-size: 11px;
    font-size: 0.6875rem;
    height: 48px;
    line-height: 48px;
    letter-spacing: 1px;
	width: 100%;
}

header nav#main-nav ul li.home a:before {
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: 'FontAwesome';
    content: "\f015";
    cursor: pointer;
}

header nav#main-nav ul li.home {
    padding: 0 15px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
	::i-block-chrome, header nav#main-nav ul {
		display: flex;
		flex-wrap: wrap;
	}
	
    ::i-block-chrome, header nav#main-nav ul li {
		flex: 1 0 calc(25% - 25px);
		box-sizing: border-box;
		padding-left: 25px;
		padding-right: 25px;		
    }
}

/* ----------------------------------------------------------------------
 *  Header Large DropDown
 * ---------------------------------------------------------------------- */

#header-large-dropdown {
    position: absolute;
    z-index: 220;
    width: 100%;
}

#header-large-dropdown .btn-close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 25px;
    z-index: 7;
}
#header-large-dropdown .btn-close p {
	color: #959595;
	font-size: 12px;
}

#header-large-dropdown .btn-close p:after {
    color: #333;
    content: "\f057";
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 30px;
	vertical-align: middle;
	margin-left: 5px;
}

#header-large-dropdown-inner.show {
    box-shadow: 0 10px 10px -10px rgba(51, 51, 51, 0.6);
    -webkit-box-shadow: 0 10px 10px -10px rgba(51, 51, 51, 0.6);
    -moz-box-shadow: 0 10px 10px -10px rgba(51, 51, 51, 0.6);
}

#header-large-dropdown-inner {
    position: absolute;
    width: 100%;
    min-height: 200px;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #000;
    -webkit-transition: -webkit-transform .3s ease;
    -ms-transition: -ms-transform .3s ease;
    transition: transform 0.3s ease;
    -webkit-transform: translate3d(0, -200px, 0);
    -ms-transform: translate3d(0, -200px, 0);
    transform: translate(0, -200px);
}

#header-large-dropdown-inner.show {
    -webkit-transform: translate3d(0, 0, 0); /* iphone, android */
    -ms-transform: translate3d(0, 0, 0); /* windows phone */
    transform: translate(0, 0); /* desktop */
}

#header-large-dropdown .main-nav-inner {
    display: none;
    padding-bottom: 20px;
}

#header-large-dropdown .main-nav-dropdown {
    margin-top: 30px;
}

#header-large-dropdown .main-nav-dropdown li:last-child ul {
    padding-right: 0;
}

#header-large-dropdown .main-nav-dropdown.grid {
    margin-left: 10px;
}

#header-large-dropdown .main-nav-dropdown .grid__col {
    margin-right: 0;
    padding-left: 0;
}

#header-large-dropdown .main-nav-dropdown .modul-list {
    border-top: 1px solid rgb(233, 233, 233);
    padding-right: 20px;
    padding-top: 7px;
    position: relative;
}

#header-large-dropdown .main-nav-dropdown .modul.no-head {
    padding-top: 48px;
}

#header-large-dropdown .main-nav-dropdown .modul_a {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}

#header-large-dropdown .main-nav-dropdown .modul_a .modul-list {
    padding-top: 20px;
}

#header-large-dropdown .main-nav-dropdown .modul_a .modul-list li {
    padding-bottom: 10px;
}

#header-large-dropdown .main-nav-dropdown .modul .modul-head {
    color: #959595;
    display: table-cell;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    height: 48px;
    overflow: hidden;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1px;
    vertical-align: middle;
}

#header-large-dropdown .main-nav-dropdown .modul .modul-head a {
    color: #959595;
}

#header-large-dropdown .main-nav-dropdown .modul .modul-list li {
    overflow: hidden;
}

#header-large-dropdown .main-nav-dropdown .modul .modul-list li a {
    display: table;
}

#header-large-dropdown .main-nav-dropdown .modul .modul-list li a img {
    display: table-cell;
}

#header-large-dropdown .main-nav-dropdown .modul_a .modul-list li a img {
    border: 2px solid #eee;
    height: auto;
    margin-right: 10px;
    width: 60px;
}

#header-large-dropdown .main-nav-dropdown .modul_c {
    text-align: center;
}

#header-large-dropdown .main-nav-dropdown .modul_c img {
	float: left;
    max-width: 100%;
	padding-right: 15px;
	width: auto;
}

#header-large-dropdown ul.main-nav-dropdown li:last-child .modul_c img {
	padding-right: 0;	
}

#header-large-dropdown .main-nav-dropdown .modul_c .button,
#header-large-dropdown .main-nav-dropdown .modul_c button {
	font-size: 0.875rem;
	padding: 3px 14px;
}

#header-large-dropdown .main-nav-dropdown .modul_c .img-wrapper {
    border-top: 1px solid rgb(233, 233, 233);
	float: left;
    padding-top: 20px;
	width: 100%;
}

#header-large-dropdown .main-nav-dropdown .modul_c .title {
   	color: #000;
    display: table-cell;
    float: left;
    font-family: Georgia,Cambria,"Times New Roman",Times,serif;
    font-size: 16px;
	line-height: 1.2;
    height: auto;
    padding: 15px 10px 20px;
    text-align: left;
    text-transform: none;
    vertical-align: middle;
    width: 100%;
}

#header-large-dropdown .main-nav-dropdown .modul_c .button {
    float: none;
    margin: 0;
}

#header-large-dropdown .main-nav-dropdown .modul .modul-list li a .title {
    display: table-cell;
    color: #000;
    padding-right: 10px;
}

#header-large-dropdown .main-nav-dropdown .modul_a .modul-list li a .title {
    font-size: 14px;
    line-height: 1.3;
    padding-right: 10px;
    vertical-align: middle;
}

#header-large-dropdown .main-nav-dropdown .modul_b .modul-list li a .title {
    font-size: 12px;
    letter-spacing: 1px;
    width: 95%;
}

#header-large-dropdown .main-nav-dropdown .modul_b .modul-list li {
    border-bottom: 1px solid rgb(233, 233, 233);
}

#header-large-dropdown .main-nav-dropdown .modul_b .modul-list li a {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #fff;
    padding: 10px 10px 10px 0;
    width: 100%;
}

#header-large-dropdown .main-nav-dropdown .modul_b .modul-list li a:hover {
    background: #f5f5f5;
    padding-left: 10px;
}

#header-large-dropdown .main-nav-dropdown .modul_b .modul-list a::after {
    color: #a9a9a9;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 11px;
}

/* ----------------------------------------------------------------------
 *  Google Search
 * ---------------------------------------------------------------------- */

header .gcse {
    position: absolute;
    right: 5px;
}

.gcse form.gsc-search-box {
    margin: 0;
    padding: 0;
}

.gcse table.gsc-search-box {
    border: 0 none;
    margin: 0;
}

header .gcse table.gsc-search-box {
    width: 50px;
}

.gcse table.gsc-search-box th,
.gcse table.gsc-search-box td.gsc-input {
    border-bottom: 0 none;
    padding: 0;
}

.gcse input,
.gcse textarea,
.gcse select,
.gcse fieldset {
    margin-bottom: 0;
}

header .gcse td.gsc-input {
    position: relative;
}

header .gcse input.gsc-input {
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
	background: #fff none repeat scroll 0 0!important;
    /*background: #333333 none repeat scroll 0 0 !important;*/
    border: 1px solid #555;
    border-radius: 2px;
    box-sizing: border-box;
  /*color: transparent;*/
	color: #333;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0;
    padding: 10px;
    text-align: left;
    transition: all 0.4s ease 0s;
    width: 100px;
}

header .gcse input.gsc-input:focus,
header .gcse input.gsc-input:hover {
    outline: none;
    width: 500px;
   /* color: #FFFFFF;*/
	color: #333;
    -webkit-box-shadow: 0 0 0 2px #999;
    -moz-box-shadow: 0 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.gcse input.gsc-search-button {
    background: #444444 url("../assets/img/icons.png") no-repeat scroll 8px 13px;
    border: 0 none;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 0;
}

header .gcse input.gsc-search-button {
    height: 48px;
    min-width: 0;
    width: 25px;
    padding: 0;
}

.gcse input.gsc-search-button:hover {
    background: #444444 url("../assets/img/icons.png") no-repeat scroll 8px -70px;
}

.gcse td.gsc-clear-button {
    display: none;
}

.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long {
    color: #999999;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.2;
    margin: 0.5em 0 0.1em;
}

.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long > b {
    font-weight: bold;
}

/*Searchbutton auf der Suchseite*/

.gsc-search-box input.gsc-input {
    margin-bottom: 0;
}

.gcse_input {
    width: 66.6667%;
}

.gsc-search-box .gsc-clear-button {
    display: none;
}

/* ----------------------------------------------------------------------
 *  Breadcrumb
 * ---------------------------------------------------------------------- */

#breadcrumbs {
    margin-top: 24px;
    color: #999;
    font-size: 11px;
    font-size: 0.6875rem;
	padding-bottom: 5px;
}

#breadcrumbs a {
    color: #999;
    text-decoration: underline;
}

/* ----------------------------------------------------------------------
 *  Content / ArchiveView
 * ---------------------------------------------------------------------- */

#main_content {
}

#main_content h1 {
    font-size: 44px;
    font-size: 2.75rem;
    margin: 20px 0 50px 0;
}

#main_content article.standard-post {
    margin-bottom: 24px;
}

#main_content article.standard-post .entry-image {
    float: left;
    width: 28%;
    margin-right: 6%;
}

#main_content article .entry-image a {
    display: block;
    width: 100%;
}

#main_content article .entry-image figcaption a {
    color: #999;
    display: inline-block;
    text-decoration: underline;
    width: auto;
}

#main_content article .entry-image img {
    display: block;
    width: 100%;
    height: auto;
}

#main_content article .entry-image img.thumbnail {
    display: block;
}

#main_content article .entry-image img.fullhd-small {
    display: none;
}

#main_content article.featured-post h2 {
    font-size: 32px;
    font-size: 2.0625rem;
    padding-top: 5px;
}

#main_content article.standard-post h3 {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 2px 0 0;
}

#main_content article.standard-post .entry-body {
    float: left;
    width: 66%;
}

#main_content article .entry-content p {
    font-size: 16px;
    font-size: 1rem;
}

#main_content article .entry-content a {
    color: #3f7589;
    text-decoration: underline;
}

.home-content {
    margin-top: 50px;
    margin-bottom: 50px;
}

.home-content h1 {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 2px 0 0;
    text-align: center;
}

.home-content p {
    padding: 10px;
    text-align: center;
}

.home-content a {
    color: #3f7589;
    text-decoration: underline;
}

/* ----------------------------------------------------------------------
 *  Author Box
 * ---------------------------------------------------------------------- */

.archive .author-box {
    background: #f5f5f5;
    margin-bottom: 32px;
    padding-bottom: 16px;
}

.archive .author-box .grid {
    margin-bottom: 0;
}

.archive .author-box hr {
    padding: 0;
    margin: 8px 0;
}

.archive .author-box .entry-thumb {
    text-align: center;
}

.archive .author-box .entry-content {
    padding-right: 16px;
}

.archive .author-box .box-action a {
    color: #333;
    font-size: 15px;
    font-size: 0.9375rem;
    text-decoration: underline;
}

.archive .author-box img {
    border-radius: 50%;
    margin-top: 16px;
    max-width: 100%;
    height: auto;
}

.archive .author-box h4 {
    font-size: 23px;
    font-size: 1.4375rem;
}

.archive .author-box .vcard {
    display: block;
    margin-top: 16px;
}

.archive .author-box p {
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: italic;
}

/* ----------------------------------------------------------------------
 *  Search result page (google search)
 * ---------------------------------------------------------------------- */

.search-results #main_content h1 {
	margin: 10px 0;	
}

.search-results #main_content .cse .gsc-control-cse,
.search-results #main_content .gsc-control-cse {
    padding: 0;
}

.search-results #main_content .cse .gsc-tabsArea,
.gsc-tabsArea {
    margin-top: 0;
}

.search-results #main_content input.gsc-search-button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ff9300 url("../assets/img/icons.png") no-repeat scroll -62px 6px;
    border-color: #e06417;
    border-image: none;
    border-radius: 2px;
    border-style: none none solid;
    border-width: medium medium 3px;
    color: transparent;
    height: 3.4em;
    min-width: 50px;
    width: 50px;
}

.search-results #main_content input.gsc-search-button:hover {
    background-color: #e06417;
}

.search-results #main_content .gsc-tabsArea {
    margin-bottom: 0;
}

.search-results #main_content .gsc-tabHeader.gsc-tabhInactive,
.search-results #main_content .gsc-tabHeader.gsc-tabhActive {
    padding: 0.5em 1em;
}

.search-results #main_content .gsc-tabHeader.gsc-tabhInactive:hover {
    background-color: #333;
    border-color: #333;
}

.search-results #main_content .gsc-above-wrapper-area {
    margin-bottom: 30px;
    padding: 10px 0;
}

.search-results #main_content .gsc-selected-option-container {
    width: auto !important;
}

.search-results #main_content .gsc-table-cell-thumbnail,
.search-results #main_content .gs-promotion-image-cell {
    padding-left: 0;
}

.search-results #main_content .cse .gsc-webResult.gsc-result,
.search-results #main_content .gsc-webResult.gsc-result,
.search-results #main_content .gsc-imageResult-classic,
.search-results #main_content .gsc-imageResult-column {
    padding-left: 0;
    border-bottom: 3px solid #ebeced;
    padding: 0.625em 0 1.563em;
}

.search-results #main_content .gsc-webResult.gsc-result .gs-web-image-box,
.search-results #main_content .gsc-imageResult .gs-web-image-box {
    margin-right: 1.8em;
}

.search-results #main_content .gsc-webResult.gsc-result:hover,
.search-results #main_content .gsc-imageResult:hover {
    background-color: #ffffff;
    border-color: #ffffff;
}

.search-results #main_content .gs-web-image-box,
.search-results #main_content .gs-promotion-image-box {
    padding: 0;
    width: auto;
}

.search-results #main_content .gs-web-image-box img.gs-image,
.search-results #main_content .gs-promotion-image-box img.gs-promotion-image {
    border: 0 none;
    max-height: none;
    max-width: 130px;
    margin-top: 5px;
}

.search-results #main_content .gs-webResult.gs-result a.gs-title:link,
.search-results #main_content .gs-imageResult a.gs-title:link {
    display: block;
}

/* ----------------------------------------------------------------------
 *  Paging
 * ---------------------------------------------------------------------- */

.search-results #main_content .gsc-results .gsc-cursor-box {
    margin: 35px 0 25px;
    text-align: center;
}

.search-results #main_content .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-radius: 5px;
    color: #999999;
    font-size: 16px;
    font-size: 1rem;
    padding: 0.0625rem 0.625rem;
    text-decoration: none;
}

.search-results #main_content .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    color: #ffffff;
}

/* ----------------------------------------------------------------------
 *  Error page (404)
 * ---------------------------------------------------------------------- */

div.error {
    margin-bottom: 30px;
}

div.error ul,
div.error ul li {
    list-style: none;
}

/* ----------------------------------------------------------------------
 *  Banner / Adds
 * ---------------------------------------------------------------------- */

.banner-pos {
    z-index: 1;
}

.banner_top {
    margin: 0 auto;
    text-align: center;
    position: relative;
    width: 100%;
}

.banner_top div {
    #display: block !important;
    line-height: 0;
    margin: 0 auto;
}

.banner_right {
    left: 1000px;
    position: absolute;
    z-index: 99;
}

.banner_right img {
    min-width: 120px;
}

#billboard_wrapper {
    padding-bottom: 0px;
    width: 100%;
}

#billboard_wrapper div {
    margin: 0 auto;
}

#billboard_wrapper p {
    color: #999;
    display: block;
    font-size: 11px;
    margin:0 5px 5px 0;
    text-align: right;
}

body #inner_billboard {
    margin-left: 0 !important;
    text-align: center;
}

.widget_text .ad,
.widget_text .ad-intern {
    text-align: center;
}

.widget_text .ad p,
.widget_text .ad-intern p {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    margin-bottom: 0.25rem;
    padding-left: 0.6em;
    text-align: left;
}

.archive .text-widget {
    padding-bottom: 40px;
}

.archive .text-widget a {
    border-bottom: 1px solid #999;
    color: #333;
}

.archive #main_content article .entry-content a.moretag {
    border-bottom: 2px solid #999;
    color: #333;
    text-decoration: none;
}
.archive #main_content article .entry-content a:hover.moretag {
    border-bottom: 2px solid #000;
    color: #000;
}

/* ----------------------------------------------------------------------
 *  Content / ArchiveView
 * ---------------------------------------------------------------------- */

.home #main_content article.standard-post {
    margin-bottom: 24px;
}

/* ----------------------------------------------------------------------
 *  Pagination
 * ---------------------------------------------------------------------- */

.pagination-centered {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.pagination-centered ul.pagination li {
    float: none;
    display: inline-block;
}

ul.pagination {
    display: block;
    min-height: 1.5rem;
    margin-left: -0.3125rem;
}

ul.pagination li {
	border-radius: 5px;
    display: block;
   /* padding: 0.0625rem 0.625rem 0.0625rem;*/
    /*height: 1.5rem;*/
    color: #999999;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    margin-left: 0.3125rem;
}

ul.pagination li a,
ul.pagination li button, 
#main_content article .entry-content ul.pagination li a,
#main_content article .entry-content ul.pagination li button {
    display: block;
    /*padding: 0.0625rem 0.625rem 0.0625rem;*/
	border-radius: 5px;
    color: #999999;
    background: none;
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: inherit;
	padding: 5px 15px;
    transition: background-color 300ms ease-out;
}

#main_content article .entry-content ul.pagination li a {
	text-decoration: none;
}

ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li:hover button,
ul.pagination li button:focus,
ul.pagination li.current a,
#main_content article .entry-content ul.pagination li:hover,
#main_content article .entry-content ul.pagination li a:focus,
#main_content .entry-content .comments-overview  .pagination-centered li.current {
    background: #e6e6e6;
}

ul.pagination li.unavailable a,
ul.pagination li.unavailable button {
    cursor: default;
    color: #999999;
}

ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable button:focus {
    background: transparent;
}

ul.pagination li.current a,
ul.pagination li.current button {
    font-weight: 500;
    cursor: default;
}

ul.pagination li {
    float: left;
    display: block;
}
.pagination-home {
	flex-basis: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.pagination-home .row {
	box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-flow: row wrap;
    padding: 0;
}
.pagination-home a {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-basis: auto;
	-ms-flex-preferred-size: 0;
	flex-basis: auto;
	text-align: center;
	max-width: 100%;
}
.pagination-home a .next-btn, .pagination-home a .prev-btn {
	width: 70%;
	
}
/* ----------------------------------------------------------------------
 *  Article
 * ---------------------------------------------------------------------- */

article {
    display: block;
    float: left;
    width: 100%;
}

.single #main_content article .entry-head,
.page #main_content article .entry-head, 
.archive #main_content .entry-head {
    position: relative;
    height: 126px;
    display: table;
    text-align: center;
    width: 100%;
    table-layout: fixed;
    display: table;
}

.page #main_content article .entry-head, 
.archive #main_content .entry-head {	
	text-align: left;
}

.archive #main_content .entry-head h1 {
	display: table-cell;
	vertical-align: middle;
}

.single #main_content article .entry-head h1,
.single #main_content h1.main-title,
.page #main_content h1.entry-title {
    padding: 0;
    font-size: 34px;
    font-size: 2.125rem;
    display: table-cell;
    vertical-align: middle;
    width: 100%;  
}

.single #main_content article .entry-head h1,
.single #main_content h1.main-title {
	 text-align: center;
}

.page #main_content h1.entry-title {
	text-align: left;
}

.single #main_content article .entry-head h1,
.single #main_content h1.main-title {
	height: 114px;	
}

.page #main_content h1.entry-title {
	height: 146px;
}

.single #main_content article .entry-head .byline {
    width: 100%;
    margin: 0;
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: center;
    display: table-footer-group;
}

.single #main_content article .entry-head .byline .author {
    padding: 0 10px;
}

.single #main_content article .entry-head .byline .author a {
    font-style: italic;
}

.single #main_content article .entry-head .byline a {
    color: #999;
    text-decoration: underline;
}

.single #main_content article .entry-head .byline a:hover {
    color: #636363;
}

.archive #menu-social-menu-sidebar {
    height: 76px;
    padding-top: 28px;
}

#sidebar ul#menu-social-menu-sidebar.menu {
    padding-top: 40px;
}

.single #main_content article .entry-image {
    border-top: 3px solid #333;
    margin-top: 0.75em;
}

.single #main_content article .entry-image figcaption {
    padding: 5px 8px 8px 0;
}

.single #main_content article figure {
	padding: 5px 0 20px;
}

.single #main_content article .wp-caption {
    max-width: 100%;
    padding: 5px 0 10px;
    text-align: left;
}
.page .grid img.alignleft,
.page .grid .wp-caption.alignleft,
.single #main_content article .wp-caption.alignleft,
.single #main_content article img.alignleft {
    float: left;
    margin: 0 1em 0 0;
    width: 30%;
    height: auto;
}

.page .grid img.alignright,
.page .grid .wp-caption.alignright,
.single #main_content article .wp-caption.alignright,
.single #main_content article img.alignright {
    float: right;
    margin: 0 0 0 1em;
    width: 30%;
    height: auto;
}

.page .grid img.aligncenter,
.page .grid .wp-caption.aligncenter,
.single #main_content article .wp-caption.aligncenter,
.single #main_content article img.aligncenter {
    margin: 0 auto;
    width: 100%;
  /*height: 100%;*/
}

.page .grid figcaption,
.single #main_content article figcaption {
    color: #878787;
    font-family: "Roboto";
    font-weight: 300;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.4;
    padding: 8px 0;
}

.page .grid figcaption a,
.single #main_content article .entry-content figcaption a {
    color: #878787;
    display: inline;
    text-decoration: underline;
}

.single #main_content article .entry-content .abstract {
    color: #000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 29px;
}

.single #main_content article .entry-content a {
    color: #333;
    text-decoration: underline;
}

.single #main_content article .entry-content a:hover {
    color: #777;
}

.single #main_content article .entry-content h2, .single #main_content article .entry-content .classh2 {
    font-size: 25px;
    font-size: 1.5625rem;
}

.single #main_content article .entry-content h3,
.single #main_content article .entry-content .classh3 {
    font-size: 22px;
    font-size: 1.375rem;
}

.single #main_content article .entry-content ul,
.single #main_content article .entry-content ol,
.single #main_content article .entry-content dl {
    list-style-position: outside;
    margin-bottom: 20px;
    padding-left: 15px;
    font-weight: 300;
}

.single #main_content article .entry-content ul,
.single #main_content article .entry-content dl {
    list-style-type: disc;
}

.single #main_content article .entry-content ol {
    list-style-type: decimal;
}

.single #main_content article .entry-content ul li,
.single #main_content article .entry-content ol li {
    padding-bottom: 5px;
}

/* ----------------------------------------------------------------------
 *  Big button to gallery
 * ---------------------------------------------------------------------- */

.gallery-button {
    background: #ecebea;
    border-color: #aaa;
    border-style: dotted;
    border-width: 1px 0;
    float: left;
    margin-bottom: 1.25rem;
    padding: 0 0.6rem 0.3rem;
    width: 100%;
}

.gallery-button a {
    float: left;
    text-decoration: none !important;
    width: 100%;
}

.gallery-button a:hover {
    color: #000 !important;
}

.gallery-button a:before {
    color: #aaa;
    content: "\f030";
    float: left;
    font-family: FontAwesome;
    font-size: 23px;
    font-size: 1.4375rem;
    margin: 5px 10px 0 0;
}

.gallery-button a span {
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.2;
    padding-top: 9px;
    width: 93%;
    word-wrap: break-word;
}

.gallery-button button,
.gallery-button .button {
    clear: both;
    margin: 10px 0 3px 0;
    padding: 6px 8px 4px 16px;
    border-bottom: 3px solid #e06417;
}

.gallery-button button:after,
.gallery-button .button:after {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 11px;
    margin-left: 8px;
}

/* ----------------------------------------------------------------------
 *  FullWidth link
 * ---------------------------------------------------------------------- */

a.OrangeFullwidth,
a.RedFullwidth,
a.GreyFullwidth,
a.WhiteFullwidth,
a.GreenFullwidth,
a.OrangeAutowidth,
a.RedAutowidth,
a.GreyAutowidth,
a.WhiteAutowidth,
a.GreenAutowidth,
.prev-btn, .next-btn {
    border-radius: 5px;
    color: #FFFFFF !important;
    display: inline-block;
    line-height: 1.2;
    margin: 0.5rem 0;
	padding: 0.5rem 0.6rem;
    position: relative;
    font-weight: 300;
	text-align: center;
    text-decoration: none !important;
}

a.OrangeFullwidth,
a.RedFullwidth,
a.GreyFullwidth,
a.WhiteFullwidth {
    display: block !important;
    text-align: center;
    width: auto;
}

a.OrangeFullwidth:after,
a.RedFullwidth:after,
a.GreyFullwidth:after,
a.WhiteFullwidth:after,
a.GreenFullwidth:after,
a.OrangeAutowidth:after,
a.RedAutowidth:after,
a.GreyAutowidth:after,
a.WhiteAutowidth:after,
a.GreenAutowidth:after,
.next-btn:after {
    font-family: FontAwesome;
    font-size: 0.9em;
    line-height: 1;
    content: "\f054";
    margin-left: 0.5rem;
}

.prev-btn:before {
	font-family: FontAwesome;
    font-size: 0.9em;
	line-height: 1;
	content: "";
	margin-right: 0.5rem;
}

a.OrangeFullwidth,
a.OrangeAutowidth {
    background: #ff9300;
}

a.OrangeFullwidth:hover,
a.OrangeAutowidth:hover,
.utopia-empfiehlt a.OrangeAutowidth:hover,
.utopia-empfiehlt a.OrangeFullwidth:hover {
    background: #e06517;
}

a.RedFullwidth,
a.RedAutowidth {
    background: #db1f26;
}

a.RedFullwidth:hover,
a.RedAutowidth:hover {
    background: #c41c23;
}

a.GreenFullwidth,
a.GreenAutowidth {
    background: #2b7d11;
}

a.GreenFullwidth:hover,
a.GreenAutowidth:hover {
    background: #215e0d;	
}

a.GreyFullwidth,
a.GreyAutowidth,
.prev-btn, .next-btn {
    background: #696969;
}

a.GreyFullwidth:hover,
a.GreyAutowidth:hover,
.prev-btn:hover, .next-btn:hover {
    background: #444444;
}

a.WhiteFullwidth,
a.WhiteAutowidth {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333 !important;
}

a.WhiteFullwidth:hover,
a.WhiteAutowidth:hover {
    background: #f7f7f7;
}

/* ----------------------------------------------------------------------
 *  Social share buttons below article
 * ---------------------------------------------------------------------- */

.single #main_content article .entry-content .social-sharing {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    padding-top: 24px;
}

.single #main_content article .entry-content .social-sharing a {
    display: inline-block;
    border-radius: 5px;
    margin-right: 14px;
    margin-bottom: 10px;
    width: auto;
    text-align: center;
    text-decoration: none;
}

.single #main_content article .entry-content .social-sharing i.fa-facebook:before {
    content: '\f09a';
}

.single #main_content article .entry-content .social-sharing i.fa-twitter:before {
    content: '\f099';
}

.single #main_content article .entry-content .social-sharing i.fa-pinterest:before {
    content: '\f231';
}

.single #main_content article .entry-content .social-sharing i.fa-google-plus:before {
    content: '\f0d5';
}

.single #main_content article .entry-content .social-sharing i.fa-envelope:before {
    content: '\f0e0';
}

.single #main_content article .entry-content .social-sharing i {
    display: inline-block;
    border: 2px solid #aaa;
    border-radius: 25px;
    height: 42px;
    width: 42px;
    color: #aaa;
    font-family: 'FontAwesome';
    font-size: 21px;
    font-size: 1.3125rem;
    font-style: normal;
    line-height: 42px;
}

.single #main_content article .entry-content .social-sharing a span {
    font-size: 12px;
    font-size: 0.75rem;
    position: relative;
    top: -3px;
    color: #aaa;
}

.single #main_content article .entry-content .social-sharing a:hover i,
.single #main_content article .entry-content .social-sharing a:hover span {
    color: #888;
    border-color: #888;
}

/* ----------------------------------------------------------------------
 *  Tags below article
 * ---------------------------------------------------------------------- */

.single .tags {
    float: left;
    width: 100%;
    border-bottom: 2px solid #ebeced;
    border-top: 2px solid #ebeced;
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 10px 0;
}

.single .tags a {
    background-color: #ebeced;
    border-radius: 4px;
    padding: 2px 7px;
    color: #333;
    text-decoration: none;
    line-height: 28px;
}

.single .tags a:hover {
    background-color: #ccc;
    border-radius: 4px;
}

/* ----------------------------------------------------------------------
 *  Gallery article (most styles can be found in flexslider.css)
 * ---------------------------------------------------------------------- */

.single.single-utopia_gallery #main_content h1.main-title {
    display: block;
    margin-bottom: 20px;
    height: auto;
}

.single.single-utopia_gallery #sidebar.gallery-back-button {
    float: right;
}

#page_gallery .gallery-text {
    margin-top: 65px;
    /* to be moved into flexslider.css ?*/
}

#page_gallery {
    float: left;
    width: 100%;
}

.gallery-back-button {
    text-align: center;
}

.single.single-utopia_gallery .entry-content hr {
    display: none;
}

/* ----------------------------------------------------------------------
 *  Contextly boxes under content
 * ---------------------------------------------------------------------- */

#main_content .ctx-module-container .ctx-content-float .ctx-links-header p {
    text-transform: uppercase !important;
    font-size: 1.2rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
}

#main_content .ctx-module-container .ctx-content-float .ctx-link-title p {
    font-size: 1.1rem !important;
    padding-top: 0.3em !important;
}

/* ----------------------------------------------------------------------
 *  Article Comments
 * ---------------------------------------------------------------------- */

input.error,
textarea.error,
select.error {
    margin-bottom: 0;
}

#main_content .comments {
    margin-bottom: 30px;
}

#commentform div.error,
#commentform label.error {
    color: #ff0000;
    font-size: 14px;
    font-size: 0.875rem;
}

#comments {
    float: left;
    margin-top: 0.5em;
    padding-top: 0.5em;
    width: 100%;
}
#comments ul.pagination li a, #comments ul.pagination li button {
	color: #999999;
	border: 0 none;
	
}
#comments article {
    float: none;
}

#comments .comment .comment-edit-alert p {
    margin-top: 10px;
    color: #ff0000;
    font-size: 12px;
}

#comments .reply {
    height: 24px;
    float: right;
}

#comments a.comment-reply-link {
    display: block;
    background-color: #c8c8c8;
    border-bottom: 3px solid #ababab;
    border-radius: 2px;
    transition: background-color 300ms ease-out;
    padding: 0 11px;
    color: #FFFFFF !important;
    font-size: 11px;
    line-height: 24px;
    height: 24px;
    text-transform: uppercase;
    text-decoration: none !important;
    box-sizing: border-box;
}

#comments a.comment-reply-link:hover {
    background-color: #ababab;
}

#comments section.comment {
    padding-bottom: 10px;
    overflow: hidden;
}

#comments .comment-list ul.children {
    margin-left: 0;
}

#comments .comment-list article.comment-body {
    position: relative;
    margin: 30px 0;
    margin-left: 65px;
    border-bottom: 1px dotted #999;
    width: auto;
}

#comments .comment-list ul.children article.comment-body {
    margin-left: 103px;
}

#comments .comment-list ul.children .depth-3 article.comment-body {
    margin-left: 135px;
}

#comments .comment-list article.comment-body .commenttext {
    margin-bottom: 10px;
    min-height: 33px;
    word-wrap: break-word;
}

#comments .comment-list article.comment-body .commenttext p {
    font-size: 14px;
    word-wrap: break-word;
}

#comments .comment-list article.comment-body .deleted-comment .commenttext p {
    color: #ccc;
    word-wrap: break-word;
}

#comments .comment-list .avatar {
	border-radius: 50%;
    width: 55px;
    height: 55px;
    left: -64px;
    position: absolute;
    top: -3px;
}

#comments .comment-list ul.children .avatar {
    left: -65px;
}

#comments .comment-list ul.children .depth-3 .avatar {
    left: -65px;
}

#comments a {
    color: #666;
    text-decoration: none;
	border-bottom: 1px solid #999;
    word-break: break-all;
}

#comments .reply a .fa-mail-reply:before,
#comments .reply a .fa-reply:before {
    font-family: 'FontAwesome';
    content: "\f112";
    font-style: normal;
}

#comments .reply a .fa-reply {
    color: #FFFFFF;
}

#comments ol {
    margin-left: 0;
}

#comments ol li {
    list-style-type: none;
}

#comments .comment-author {
    padding: 0;
    text-align: left;
    font-weight: 300;
}

#comments .comment-author .vcard {
    border: none;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0;
    padding: 0;
    height: 40px;
}

#comments .comment-author .vcard cite {
    font-style: normal;
    font-weight: 500;
}
/*comments overview*/

#main_content .entry-content .comments-overview .pagination-home {
	float:left;	
	width: 100%;
}

#main_content .entry-content .comments-overview  .pagination-centered {
	margin-top: 30px;
}

#main_content .entry-content .comments-display {
	float: left;
    margin: 10px 25px 30px 70px;
    position: relative;
    width: auto;
}

#main_content .entry-content .comments-display .avatar {
	border-radius: 50%;
    width: 55px;
    height: 55px;
    left: -70px;
    position: absolute;
    top: -3px;
}

#main_content .entry-content .comments-display .small {
    display: block;
    line-height: 1.5;
    margin-top: 10px;
}

#main_content .entry-content .comments-display span {
	font-weight: 300;
}

#main_content .entry-content .comments-display a {
	color: #333;
	text-decoration: none;
}
#main_content .entry-content .comments-display .h4 {
	display: table;
	font-family: Georgia,Cambria,"Times New Roman",Times,serif;
	line-height: 1.4;
	table-layout: fixed;
	width: 100%;
    word-wrap: break-word;	
}


/*permalinks for comments*/
.permalink_comment {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.permalink_comment:after {
    color: #999;
    content: '\f0c1';
    padding: 0 3px;
}
:root .rotate-90 {
    filter: none;
}
.rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*Comments Edit/Delete*/

#comments .comment-edit-form {
}

#comments .comment-edit-form p {
    margin-bottom: 15px;
}

#comments .comment-edit {
    overflow: hidden;
    float: left;
}

#comments .comment-edit a.comment-link {
    display: block;
    float: left;
    background-color: #ebebeb;
    border-radius: 2px;
    color: #222;
    margin-right: 4px;
    padding: 4px 6px;
    font-size: 11px !important;
    font-size: 0.6875rem !important;
    font-size: 12px;
    text-decoration: none !important;
}

#comments .comment-edit a.comment-link:hover {
    background-color: #cecece;
}

#comments .comment-edit a.edit-comment {
    background-color: #ff9300;
    color: #fff !important;
}

#comments .comment-edit a.edit-comment:hover {
    background-color: #cc6000;
}

#comments .comment-edit-actions {
    display: inline-block;
}

#comments li.depth-1 > article .comment-edit-actions {
    margin-top: 24px;
}

#comments .comment-edit .save-comment,
#comments .comment-edit .cancel-comment {
    display: inline-block;
    float: left;
    margin: 10px 1px 0 0;
    position: relative;
    text-decoration: none !important;
    text-align: center;
    padding: 5px 16px;
    font-size: 1rem;
    background-color: #ff9300;
    border-bottom: 3px solid #e06417;
    color: #FFFFFF !important;
    border-radius: 2px;
    transition: background-color 300ms ease-out;
}

#comments .comment-edit .cancel-comment {
    background-color: #c8c8c8;
    border-color: #ababab;
}

#comments .comment-edit .button:before {
    content: none;
}

#comments .comment-edit .save-comment:hover {
    background-color: #e06417;
}

#comments .comment-edit .cancel-comment:hover {
    background-color: #ababab;
}

#respond {
    float: left;
    padding-top: 1.5rem;
    width: 100%;
}

#respond form > p {
    overflow: hidden;
}

#respond form a {
    color: #333;
    text-decoration: underline;
}

#respond form .required-txt {
    float: left;
    color: #bbb;
    font-weight: 300;
    font-style: italic;
}

#respond form .character-count,
.comment .character-count {
    float: right;
    font-size: 13px;
}

#respond form .character-count .red {
    color: #ff0000;
}

/* nested comment field (on reply) */

#comments #respond {
    float: none;
    overflow: hidden;
    padding-top: 0;
}

#comments #respond form input.button {
    z-index: 9;
}

#comments #respond #cancel-comment-reply-link {
    font-size: 13px;
}

/*ERROR Field Validation*/

.parsley-error {
    color: #ff0000 !important;
}

.required {
    color: #ff0000 !important;
}

input.parsley-error,
textarea.parsley-error {
    color: #B94A48 !important;
    border: 1px solid #ff0000 !important;
}

ul.parsley-errors-list {
    float: left;
    color: #ff0000;
    font-size: 15px;
    line-height: 20px;
    margin: 2px;
    max-width: 80%;
}

/* ----------------------------------------------------------------------
 *  Widgets
 * ---------------------------------------------------------------------- */

.widget {
    margin-bottom: 32px;
}

.widget .textwidget img {
    height: auto;
    max-width: 100%;
}

.widget_rss {
    border-bottom: 3px solid #a9a9a9;
}

aside#sidebar article h6, aside#sidebar .h2.roboto {
    color: #959595;
	font-size: 0.9rem;
    border-top: 3px solid #a9a9a9;
    font-family: "Roboto";
    font-weight: 500;
    margin: 0;
    padding-top: 2px;
    text-transform: uppercase;
}

.widget_recent_entries h6,
.widget_ut_latest_custom_posts h6,
.widget_rss h6,
.widget_tag_cloud h6,
.widget_text h6 {
    font-size: 15px;
    font-size: 0.9rem;
}

.widget_recent_entries h6 a,
.widget_ut_latest_custom_posts h6 a,
.widget_rss h6 a,
.widget_tag_cloud h6 a,
.widget_text h6 a {
    color: #959595;
}

.widget_recent_entries h6 img,
.widget_ut_latest_custom_posts h6 img,
.widget_rss h6 img,
.widget_tag_cloud h6 img,
.widget_text h6 img {
    display: none;
}

.widget_recent_entries ul,
.widget_ut_latest_custom_posts ul,
.widget_rss ul,
.widget_tag_cloud ul,
.widget_text ul {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    margin: 5px 0;
}

.widget_recent_entries ul li,
.widget_ut_latest_custom_posts ul li,
.widget_rss ul li,
.widget_tag_cloud ul li,
.widget_text ul li {
    position: relative;
    border-top: 1px dotted #888;
    display: table;
    height: 4.313em;
    list-style: outside none none;
    min-height: 4.313em;
    padding: 0.65em 0;
    word-wrap: break-word;
    float: left;
    width: 100%;
}

.widget_recent_entries ul li:first-child,
.widget_ut_latest_custom_posts ul li:first-child,
.widget_rss ul li:first-child,
.widget_tag_cloud ul li:first-child,
.widget_text ul li:first-child {
    border-top: 0 none;
}

.widget_recent_entries ul li::before,
.widget_ut_latest_custom_posts ul li::before,
.widget_rss ul li a::before,
.widget_tag_cloud ul li::before,
.widget_text ul li::before {
    display: block;
    position: absolute;
    right: 0;
    color: #a9a9a9;
    content: "\f054";
    font-family: FontAwesome;
}

.widget_recent_entries ul li a,
.widget_ut_latest_custom_posts ul li a,
.widget_rss ul li a,
.widget_tag_cloud ul li a,
.widget_text ul li a {
    color: #333333;
    display: table-cell;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3;
    padding-right: 20px;
    vertical-align: middle;
}

.widget_text ul li a:hover,
.widget_rss ul li a:hover {
    color: #646362;
}

.widget_text ul li:last-child {
 /*   border-bottom: 3px solid #a9a9a9;*/
}

.widget_recent_entries,
.widget_ut_latest_custom_posts {
  /*  border-bottom: 3px solid #a9a9a9;*/
}

.post-date {
    padding-right: 5px;
}

/* ----------------------------------------------------------------------
 *  Newsletter Teaser
 * ---------------------------------------------------------------------- */

.widget_mc4wp_widget {
    background: #333333 none repeat scroll 0 0;
    border-top: 2px solid #ff9300;
}

aside#sidebar article.widget_mc4wp_widget h6 {
    border-top: 0 none;
    color: #fff;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    line-height: 1.4;
    padding-left: 16px;
    padding-top: 13px;
    text-transform: none;
}

.mc4wp-form {
    margin: 16px;
}

.mc4wp-form input {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}

.mc4wp-form .mc4wp-alert {
    clear: both;
    font-family: "Roboto";
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.2;
    color: #fff;
}

/* ----------------------------------------------------------------------
 *  sidebar home + artikel für bestenliste menüteaser modul
 * ---------------------------------------------------------------------- */
.widget .three-to-two ul li {
	margin-bottom: 0;
}

.widget .three-to-two ul li {
	width: 100%;
}
.widget .three-to-two ul li:last-child .teaser {
	border-bottom: 0;
}
.widget .three-to-two ul li img {
	float: left;
	height: auto;
	margin-right: 15px;
	padding: 10px;
	width: 30%;
}

.widget .three-to-two ul li .teaser {
    border-bottom: 1px dotted #888;
    float: left;
    width: 100%;
}

.widget .three-to-two ul li div div {
    display: table;
    font-size: 1rem;
    height: 65px;
    margin-top: 0;
    min-height: 65px;
    padding-bottom: 0;
    width: 65%;
}

.widget .three-to-two ul li div div > a {
    display: table-cell;
    padding-right: 15px;
    vertical-align: middle;
    width: 100%;
}
.widget .three-to-two ul li div div > a::after {
	color: #a9a9a9;
	content: "";
	float: right;
    font-family: FontAwesome;
	margin-right: -15px;
}

.widget .three-to-two ul li div:hover {
	box-shadow: none;		
}
/*Bestenlisten in Contentseiten*/

aside#sidebar .h3 {
	font-family: Georgia,Cambria,"Times New Roman",Times,serif;
	font-size: 1.125rem;
	word-wrap: break-word;
}
aside#sidebar .h3 a {
	color: #333;
}

/* ----------------------------------------------------------------------
 *  Schlagwörter Teaser
 * ---------------------------------------------------------------------- */

aside#sidebar article .tagcloud {
    margin: 10px 0 16px;
}

aside#sidebar article .tagcloud a {
    background-color: #ebebeb;
    border-radius: 2px;
    color: #222;
    display: inline-block;
    margin: 0 0 4px;
    padding: 4px 6px;
    font-size: 11px !important;
    font-size: 0.6875rem !important;
}

aside#sidebar article .tagcloud a:hover {
    background-color: #ccc;
}

/* ----------------------------------------------------------------------
 *  Social buttons in Sidebar
 * ---------------------------------------------------------------------- */

#sidebar #menu-social-menu-sidebar {
	height: 98px;
}

#sidebar ul.menu {
    float: left;
    margin-bottom: 16px;
    padding-top: 24px;
    width: 100%;
    text-align: center;
}

.archive #sidebar ul.menu {
	margin-bottom: 0;
}

#sidebar ul.menu a:hover li {
    color: #888;
    border-color: #888;
}
#sidebar li.facebook:before {
    content: '\f09a';
}

#sidebar li.twitter:before {
    content: '\f099';
}

#sidebar li.pinterest:before {
    content: '\f231';
}

#sidebar li.googleplus:before {
    content: '\f0d5';
}

#sidebar li.instagram:before {
	content: '\f16d';
}

#sidebar li.facebook,
#sidebar li.twitter,
#sidebar li.pinterest,
#sidebar li.googleplus,
#sidebar li.instagram {
    float: none;
    display: inline-block;
    border: 2px solid #aaa;
    border-radius: 25px;
    margin-left: 5px;
    height: 42px;
    width: 42px;
    color: #aaa;
    font-family: 'FontAwesome';
    font-size: 21px;
    font-size: 1.3125rem;
    font-style: normal;
    line-height: 42px;
    text-align: center;
    position: relative;
}

#sidebar li.facebook:hover,
#sidebar li.twitter:hover,
#sidebar li.pinterest:hover,
#sidebar li.googleplus:hover,
#sidebar li.instagram:hover {
	color: #888;
	border-color: #888;
}

#sidebar li:first-child {
    margin-left: 0;
}

#sidebar .facebook a,
#sidebar .twitter a,
#sidebar .pinterest a,
#sidebar .googleplus a,
#sidebar .instagram a {
    left: 0;
    position: absolute;
    text-indent: -99999px;
    top: 0;
    width: 100% !important;
}

/* ----------------------------------------------------------------------
 *  Footer
 * ---------------------------------------------------------------------- */

footer {
    display: block;
    float: left;
    width: 100%;
    background-color: #333;
    padding-top: 30px;
}

footer article {
    float: none;
}

footer article h6 {
    color: #fefefe;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
}

footer article ul li a {
    display: block;
    padding: 0 8px 0 0;
    color: #fefefe;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 1.6;
}

footer article ul li a:hover {
    text-decoration: underline;
}

footer .facebook,
.twitter,
.pinterest,
.googleplus,
.instagram {
    float: left;
}

footer ul li.facebook a,
footer ul li.twitter a,
footer ul li.pinterest a,
footer ul li.googleplus a,
footer ul li.instagram a {
    display: block;
    padding: 0;
    width: 45px;
    height: 50px;
    overflow: hidden;
}

.menu-social-menu-sidebar-container a:hover {
    text-decoration: none;
}

footer .facebook a:before,
footer .twitter a:before,
footer .pinterest a:before,
footer .googleplus a:before,
footer .instagram a:before {
    display: block;
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 30px;
    font-size: 1.875rem;
    font-style: normal;
    cursor: pointer;
}

footer .facebook a:before {
    content: '\f09a';
}

footer .twitter a:before {
    content: '\f099';
}

footer .pinterest a:before {
    content: '\f231';
}

footer .googleplus a:before {
    content: '\f0d5';
}

footer .instagram a:before {
    content: '\f16d';
}

footer .facebook a:hover,
footer .twitter a:hover,
footer .pinterest a:hover,
footer .googleplus a:hover,
footer .instagram a:hover {
    opacity: 0.8;
}

.footer-bottom-line {
    border-top: 1px solid #444444;
}

.footer-bottom-line .copyright {
    color: #aaa;
    font-size: 13px;
    font-size: 0.8125rem;
	padding-top: 15px;
    text-align: left;
}

.copyinfo {
    font-size: 0.8125rem;
}

/* ----------------------------------------------------------------------
 *  Off Canvas Menu (Mobile)
 * ---------------------------------------------------------------------- */

#mobile-logout {
    position: fixed;
    top: 0;
    right: 45px;
    background-color: #333;
    z-index: 487;
    text-align: right;
    display: none;
}

#mobile-logout-toggle {
    position: absolute;
    display: block;
    top: 0;
    right: -45px;
    width: 45px;
    height: 45px;
    text-align: center;
    display: none;
}

.fa-unlock::before {
    content: "\f09c";
    color: #ff9300;
    font-family: 'FontAwesome';
    font-size: 24px;
    font-style: normal;
    line-height: 45px;
}

#mobile-nav-wrapper {
    position: fixed;
    top: 0;
    width: 240px;
    height: 100%;
    background-color: #333;
    z-index: 487;
    display: none;
}

#mobile-nav-wrapper {
    -webkit-transition: -webkit-transform .3s ease;
    /* iphone, android */
    -ms-transition: -ms-transform .3s ease;
    /* windows phone */
    transition: transform 0.3s ease;
    /* desktop */
    -webkit-transform: translate3d(-240px, 0, 0);
    -ms-transform: translate3d(-240px, 0, 0);
    transform: translate(-240px, 0);
}

body.open-mobile-menu #mobile-nav-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    /* iphone, android */
    -ms-transform: translate3d(0, 0, 0);
    /* windows phone */
    transform: translate(0, 0);
    /* desktop */
}

#mobile-nav {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Toggle Button */

#mobile-nav-toggle {
    position: absolute;
    display: block;
    top: 0;
    right: -45px;
    width: 45px;
    height: 45px;
    background-color: #262626;
    text-align: center;
    display: none;
}

#mobile-nav-toggle:hover {
    background-color: #141414;
}

.fa-navicon::before,
.fa-reorder::before,
.fa-bars::before {
    content: "\f0c9";
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 24px;
    font-size: 1.5rem;
    font-style: normal;
    line-height: 45px;
}

/* Mobile Navigation */

#mobile-nav ul.main-menu {
    border-bottom: 1px solid #262626;
    margin-top: 45px;
}

#mobile-nav ul li {
    position: relative;
    border-top: 1px solid #262626;
}

#mobile-nav ul.main-menu > li:first-child {
    border-top: 0 none;
}

#mobile-nav ul.main-menu li.menu-item-has-children:after {
    position: absolute;
    top: 0;
    right: 10px;
    content: "\f0d7";
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 45px;
}

#mobile-nav ul.main-menu li.menu-item-has-children.show:after {
    content: "\f0d8";
}

#mobile-nav ul.main-menu ul.sub-menu {
    display: none;
}

#mobile-nav ul.main-menu li.show ul.sub-menu {
    display: block;
}

#mobile-nav ul li a {
    display: block;
    padding: 7px 10px;
    color: #ccc;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 300;
}

#mobile-nav ul.sub-menu li a {
    background-color: #3b3b3b;
}

#mobile-nav ul li a:hover {
    background-color: #262626;
}

#mobile-nav ul.sub-menu li a {
    padding-left: 27px;
}

#mobile-nav .logout-menu,
body.logged-in #mobile-nav .login-menu {
    display: none;
}

body.logged-in #mobile-nav .logout-menu {
    display: block;
}

body.logged-in #mobile-nav .logout-menu,
#mobile-nav .login-menu {
    font-family: 'FontAwesome';
}

body.logged-in #mobile-nav .logout-menu span,
#mobile-nav li.login-menu span {
    font-family: 'Roboto', sans-serif;
    padding-left: 10px;
}

body.logged-in #mobile-nav .logout-menu a,
#mobile-nav li.login-menu a {
    color: #ff9300;
}

body.logged-in #mobile-nav .logout-menu a::before {
    content: "";
}

#mobile-nav li.login-menu a::before {
    content: "";
}

/* Google Search */

#mobile-nav .gcse {
    position: absolute;
    margin-top: 0;
}

#mobile-nav .gcse input.gsc-input {
    height: 45px;
}

#mobile-nav input.gsc-search-button {
    background-position: 14px 15px;
    height: 45px;
    width: 45px;
    min-width: 0;
    padding: 0;
}

#mobile-nav input.gsc-search-button:hover {
    background-color: #333;
}

/* Mobile Background */

#mobile-nav-background {
    position: fixed;
    top: 0;
    z-index: 233;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    /* Fallback */
    background: rgba(0, 0, 0, 0.60);
    display: none;
}

/*---------------------
 * Login Form - Topnav
 *---------------------*/



header nav#top-nav ul.login-area li,
header nav#top-nav ul.login-area li a {
    display: table-cell;
    padding: 0;
}

nav .login-area .pos-log {
    position: fixed;
    z-index: 9;
}

nav .login-area span {
    color: #ff9300;
    padding-left: 5px;
    vertical-align: middle;
}

#show_login span,
header nav#top-nav ul li a.logout-button {
    color: #fff;
    font-family: "FontAwesome";
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    vertical-align: middle;
}

header nav#top-nav ul li a.logout-button {
    float: right;
}

header nav#top-nav ul li a.logout-button span.logout {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 500;
}

#login-dropdown {
    background-color: #333;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 1px 2px #666666;
    -webkit-box-shadow: 0 1px 2px #666666;
    min-height: 200px;
    min-width: 160px;
    position: absolute;
    right: -60px;
    display: none;
    z-index: 99999;
	-webkit-transform: translateZ(0);
	transform: translateZ(0px);
}

#login-dropdown form {
    padding: 15px 20px;
}

#login-dropdown .textbox span {
    color: #BABABA;
}

#login-dropdown .textbox input {
    width: 200px;
}

form.login .textbox label {
    display: block;
    padding-bottom: 7px;
}

form.login .textbox span {
    display: block;
}

form.login .button {
    margin-bottom: 0;
}

form.login a {
    text-decoration: underline;
}

form.login p,
form.login span,
form.login label {
    color: #fff;
    font-size: 11px;
    font-size: 0.6875rem;
}

form.login p {
    margin-bottom: 0;
}

/* ----------------------------------------------------------------------
 *  Newsletter Anmeldung
 * ---------------------------------------------------------------------- */

.mailchimp_news_item {
    list-style: none;
}

.mailchimp_news_item > img {
    float: left;
    width: 20%;
}

.mailchimp_news_item > a {
    float: left;
    padding-left: 25px;
    text-decoration: none !important;
    width: 70%;
    margin-bottom: 23px;
}

.mailchimp_news_item span {
    font-size: 19px;
    font-weight: 400;
}

.mailchimp_news_item span:hover {
    text-decoration: underline;
}

.mailchimp_news_item .more {
    font-size: 16px;
    font-weight: 400;
    color: #3f7589;
    text-decoration: underline;
}

.entry-content .mailchimp_news {
    margin-left: 0;
}

#main_content h3.mailchimp_news_headline {
    border-bottom: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    font-size: 21px;
    margin-top: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 30px;
    color: #6d6d6d;
    clear: both;
}

#main_content article .entry-content .mailchimp_news_item > a {
    color: #333;
    font-weight: 200;
}

.character-count .curr.red {
    color: #ff0000;
}

.character-count {
    float: right;
}
/* ----------------------------------------------------------------------
 *  Grid for static sites
 * ---------------------------------------------------------------------- */
/*style for affiliate*/

.ad-pos .header p {
	margin-bottom: 0;
}

.ad-pos .teaser {
	border: 1px solid #aaa;
}

.ad-pos .teaser button {
	display: table;
    float: none;
    margin: 10px auto 0;
}

.ad-pos .teaser:hover button {
	background: #e06417;
}

.ad-pos .teaser .headline {
	border-top: 1px solid #aaa;
	height: 100px;
	display: table;
	background: #eee;
	padding: 10px;	
	font-family: "Roboto";
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3;
	width: 100%;
}

.ad-pos .teaser .headline a {
	display: table-cell;
	vertical-align: middle;
}

.ad-pos .teaser .headline, .ad-pos .teaser .headline a {
	color: #333;	
}

.ad-pos .teaser:hover .headline a {
	color: #e06417;	
}

.ad-pos .teaser .deal {
	background: #f6f6f6;
	border-top: 1px solid #aaa;
    color: #ff9300;
    line-height: 1.2;
    padding: 5px 0 15px;
    text-align: center;
    width: 100%;
}

.ad-pos .teaser .deal span {
	font-size: 34px;
    font-weight: 400;
}
/*style for utopia empfiehlt*/
.utopia-empfiehlt .grid__col {
	position: relative;
}
.utopia-empfiehlt ul li {
	font-weight: 300;
	list-style: disc;
	margin-left: 30px;
}

.utopia-empfiehlt .w50  {
	width: 50%;
}

.utopia-empfiehlt .logo-pos {
	position: absolute;
    top: 0;
}


.utopia-empfiehlt .grid .logo-pos img {
	width: 60%;
}

.utopia-empfiehlt .grid .logo-pos.small img {
	width: 35%;	
}

.utopia-empfiehlt .entry-content {
	margin-top: 30px;	
}

.utopia-empfiehlt a {
	border-bottom: 1px solid #999;
	color: #333;
}

.utopia-empfiehlt a:hover {
	border-bottom: 1px solid #000;
	color: #000;
}

.utopia-empfiehlt .entry-content .h1, .utopia-empfiehlt .entry-content h1 {
	padding-bottom: 15px;
}

.utopia-empfiehlt .grid .entry-content.sidebar.small img {
    border: 1px solid #ccc;
    margin: 0 auto;
    width: 70%;
}

.utopia-empfiehlt h2, .utopia-empfiehlt .h2 {
	font-size: 2rem;	
}

.utopia-empfiehlt .cta-area .OrangeFullwidth, .utopia-empfiehlt .cta-area .OrangeAutowidth {
	background: #f5821f;	
}

.utopia-empfiehlt .cta-area .OrangeFullwidth, .utopia-empfiehlt .cta-area .OrangeAutowidth, .utopia-empfiehlt .cta-area .GreyFullwidth, .utopia-empfiehlt .cta-area .GreyAutowidth, .utopia-empfiehlt .cta-area .GreenAutowidth, .utopia-empfiehlt .cta-area .GreenFullwidth  {
	border: 1px solid #fff;
	margin: 0;
}

.utopia-empfiehlt .cta-area .WhiteAutowidth, .utopia-empfiehlt .cta-area .WhiteFullwidth {
	background: #efefef;
	margin: 0;
}

/* ----------------------------------------------------------------------
 *  Gute Frage
 * ---------------------------------------------------------------------- */
.textwidget-title-gute-frage {
    font-family: "Roboto";
    font-size: 1.5625rem;
    line-height: 1.3;
    font-weight: 300;
}

.ninja-forms-field.umfrage_frage.nf-desc {
    margin-top: 30px;
    padding-top: 15px;
}
.umfrage_frage p {
    font-size: 18px;
    font-weight: 400;
}
.gute-frage {
    padding-left: 10%;
    padding-right: 10%;
    background: #eaeaea;
}
.gute-frage img {
    border: 1px solid #aaa;
}
.gute-frage label {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.gute-frage .ninja-forms-required-items {
    display: none;
}
.widget_text .gute-frage ul li {
    border: none;
    height: 0.1em;
    min-height: 0.1em;
}
.widget_text .gute-frage ul li::before {
    content: none;
}
.ninja-forms-field.umfrage_image.nf-desc {
    margin-right: 20px;
}
.ninja-forms-field.umfrage_image.nf-desc > p {
    margin-bottom: 0;
}
.ninja-forms-field.umfrage_image.nf-desc {
    float: left;
}
.field-wrap.list-radio-wrap.label-left.umfrage_antworten-wrap {
    float: left;
    width: 63%;
}

.gute-frage .ninja-forms-field.button {
    float: none;
   /* margin-left: 20px;*/
}
.gute-frage .umfrage_antworten-wrap span.ninja-forms-field-list-options-span-calc-listen ul li label {
    display: flex;
    margin-bottom: 10px;
}
.gute-frage .ninja-forms-form-wrap input {
    height: 100%;
    margin-top: 6px;
}
.gute-frage .ninja-forms-form-wrap input .button {
    margin-top: 0;
}
.gute-frage .ninja-forms-response-msg.ninja-forms-success-msg {
    margin-bottom: 15px;
    padding-bottom: 30px;
    padding-top: 25px;
    margin-top: 30px;
}
.gute-frage .ninja-forms-response-msg.ninja-forms-success-msg a {
    border-bottom: 1px solid #999;
    color: #333;
}

.gute-frage .ninja-forms-response-msg.ninja-forms-success-msg > p {
    text-align: center;
    
}
.gute-frage .ninja-forms-req-symbol > strong,
.gute-frage .ninja-forms-required-items,
.gute-frage .ninja-forms-response-msg.ninja-forms-error-msg > p {
    display: none;
}
.gute-frage .margin-leftninja-forms-field-error {
    margin-left: 20px;
}
.gute-frage .ninja-forms-form-wrap input[value="Lädt"] {
    display: none;
}
.gute-frage .ninja-forms-field-error span {
    display: none;
}
.gute-frage .ninja-forms-field-error:after {
    content: 'Bitte wähle eine Antwort aus';
    margin-left: 20px;
}

.gute-frage .field-wrap.submit-wrap.label-above.button-wrap {
    float: none;
    text-align: center;
}



@media (max-width: 700px) {

    .gute-frage .ninja-forms-field.button {
        float: left;
        margin: 0 10px 20px auto;
        padding: 5px;
        width: 100%;
    }
    .field-wrap.list-radio-wrap.label-left.umfrage_antworten-wrap {
        width: 58%;
    }
    .gute-frage form.ninja-forms-all-fields-wrap.field-wrap.submit-wrap.label-above.button-wrap div {
        margin-left: -15px;
    }
    .gute-frage .ninja-forms-form-wrap input[type='radio']  {
        width: 50px;
        height: 15px;
        background: rgba(0, 0, 0, 0.44);
        border-width: 1px;
    }
}
@media (max-width: 580px) {

    .gute-frage .ninja-forms-field.button {
        padding: 5px;
        margin-top: -15px;
        margin: 0 auto;
        width: 100%;
    }

    .field-wrap.list-radio-wrap.label-left.umfrage_antworten-wrap {
        float: none;
        width: 100%;
    }
    .ninja-forms-field.umfrage_image.nf-desc {
        display: none;
    }
    .ninja-forms-field.umfrage_frage.nf-desc {
        margin-top: 30px;
        margin-right: 20px;
        padding-top: 15px;
        text-align: center;
    }
    .gute-frage .field-wrap.submit-wrap {
        padding-bottom: 25px ;
    }
	
	.search-results #main_content .gcse_input {
		width: 100%;
	}
}

/* ----------------------------------------------------------------------
 *  Custom Media Queries
 * ---------------------------------------------------------------------- */

@media (max-width: 1230px) {
    #home-flap {
        display: none;
    }
}

@media (max-width: 1000px) {
    header #brand-logo {
        top: 7px;
        left: 7px;
    }

    header #brand-logo img {
        height: 95px;
    }

    header nav#main-nav ul li a {
        font-size: 11px;
        font-size: 0.6875rem;
        letter-spacing: 0.5px;
    }

    header nav#main-nav ul li.home a:before {
        font-size: 16px;
        font-size: 1rem;
    }

    header nav#main-nav ul li.home {
        padding: 0;
    }

    #header-large-dropdown .main-nav-dropdown .modul .modul-list li a .title {
        -ms-word-break: break-all;
        word-break: break-all;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }
}

@media (max-width: 880px) {
    header nav#main-nav ul {
        margin-left: 135px;      
    }

    header nav#main-nav ul li {
        padding: 0 1.5%;
    }

	header .gcse input.gsc-input {
		width: 80px;
	}
	
    .loginform-custom {
        display: inline-block;
        margin-bottom: 100px;
        width: 100%;
    }
	
	.ad-pos .grid__col--1-of-4 {
		 width: 33.33333%;		
	}
	
	.ad-pos .teaser button,
	.ad-pos .teaser .button {
		width: 90%;
	}
	
	.utopia-empfiehlt .grid .entry-content.sidebar {
		border-top: 0 none;
		margin-bottom: 50px;
	}
	
	.utopia-empfiehlt .w70, .utopia-empfiehlt .w30, .utopia-empfiehlt .w30:nth-child(2n+1)  {
		border: 0;
		clear: none;
		float: left;
	}
		
	.utopia-empfiehlt .w70  {
		width: 70%;
	}
	
	.utopia-empfiehlt .w30  {
		width: 30%;
	}
}

@media (max-width: 790px) {
    .single #main_content article .entry-content .social-sharing a span {
        display: none;
    }

    #home-flap {
        display: none;
    }
	
	header nav#main-nav .inner-wrapper .row {
		flex-basis: 85%;
		width: 85%;
	}
}

@media (max-width: 768px) {
	.grid__col--6-of-12:nth-child(2n+1),
	.grid__col--1-of-3:nth-child(2n+1) {
		clear: both;
	}	
}

@media (max-width: 700px) {

    body {
        overflow-x: hidden;
    }

    #main_wrapper {
        margin-top: 72px;
    }

    #main {
        margin-top: 0px;
        padding: 30px 0 0 0;
    }

    #main .container {
        margin: 0;
    }

    #main .container.newsletter #main_content article .entry-content > hr,
    #main .container.newsletter #main_content article .entry-content > ul > li > hr {
        display: block;
    }

    #home-flap {
        display: none;
    }

    /* Toggle Menu Stuff (Animation) */
    /* Cause of a bug fixed elements are not working in webkit-transform workarounds */
    /* ...... sad i commented it out :( */
    /*
    #body-wrapper {
        -webkit-transition: -webkit-transform .3s ease;
        -ms-transition: -ms-transform .3s ease;
        transition: transform 0.3s ease;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate(0, 0);
    }
    body.open-mobile-menu #body-wrapper {
        -webkit-transform: translate3d(120px, 0, 0);
        -ms-transform: translate3d(120px, 0, 0);
        transform: translate(120px, 0);
    }
    */
    #mobile-logout,
    #mobile-logout-toggle {
        display: block;
    }

    body.open-mobile-menu {
        /*left: 240px;*/
    }

    #mobile-nav-wrapper {
        display: block;
    }

    #mobile-nav-toggle {
        display: block;
    }

    /* Mobile Background */
    body.open-mobile-menu #mobile-nav-background {
        display: block;
    }

    header {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #333;
        height: 45px;
    }

    header nav {
        display: none;
    }

    header #brand-logo {
        top: 3px;
        left: 50%;
        width: 5em;
        margin-left: -45px;
    }

    header #brand-logo img {
        width: 100%;
        height: auto;
    }
	
	#header-large-dropdown-inner { 
		min-height: auto;
	}
	
    #breadcrumbs {
        display: none;
    }

    #main_content h1 {
        font-size: 32px;
        font-size: 2rem;
        margin: 20px 0 30px;
    }

    .home #main_content article.featured-post {
        margin-bottom: 24px;
    }
	
	
    .single #main_content article .entry-head,
    .single-utopia_gallery #main_content .main-title {
        height: auto;
        padding: 0 9px;
    }	
	
	.page #main_content h1.entry-title {
		height: auto;
	}	
	
	.page #main_content article .entry-head, .archive #main_content .entry-head, .search #main_content .entry-head {
		height: auto;
		margin: 15px 0 40px 9px;
		padding-right: 20px;
	}

    .single #main_content article .entry-head h1 {
        padding-bottom: 24px;
    }

    .single #main_content h1.main-title {
        margin: 20px 0 0;
    }

    .single #main_content article .entry-head .byline {
        position: relative;
        bottom: 0;
        margin-bottom: 10px;
    }

    #main_content article.standard-post .entry-image {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    #main_content article.standard-post .entry-body {
        width: 100%;
    }

    #main_content article .entry-image img.thumbnail {
        display: none;
    }

    #main_content article .entry-image img.fullhd-small {
        display: block;
    }

    .single #main_content article .entry-image figcaption {
        padding: 5px 15px 8px 10px;
    }

    #main_content article.featured-post h2,
    #main_content article.standard-post h3 {
        font-size: 24px;
        font-size: 1.5rem;
        padding: 15px 10px 0;
    }

    #main_content .entry-content  {
        padding: 0 15px;
    }

    #main_content > div > p {
        padding: 0 15px;		
    }

    #main_content article .entry-content {
        padding: 0 15px;
    }

    #main_content article hr {
        display: none;
    }

    .archive .author-box {
        padding: 0 15px 16px 15px;
    }

    .archive .author-box .entry-content {
        padding-right: 0;
    }
	
	.archive #main_content h3  {		
        padding: 0 15px;
    }
	
	.archive #main_content .entry-head h1 {
		font-size: 2.125rem;
	}

    .single #main_content article .entry-content .social-sharing {
        text-align: center;
    }

    .single #main_content article .entry-content .social-sharing a span {
        display: none;
    }

    .single .tags {
        padding: 10px 15px;
    }

    #comments {
        padding: 0.5rem 15px 0 15px;
    }

    #main_content #comments hr {
        display: block;
    }

    #respond {
        padding: 1.5rem 15px;
    }

    .search-results #main_content .cse .gsc-control-cse,
    .search-results #main_content .gsc-control-cse {
        padding: 0 15px;
    }	
	
    aside#sidebar .widget_nav_menu {
        display: none;
    }

    aside#sidebar .widget ul,
    aside#sidebar .widget h6,
    aside#sidebar .widget .tagcloud {
        padding: 0 15px 0;
    }

    aside#sidebar .widget h6,
	aside#sidebar .h2.roboto {
        padding-top: 15px;
    }

    aside#sidebar .widget h6,
    aside#sidebar .widget h6 a,
	aside#sidebar .h2.roboto {
        color: #333;
        font-size: 18px;
        font-size: 1.125rem;
    }

    footer article {
        /*text-align: center;*/
        overflow: hidden;
    }

    footer article.widget {
        margin-bottom: 1.3rem;
    }

    footer article.widget_socialfans_counter_widget {
        margin-bottom: 0;
    }

    footer article li {
        float: left;
        padding-right: 0.5rem;
    }

    footer li.facebook,
    footer li.twitter,
    footer li.pinterest,
    footer li.googleplus,
	footer li.instagram {
        display: inline-block;
        float: none;
    }

    footer ul li.facebook a,
    footer ul li.twitter a,
    footer ul li.pinterest a,
    footer ul li.googleplus a,
	footer ul li.instagram a {
        height: 40px;
		width: 35px;
    }

    footer .facebook a:before,
    footer .twitter a:before,
    footer .pinterest a:before,
    footer .googleplus a:before
	footer .instagram a:before {
        font-size: 25px;
        font-size: 1.5625rem;
    }
	
	footer .grid.copyright img {
		display: inline-block;
		width: auto;			
	}
	
	footer .grid.copyright div {
		text-align: center;
	}

    button,
    .button {
        width: 100%;
        padding: 0.6rem 1.8rem;
    }

    /*-------------------------------------------------------
     * Lightbox-Queries
     *-------------------------------------------------------*/
    @media (max-width: 700px) {
        #lightbox > div {
            max-width: 100% !important;
            height: auto !important;
        }

        #imageContainer > img {
            height: auto !important;
            max-width: 100% !important;
        }
    }


    /*-------------------------------------------------------
     * Gallery-Mobile-Teaser and Gallery-mobile-styles
     *-------------------------------------------------------*/
    .single.single-utopia_gallery #main_content h1.main-title {
        margin-bottom: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    #page_gallery .gallery-text {
        margin-top: 20px;
    }

    .gallery-button a span {
        width: 88%;
    }

    .single-utopia_gallery .gallery-back-button {
        line-height: 1;
        position: absolute;
        top: -6px;
        padding-bottom: 1em;
        word-wrap: break-word;
        text-align: center;
        width: 100%;
    }

    .single-utopia_gallery .gallery-back-button a.WhiteAutowidth {
        border: 0px none;
        color: #ABAAA9 !important;
        font-size: 0.9em;
        font-weight: 400;
    }
	
	.logo-overview li {
		display: inline-block;
		margin-right: -0.25em;
		width: 20%;		
	}
	
	.utopia-empfiehlt .cta-area  {
		margin-bottom: 20px;
	}
}

@media (max-width: 700px) and (min-width: 480px) {

    .single.single-utopia_gallery #sidebar.gallery-back-button {
        position: relative;
    }

    .loginform-custom {
        display: inline-block;
        margin-bottom: 100px;
        width: 100%;
    }
	
	.logo-overview li {
		width: 33.3333%;		
		border: 1px solid red;
	}
	
	.logo-overview p {
		font-size: 16px;
	}
	
	.ad-pos .grid__col {
		display: inline-block;
		margin-right: -0.25em;
	}
	
	.ad-pos .grid__col--1-of-4 {
		width: 50%;
	}
	
	.utopia-empfiehlt .grid__col--6-of-12 {
		width: 100%;		
	}
	
	.utopia-empfiehlt .grid .logo-pos img {
		width: 50%;
	}
	
	.utopia-empfiehlt .grid .entry-content.sidebar.small img {
		width: 100%;				
	}	
	.widget .three-to-two ul li div div {
		height: 115px;	
	}
}

@media (max-width: 768px) and (min-width: 700px) {
	.logo-overview li {
		width: 25%;				
	}
	.logo-overview p {
		font-size: 16px;
	}
	#sidebar li.facebook,
	#sidebar li.twitter,
	#sidebar li.pinterest,
	#sidebar li.googleplus,
	#sidebar li.instagram {
	margin-left: 4px;
	height: 37px;
	font-size:19px;
	font-size:1.1875rem;
	line-height: 37px;
	width: 37px;
	}	
	
	.ad-pos .grid__col--1-of-4 {
		 width: 33.33333%;		
	}

}
@media (max-width: 1000px) and (min-width: 700px) {
	
	.widget .three-to-two ul li div div {
		height: 80px;
		width: 63%;
	}
	
	.widget.sidebar .two-column50:last-child {
		display:none;		
	}	
	
}

@media (max-width: 480px) {
	.ad-pos h1, .ad-pos .h1 {
		font-size: 2rem;
		margin-bottom: 20px;	
	}
	
	.ad-pos .grid__col--1-of-4 {
		width: 100%;
	}
	
	.ad-pos .teaser .headline {
		font-size: 1.125rem;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.grid.ad-pos .teaser img {
		width: auto;
		margin: 0 auto;		
	}
	
    .single #main_content article .wp-caption.alignright,
    .single #main_content article img.alignright {
        width: 100%;
        height: 100%;
    }

    .single #main_content article .wp-caption.alignleft,
    .single #main_content article img.alignleft {
        width: 100%;
        height: 100%;
    }

    .single.single-utopia_gallery #sidebar.gallery-back-button {
        position: relative;
    }

    .loginform-custom {
        display: inline-block;
        margin-bottom: 100px;
        width: 100%;
    }

    .loginform-custom .button-primary {
        width: 100%;
    }
	
    #main_content .entry-content .loginform-custom a.link {
        float: left;
        font-size: 14px;
        font-size: 0.875rem;
        width: 100%;
    }

    #respond h3, #respond .classh3 {
        font-size: 22px !important;
    }

    #comments hr {
        margin-bottom: 20px;
    }

    #comments .comment {
        overflow: hidden;
    }

    #comments .author-meta-desktop {
        display: none;
    }

    #comments .comment-list .avatar {
		left: 0;
        width: 50px;
        height: 50px;
    }

    #comments .comment-list article.comment-body {
        margin: 20px 0;
        padding-left: 60px;
    }	

    #comments .comment-list ul.children .avatar {
        left: 60px;
    }
	#comments .comment-list ul.children article.comment-body, #comments .comment-list ul.children .depth-3 article.comment-body {
		margin-left: 0!important;
	}
	#comments .comment-list ul.children .avatar, #comments .comment-list ul.children .depth-3 .avatar {
		left: 0;
	}

    #comments label {
        font-size: 12px;
        line-height: 1.5;
    }

    #comments .comment-list ul.children article.comment-body {
        margin-left: 103px;
    }

    #comments .reply {
        overflow: hidden;
    }

    #comments a.comment-reply-link {
        float: left;
    }

    #comments li.depth-1 > article .comment-edit {
        float: left;
    }

    #comments li.depth-1 > article .comment-edit-actions {
        display: block;
        margin-top: 0;
    }

    #comments .comment-edit .save-comment,
    #comments .comment-edit .cancel-comment {
        display: block;
        border-bottom: 0 none;
        margin-right: 1px;
        margin-top: 0;
        padding: 6px 10px;
        font-size: 12px !important;
    }

    #main_content article .entry-content .mailchimp_news_item > a {
        color: #000;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        width: 100%;
    }

    .mailchimp_news_item > img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
        float: none;
        clear: both;
    }
	
	.logo-overview li {
		width: 50%;		
	}
	
	.logo-overview p {
		font-size: 16px;
		margin-bottom: 0;
	}	
	
	.utopia-empfiehlt .grid .logo-pos img {
		width: 35%;
	}
	
	.utopia-empfiehlt .grid .entry-content.sidebar.small img {		
		padding: 0;
		width: 100%;				
	}
}

@media (max-width: 320px) {
	.utopia-empfiehlt .w70, .utopia-empfiehlt .w30 {
		width: 100%;
	}
	
	.utopia-empfiehlt .w30 .entry-content {
		margin-top: 0;
		padding-top: 0;
	}
	
	.utopia-empfiehlt .grid .logo-pos img {
		width: 25%;
	}	
	
	.utopia-empfiehlt .cta-area a {
		font-size: 0.875em;
		padding-left: 0;
		padding-right: 0;
		word-wrap: break-word;
	}
	
	.utopia-empfiehlt .w70, .utopia-empfiehlt .w30, .utopia-empfiehlt .w30:nth-child(2n+1) {
		clear: both;
	}
}

@media (max-width: 700px) {
    #main_content article .entry-content {
        padding: 0 10px;
    }
	
/*Werbebanner wird nicht abgeschnitten und mittig angezeigt*/
    #Ads_BA_CENTER > div {
        margin-bottom: 15px;
        text-align: center;
    }

    #Ads_BA_FOOTER > div {
        margin-bottom: 15px;
        text-align: center;
    }	
}