/*
CTC Separate Stylesheet
Updated: 2023-11-27 11:52:37
Theme Name: ColorMag Optik Martin Carl
Theme URI: https://themegrill.com/themes/colormag/
Template: colormag
Author: ThemeGrill
Author URI: https://themegrill.com
Description: ColorMag is always the best choice when it comes to magazine, news, and blog WordPress themes. You can create elegant and modern websites for news portals, online magazines, and publishing sites. With ColorMag’s 8 and counting free starter demos for health, food, entertainment, sports, and fashion industries, building a magazine style website is super easy. Best of all, the ColorMag WordPress theme offers multiple ad spaces in its layout. So, you can monetize your website by displaying ads in these slots without any fuss. And if you plan to sell products and services online, you can rely on the theme’s compatibility with WooCommerce. Some of its key features are: >> SEO Optimized >> Translation & RTL Ready >> Cross-browser Compatible >> Custom Widgets >> Responsive Design >> Sticky Menu. So, download the free ColorMag theme and create professional magazine websites quickly. You can get free support for ColorMag at https://themegrill.com/contact/ and check our demos at https://themegrilldemos.com/colormag/
Tags: one-column,two-columns,right-sidebar,left-sidebar,flexible-header,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,featured-images,theme-options,post-formats,footer-widgets,blog,e-commerce,news,rtl-language-support
Version: 3.0.7.1701082357
*/

/* volle Breite */
.cm-content {
    padding-top: 0px;
}
.cm-container {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;	
}
.cm-featured-image img {
	max-width: 100%;
    height: auto;
    vertical-align: top;
    width: 100%;
    max-height: 450px;
    object-fit: cover;
}
.cm-post-content, .single-title-above {
    padding: 20px 0;
}
p {
	max-width:980px;
	margin:0 auto;	
}
a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.cm-entry-summary ul {
	max-width:980px;
	margin:0 auto;	
}
.comments-area {
    margin-top: 60px!important;
}
.wp-block-columns, .comments-area, ul.default-wp-page, .block-title, .wpt-masonry-gallery, .cm-footer-bar-area, .cm-edit-link, .logos, .cm-lower-footer-cols {
	max-width: 980px; 
    margin: 0 auto;
}
.cm-lower-footer-cols {
	padding: 0 20px;
}


/* Title */
.cm-entry-header-meta {
    margin-bottom: 12px;
    max-width: 100px;
    margin: 0 auto;
    overflow: auto;
    margin-top: -150px;
}
.cm-entry-title {
    margin-bottom: 62px;
    font-size: 2.4rem;
    font-weight: 500;
    max-width: 980px;
    text-align: center;
    margin: 0 auto;
}
.cm-entry-header-page {
	margin-top: -100px;
	margin-bottom: 120px;
	height: 32px;
}
.single .cm-entry-header .cm-entry-title {
    font-size: 4.2rem;
    color: white;
    text-transform: uppercase;
    text-shadow: 1px 1px grey;
}
.cm-entry-title {
    font-size: 4.2rem;
    color: white;
    text-transform: uppercase;
    text-shadow: 1px 1px grey;
}
.cm-below-entry-meta {
	max-width: 980px;
    margin: 0 auto;
    margin-top: 80px;
}

/* Navigationsmenü */
.cm-primary-nav ul li.current-menu-ancestor {
	background-color: white;
}
#cm-primary-nav {
	border-top:none;
}
.cm-icon--x-mark {
    width: 36px;
    height: 36px;
    margin-left: 10px;
}
.cm-menu-toggle {
	z-index:1000;
}
.cm-layout-2 .cm-primary-nav ul ul.sub-menu {
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.cm-menu-primary-container {
    margin-left: 66px;
}
.cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-item {
	background-color: white;
}
.cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-item > a, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.focus > a {
    color: #207daf;
    text-transform: uppercase;
}
.cm-layout-2 .cm-primary-nav ul li.current-menu-ancestor ul li a, .cm-layout-2 .cm-primary-nav ul li.current_page_item ul li a {
    text-transform: uppercase;
}
.cm-layout-2 .cm-primary-nav ul > li > a {
	text-transform: uppercase;
}
.cm-top-search:has(.show) .fa.search-top::before {
    content: 'x';
    font-family: Sans serif;
}

:where(.wp-block-columns) {
	gap: 0px;
}
h2 {
    font-size: 2.4rem;
    color: #207daf;
}
h3 {
    font-size: 1.9rem;
}
.cm-entry-summary::first-letter {
	font-size: 3.556em;
    line-height: 1em;
    font-weight: 700;
    float: left;
    margin-right: 8px;
}
.drop-cap {
	font-size: 3.556em;
    line-height: 1em;
    font-weight: 700;
    float: left;
    margin-right: 8px;
}
.wp-block-image figcaption {
	background: transparent!important;
    color: #333!important;
    text-align: right!important;
}
.cm-mobile-nav .current_page_item > a, .cm-mobile-nav .current-menu-item {
    background: white;
    border-bottom: 2px solid #207daf;
}
.cm-mobile-nav .cm-menu-primary-container {
    width: 95%;
}
.cm-menu-primary-container {
    margin-left: 10px;
}
.wp-block-gallery img {
	border: 1px solid lightgrey;
}
input[type="text"], input[type="email"] {
	margin: 0 0 12px;
}
.wpcf7-form p {
	margin-bottom: 0px;
}
.wpcf7-form {
	padding: 10px;
	border: 1px solid lightgrey;
	border-radius:10px;
}
.wp-block-table th, .wp-block-table td {
    border: none;
}
.ultp-block-title a {
	font-weight: 600!important;
	font-size: 20px!important;
	text-transform: uppercase;
}
.wp-block-migb-masonry-gallery .single-gallery-image figure figcaption.center {
    background: rgba(0,0,0,.2)!important;
}
.single-gallery-image figcaption {
    text-shadow:1px 1px black;
}
.cm-footer .widget ul li {
    padding: 0px 0;
    font-weight: 400;
    border-bottom: none;
}
.mc {
	width: 100%;
    position: absolute;
    text-align: center;
    z-index:1;
}
.mc a {
	width: 250px;
    margin: 0 auto;
}
.advertisement_above_footer .inner-wrap {
	max-width:980px!important;
}
.advertisement_above_footer {
    background-color: #ccc;
    min-height:180px;
    margin-bottom:50px;
}
.cr_ipe_item {
    float: left;
}
.wp-block-cover__inner-container p {
    position: relative;
    top: 150px;
    font-weight: 600!important;
    font-size: 20px!important;
    text-transform: uppercase;
}
.submit_container {
	width:120px!important;
}
button:hover {
	color: #207daf;
    background-color: white;
}
.footer-brands {
	font-size: 10pt!important;
	margin-left:0px;
	padding-right:20px;
}

@media only screen and (max-width: 768px) {
	.cm-menu-primary-container #menu-hauptmenue {box-shadow: -3px 3px 15px #888888;}
	.cm-header-1 .cm-row {display:none;}
	.single-gallery-image figcaption {font-size: 20px!important;}
	.cm-featured-image img {min-height: 300px;}
}

@media only screen and (max-width: 781px) {
	.cm-entry-title {font-size: 3.2rem;}
	.single .cm-entry-header .cm-entry-title {font-size: 3.2rem;}
	.wp-block-column {margin: 10px 0px!important;}
	.cm-entry-header-page {margin-bottom: 80px;}
	.wpcf7-form {margin: 0 10px:}
}
@media only screen and (max-width: 980px) {
	p {margin: 0 20px;}
	.wp-block-heading {margin-left:30px;}
	.block-title {margin-left:-10px;}
	.cm-entry-summary ul {margin-left: 20px;}
	.wp-block-columns .wp-block-migb-masonry-gallery {margin: 0 20px;}
}
@media only screen and (min-width: 981px) {
	.wp-block-column {margin-right: 20px!important;}
}
@media only screen and (min-width: 781px) {
	.wp-block-column img {border-radius: 10px;}
}
@media only screen and (min-width: 768px) {
	.mc {display:none}
	.cm-primary-nav .sub-menu {width: 775px;left: -490px!important;}
	.cm-layout-2 .cm-primary-nav ul ul.sub-menu li {float: left;width: 180px;}
	.cm-primary-nav li {padding: 5px 16px;}
	.cm-primary-nav ul li ul li a {font-weight:300;}
}
@media only screen and (max-width: 890px) {
	.cr_ipe_item {width:50%!important}
}
@media only screen and (max-width: 680px) {
	.cr_ipe_item {width:100%!important}
	.advertisement_above_footer {min-height: 220px;}
}
@media only screen and (max-width: 451px) {
	.advertisement_above_footer {min-height: 250px;}
}
@media screen and (min-width: 62em) {
	.cm-lower-footer-cols .cm-lower-footer-col--1 {padding-right: 50px;}
}
@media (max-width: 600px) {
	.wp-block-media-text__content {padding: 0%!important}
	.wp-block-media-text__media {margin-bottom:20px!important;}
}