/* Basic styles over all widhts */

/* kalam-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: url('../theme-hammers/fonts/kalam-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* source-sans-pro-200 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 200;
	src: url('../theme-hammers/fonts/source-sans-pro-v21-latin-200.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('../theme-hammers/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 900;
	src: url('../theme-hammers/fonts/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../theme-hammers/fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}



body {
	background: #ffffff;
	font-family: 'Source Sans Pro', sans-serif !important;
	text-rendering: optimizelegibility;
}
div#hochzeit {
    margin: 50px 0;
	padding: 50px;
}

div#willkommen {
    margin: 50px;
}
.bg-1 {
	background:#cbcb00;
}
.bg-2 {
	background:#9dcb746b;
}
.preise {
	background: url("/files/theme-hammers/Rect-Light.svg");
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0.55;
}
#wrapper_top {
	width:100%;
	z-index:9999;
}
#wrapper {
	font-size:110%;
    max-width: 1920px;
    margin: 0 auto;
}


.px-2 {padding-left: 2em; padding-right:2em;}
.project-wrapper {
    position: relative;
}

#top_logo p {
	display:none;
}
.wrapper-article-padding {
	max-width:1200px;
	margin:0 auto;
	padding:0em 1em 0em 1em;
}
.row {
	margin:0em !important;
}
.row-grey {
	padding:1em 0em 1em 0em;
	background:#ebebeb;
	color:#000000;
}
.training-bodycross {
    margin: 2em 0em;
}
.box-blue .project-wrapper h2,
.box-blue .project-wrapper h3,
.box-blue .project-wrapper h4,
.box-blue .project-wrapper h5,
.box-blue .project-wrapper h6,
.row-green .project-wrapper h2,
.row-green .project-wrapper h3,
.row-green .project-wrapper h4 {
	color:#ffffff !important;
}
.flex-container {
	display: flex !important;
	flex-wrap: wrap;
	overflow: hidden;
	left:0;
	right:0;
}
.acc {
	align-content: center;
}
.aic {
	align-items: center;
}
.jcsa {
	justify-content: space-around;
}
.jcsb {
	justify-content: space-between;
}
.flex-text {
	width: 50%;
}
.flex-text .project-wrapper {
    padding: 3em;
}
.flex-text h2 {
	font-size:1.75em;
	line-height:initial;
}

.flex-text li {
    padding-left: 5px;
    margin-left: 20px;
    line-height: 2em;
}
.flex-image {
	width: 50%;
}
div#fight-sport {
    background-image: url("/files/galerien/kampfsport/DSC08901.jpg");
	background-size: cover;
    height: 100vh;
	max-height:550px;
    background-position: center;
}
div#bodycross {
    background-image: url("/files/hochzeit/images/pexels-asad-photo-maldives-169190.jpg");
	background-size: cover;
    height: 100vh;
	max-height:550px;
    background-position: center;
}


.fight-sport h2 {
	color: #304352;
}
#modal {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	height: 100%;
	width: 100%;
}
.masonry-size {
}
.msry_theme_standard .masonry_gallery {
    margin-bottom: 10px;
    padding: 0;
    background-color: #ffffff;
    border-radius: 0;
    box-shadow: none;
}
.modalconent {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	width: 80%;
	padding: 20px;
}
button#button {
	background: #40adc0;
	color: #fff;
	border: none;
	padding: 0.75em;
	font-size: 1.2em;
}		
#desktop_mainnav_outside {
    background: #ffffff;
    height: 125px;
	position: relative;
}

#desktop_mainnav_inside {
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
}
#menu_header_outside {
	max-width:1200px;
	margin:0 auto;
}

nav.mod_navigation.block,
.mod_article.block {
	overflow:visible !important;
}
#top_logo {
	max-width:33%;
}

#nav_outside {
    position: absolute;
    right: 2em;
    top: 55px;
}

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
	border-color:#505050 !important;
}

ul.navigation li {
	list-style-type: none;
}

#main_header {
	width:100%;
	position:fixed;
	z-index:999;
	background:#ffffff;
	padding-bottom:1em;
}

#main_header_inside1 {
	background: #ebf8e8;
}

#main_header_inside2 {
	max-width:1200px;
	margin:0em auto;
	text-align:center;
}

#top_elements {
	width:100%;
	padding:0.25em 0em 0.25em 0em;
	font-size:1.2em;
}

#top_elements p {
	margin:0.25em 0em 0.25em 0em;
}
#top_elements a {
	color:#ffffff;
	white-space:nowrap;
	text-decoration:none;
}

.top_icons p {
	margin:0em;
}

#bar {
	background-color:#ffffff;
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:4.5em;
}
#bar_inside {
	max-width:1200px;
	margin:0em auto;
	height:100%;
	padding:0em 1em 0em 1em;
}
#kontaktformular {padding:1em; background:#40adc0;}
#kontaktformular .widget label, #kontaktformular legend {color:#ffffff;}


#suchmaschine_bar {
	float:left;
	padding-top:1.5em;
}

#mainnav {
	padding:0.5em 0em 2em 0em;
	width:100%;
	display:block;
}

#mobile-menu-button {
	display:none;
}


.mod_breadcrumb {
	display:block;
}

.top_contact > p:nth-child(1) {
	margin:10px;
	font-size:0.75em;
}

#top_elements_inside {
	max-width:1200px;
	margin:0em auto;
}

.top_contact {
	float:left;
	max-width:50%;
}


.top_icons span {
	font-size:1.2em;
	margin: 0.25em 0.25em 0.25em 0.25em;
	color:#f8f8f8;
}
.top_icons a {
	font-weight:normal !important;
	color:#ffffff;
}

#desktop_menu_header {
	margin:1em 0em 1em 0em;
}
.highlight {
	display:block;
	width:100%;
	background:#ebebeb;
	text-align:center;
	padding:1rem;
	color:#00557f;
	font-size:1.5em;
}

.relative {
	position:relative;
}

.img-center figure.image_container {
	text-align:center;
}

p.teaser {
	font-weight: bold;
	margin-top: 0.5em;
}

p.button a {
	margin: 0em;
	padding:0.5em 0em 0.5em 0em;
	display:block;
	background:#0068a6;
	color:#ffffff;
	text-align:center;
	font-weight:light;
}
.row-grey,
.box-grey {
	background:#ebebeb;
	color:#000000;
}
.row-color-1,
.box-green {
	background:#1b9dab;
	color:#ffffff;
}
.box-brown {
	background:#b29c8c;
	color:#ffffff;
}
.px {
	padding-left:1em;
	padding-right:1em;
}
.py {
	padding-bottom:1em;
	padding-top:1em;
}
.px-0 {
	padding-left:0em;
	padding-right:0em;
}
.py-0 {
	padding-bottom:0em;
	padding-top:0em;
}
.mx-1 {
	margin-left:1em;
	margin-right:1em;
}


p.box-icon-1 {
	text-align:center;
	width:100%;
	color:#ffffff;
	font-size:7em;
	position:absolute;
	top:15%;
}
p.box-head-1 {
	text-align:center;
	color:#ffffff;
	font-size:2em;
	position:absolute;
	top:55%;
}
p.col2-head {
	font-size:1.8em;
	font-weight:bold;
	color:#eb6909;
}
p.col3-head {
	font-size:1.2em;
	font-weight:bold;
	color:#eb6909;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.75em !important;
}
h3 {
	font-size: 1.2em;
}

ul.icon { padding-left:20px; list-style:none; }
ul.icon li { margin-bottom:10px; }
ul.icon li:before {    
	font-family: 'FontAwesome';
	content: '\f00c';
	margin:0 5px 0 -15px;
}

#wrapper_bottom {
}

#wrapper_bottom_inside {
	max-width:1200px;
	margin:0 auto;
}

#wrapper_bottom h4 {
	color:#ffffff;
}
#wrapper a {
    color: #000000;
}
a.button {
	background: #304352;
	border: none;
	color: #ffffff !important;
	text-align: center;
	padding: 12px 12px 12px 12px;
	cursor: pointer;
	display:inline-block;
	margin-top:1em;
	min-width:170px;
	text-decoration:none;
}

a.button:hover {
	background: #586f81;
	text-decoration:none;
	color:#ffffff !important;
}

#wrapper ul.icon {
	line-height: 1em;
}

.mod_breadcrumb {
	margin-bottom: 2em;
}
.mod_breadcrumb ul {
	padding:0em;
}

.mod_breadcrumb ul li {
	float:left;
	margin-left: 2em;
	list-style-type: none;
	font-size: 0.75em;
}

.mod_breadcrumb ul li:before {    
	font-family: 'FontAwesome';
	content: '\f054';
	margin:0 5px 0 -15px;
}
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.trainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}
.project-navigation-item {
	width:30%;
	display:inline-block;
	text-align:center;
	margin-top:0.75em;
}

.project-navigation-link {
	font-size:0.7em;
}

.text-align-left {
	text-align:left;
}
.text-align-center {
	text-align:center;
}
.text-align-right {
	text-align:right;
}

.spacer-line {
	border-bottom: solid 1px #eeeeee;
	margin-top:2em;
	margin-bottom:2em;
	max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.spacer {
	margin-top:2em;
	margin-bottom:2em;
}
.spacer_small {
	margin-top:0.4em;
	margin-bottom:0.4em;
}
.portrait p {
	margin:0em;
}
.portrait .portrait-description {
	background:#ebebeb;
}
a.portrait-detail-link {
	text-align:right;
}
.portrait figure.image_container {
	margin:0em;
}
.portrait-headline {
	font-size:1em;
	margin-bottom:0.25em;
}
.portrait-subline {
	font-size:1em;
}
p.portrait-profile-link {
	margin-bottom:0em;
}
a.portrait-detail-link {
	font-weight:lighter;
	color:#212529;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
table.portrait-table.kaufmann {
	width:75%;
}
table.portrait-table.rathgeb {
	width:72%;
}
table.portrait-table td {
	padding-top:0.2em;
	padding-bottom:0.2em;
}

table {
	width: 100%;
	border-collapse: collapse;;
}
table th {
	font-weight: bold;
}

table tr.even {
	border-bottom:solid 1px #ededed;
}
table.project {
	
}
table.project tr.even {
	border-bottom:solid 1px #ededed;
}
table.project tr.odd {
	border-bottom:solid 1px #ededed;
}
#wrapper .ce_text ul li {
	line-height:1.5;
	list-style-type:square;
}
.ce_gallery ul {
	padding:0em;
}
.ce_gallery ul li {
	list-style-type:none;
}

#suchmaschine_bar button {
	border:none;
	background:none;
	margin-left:-30px;
}

.anfrage-aussen {
	background:#0068a6;
	border-bottom: solid 0.25em #f8f8f8;
	padding:3em 2em 3em 2em;
	color:#ffffff;
	margin:1em 0em 1em 0em;
}

h4 {
	margin-top:0px;
	line-height:1.3em;
}


#wrapper_bottom_inside ul {
	padding-left:0em;
}
#wrapper_bottom_inside a {
	color:#000000;
	text-decoration:none;
}
#wrapper_bottom_inside li {
	list-style-type:none;
}

.anfrage-aussen figure.image_container {
	margin-right:2em;
}
#zurueckrufen {
	background:#f8f8f8;
	padding:2em;
}

.mod_newslist .layout_latest {
	margin:0em 0em 1em 0em;
	border-bottom:solid 1px #ebebeb;
}

.mod_newsreader .layout_full .ce_text figure.image_container.float_left,
.mod_newslist .layout_latest figure.image_container.float_left {
	margin-right:2em;
}

.center {
	text-align:center;
}

.wrapper-box-outside {
	padding:1em;
	background:#40adc0;
}

.scrollToTop{
	width:25px; 
	height:25px;
	padding:10px; 
	position:fixed;
	bottom:2em;
	right:2em;
	display:none;
	background-image: url("/files/theme-hammers/scroll-to-top.png");
	background-size:cover;
}
.scrollToTop:hover {
	text-decoration:none;
}
#top_elements_mobile, #mobile_header_inside {
	display:none;
}
#top_elements {
	display:block;
}
.grey-box {
	background:#ebebeb;
	margin-bottom:1em;
}
.yellow-box {
	background:#40adc0;
	margin-bottom:1em;
}
.box-inner {
	padding:1em;
}

div.toggler {
	padding:1em;
	background:#0068a6;
	margin-bottom:1em;
	color:#ffffff;
}
div.toggler:hover {
	cursor:pointer;
}
.accordion.ui-accordion-content {
	padding:1em;
	background:#f8f8f8;
	color:#000000;
}

.row .ce_image .project-wrapper figure.image_container {
	margin:0em !important;
}
#mobile_header_inside {
	display:block;
}
.tp-leftarrow.tparrows.default,
.tp-rightarrow.tparrows.default {
	top:12% !important;
}
h1, h2, h3, h4, h5 {
	font-family: 'kalam';
}
h1 {
	font-size: 1.25em !important;
}
h2 {
	font-size: 1.7em !important;
}
h3 {
	font-size: 1.5em !important;
}
.text-position-bottom {
	position:absolute;
	bottom:0em;
}
.no-bullets ul {
	margin:0em !important;
	padding-left:0em !important;
}
.no-bullets ul li {
	list-style-type:none !important;
	margin-top:0.25em;
}
a.grey-button {
	padding:0.25em 1em 0.25em 1em;
	color:#212529;
}
a.grey-button:hover {
}

ul.cols_ {
	padding:0em !important;
}
h1.project-headline {
	font-size:1.4em !important;
	padding-top:0.25em;
}
h1.border-left,
h1,
h2.border-left,
h3.border-left,
h4.border-left {
	margin-bottom:1em !important;
}
.back-button a:hover {
	color:#000000 !important;
}
#sitemap a {
	color:#333333;
}
.justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.justify-content-around {
	-ms-flex-pack: justify !important;
	justify-content: space-around !important;
}
.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
	flex-wrap: wrap;
}
.sin-flex-grid {
	width:25%;
}
.team-member-name {
	color:#fd3f41;
	font-family:Kalam;
	margin:0em;
	font-size:1.25em;
}
.team-member figure.image_container img {
	border-bottom: solid 1px #fd3f41;
	margin:0em;
	padding:0em;
}
.headline {
    display: table;
}
#bild-anfragen {
    background-image: url("/files/praxis/Praxis-83.jpg");
    background-size: cover;
	background-position: right top;
	width:100%;
}
#text-anfragen {
	background:#40adc0;
	color:#ffffff;
	padding:2em;
}
#text-anfragen a, #text-anfragen h3 {
	color:#ffffff !important;
	text-decoration:none;
}
iframe#rundgang {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    max-width: 1200px;
    margin: 0 auto;
}

#footer-logo {max-width:200px;}

/* End General styles over all widhts*/
/* End General styles over all widhts*/
/* End General styles over all widhts*/

@media (min-width:769px)
{
    #bar,
    .top_icons {
        padding:0em 1em 0em 1em;
	}
    #top_elements_mobile, #mobile_header_inside {
        display:none;
	}
    #top_elements {
        display:block;
	}
    #wrapper {
	}
    #top_elements a {
        margin:0em 1em 0em 1em;
	}
}

/* General styles up to 768px*/
@media (max-width: 768px)
{
    #wrapper {
	}
	
    #mainnav {
        display:none;
	}
	#desktop_mainnav_outside {
		height:100px;
	}
	div#header-border {
		max-width: 100px;
		width: 100%;
		margin: 0 auto;
		border-bottom: solid 1px #eeeeee;
		background: #ffffff;
		margin-bottom: 13px;
		background: #ffffff;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
	}
    #top_logo {
        max-width:80px;
	}
    #mobile_header {
        display:block;
	}
    
    #mainnav-outer {
        width:100%;
	}
    #desktop_mainnav_inside {
        padding-top:1em;
		padding-left:2em;
	}
    
    #suchmaschine_bar {
		display:none;
	}            
    .text-position-bottom {
        position:relative;
	}
    h1.project-headline {
        text-align:center;
	}
    .top_icons  {
        text-align:center;
	}
    .margin-bottom-05 {
        margin-bottom:0.75em;
	} 
    .top_icons p {
        margin:0em !important;
	}
	#willkommen {
		min-height: 125px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.fdcr {
		flex-direction: column-reverse;
	}
    #mobile-menu-button {
        position:absolute;
        right:1em;
        padding: .5em .75em;
        margin-top:17px;
        background-color:#ebf8e8;
        display:block;
		top:1.5em;
	}
    
    #mobile-menu-button a {
        font-family: 'Kalam';
		font-size:1.2em;
        text-decoration:none;
        color:#3b3b3b;
	}
    
    #mobile-menu-button:active {
        background-color:#333333;
	}
    
    .fixed {
        position: fixed; 
        top: 0; 
        height: 70px; 
        z-index: 1;
	}
    
    #icons-mobile {
        float: left;
        padding:.55em 1em;
	}
    
    #icons-mobile a, #icons-desktop a {
        color:#ffffff;
        font-size: 1.35em;
        margin-right: 0.5em;
	}
    
	
    .slider-element {
        max-width: 61% !important;
        top:12% !important;
	}
    
    .slider-element p, .slider-element ul li {
        font-size: 1rem !important;
        padding-left: 1.3rem !important;
	}
    
    ul.icon.tp-resizeme  {
        padding-left: 2rem !important!
	}
    
    h1 {
        font-size: 1.4em;
	}
    
    h2 {
        font-size: 1.2em;
	}
    
    h3 {
        font-size: 1em;
	}
    
    .anfrage-aussen {
        padding:2em 1em 2em 1em;
	}
	#top_elements a {
		font-size:0.75em;
	}
	#kontaktformular {width:100%;}
}
/* end up to 768px*/

@media (min-width: 769px)
{
	#top_logo {
		max-width: 125px;
		position: absolute;
		left: 32px;
		top: 16px;
	}
	figure.image_container.float_left {margin-right:2em;}
	#text-anfragen, #bild-anfragen {
		width: 50%;
	}
	
	.flex-text .project-wrapper {
		max-width: 650px;
		margin: 0 auto;
		padding: 0 2em;
	}
	.ce_text.trainer-item.block {
		width:100%;
		max-width: 30%;
		margin: 0;
	}
	
}




/* ############# up to 320px ############# */
/* ############# up to 320px ############# */
/* ############# up to 320px ############# */

@media (max-width: 320px)
{    
	.top_icons {
        font-size:0.7em !important;
	}
    .top_icons p {
        margin:0em !important;
	}
    #wrapper {
        padding-top:150px;
	}
    #desktop_mainnav_outside {
        padding:1em 0em 0em 0em;
	}
    #mobile-menu-button {
        margin-top:0em;
	}
    #top_logo {
        max-width:45%;
	}
    #mobile_header_inside {
        max-width:24%;
        float:left;
	}
	.sin-flex-grid {
		width:100%;
	}
	figure.image_container.float_left, figure.image_container.float_right {float:none !important; margin:0 !important;}
	figure.image_container img {width:100%;}
	
	.flex-image, .flex-text {
		width:100%;
	}
	.ce_text.trainer-item.block {
		width:100%;
		max-width: 100%;
		margin: 1em 0em;
	}
	video.start {
		width: 100%;
		max-height: 400px;
		aspect-ratio: 4/3;
		object-fit: cover;
		height: 100%;
	}
	.ce_masonry_gallery.last.msry_theme_standard.block {
		padding: 0;
	}
	#wrapper_bottom .ce_text {
		text-align: center;
	}
	
}

/* ############# up to  up to 575px #############*/
/* ############# up to  up to 575px #############*/
/* ############# up to  up to 575px #############*/
@media (min-width: 321px) and (max-width: 575px)
{
	body.start div#wrapper {
	}
	#wrapper {
	}
    #desktop_mainnav_outside {
        padding:1em 0em 0em 0em;
	}
    #mobile-menu-button {
        margin-top:0em;
	}
    #top_logo {
	}
    #mobile_header_inside {
        max-width:24%;
        float:left;
	}
    .image_container.float_above {
        margin:0em;
	}
    .relative {
        position:initial;
	}
    .bild-text {
        position:initial;
	}
    .anfrage-aussen {
        padding:2em 1em 2em 1em;
	}
	.flex-image, .flex-text {
		width:100%;
	}
	.flex-image {
		max-height: 300px !important;
	}
	
	.anfrage-aussen figure.image_container {
		margin:0em 1em 1em 0em;
	}
	h1 {
		line-height:1.5;
	}
	h1, h2, h3 {
		font-size:1em !important;
	}
	.project-infos-head {
		font-size: 0.75em;
	}
	.project-infos-sub {
		bottom: 4em;
	}
	.sin-flex-grid {
		width:100%;
	}
	figure.image_container.float_left, figure.image_container.float_right {float:none !important; margin:0 !important;}
	figure.image_container img {width:100%;}
	
	.ce_text.trainer-item.block {
		width:100%;
		max-width: 45%;
		margin: 0;
	}
	video.start {
		width: 100%;
		padding-top: 4em;
		max-height: 400px;
		aspect-ratio: 4/3;
		object-fit: cover;
		height: 100%;
	}
	div#footer-kontakt {
		text-align: center;
		margin: 1em;
	}
	.ce_text.trainer-item.block {
		width: 100%;
		max-width: initial;
		margin: 0;
	}
	.masonry_gallery {
		width: 100%;
	}
	.ce_masonry_gallery.last.msry_theme_standard.block {
		padding: 0;
	}
	.masonry_gallery img {
		object-fit: cover;
		width: 100%;
		height: auto !important;
		display: block;
	}
	#wrapper_bottom .ce_text {
		text-align: center;
	}
}     /* End 575px*/


/* ############# up to 768px #############*/
/* ############# up to 768px #############*/
/* ############# up to 768px #############*/
@media (min-width: 576px) and (max-width: 768px)
{    
	.flex-image, .flex-text {
		width:100%;
	}
	.flex-image {
		max-height: 400px !important;
	}
	
	.project-infos-head {
		font-size: 0.6em;
	}
	.project-infos-sub {
		bottom: 2.5em;
		font-size:0.66em;
	}
	.sin-flex-grid {
		width:45%;
	}
	figure.image_container.float_left {max-width:50%; margin-right:2em;}
	figure.image_container.float_right {max-width:50%; margin-left:2em;}
	
	.ce_text.trainer-item.block {
		width:100%;
		max-width: 30%;
		margin: 0;
	}
	
}     /* End 560px*/

/* ############# 769px to 991px #############*/
/* ############# 769px to 991px #############*/
/* ############# 769px to 991px #############*/
@media screen
and (min-width: 769px)
and (max-width: 991px)
{
	.project-infos-head {
		font-size: 0.6em;
	}
	.project-infos-sub {
		bottom: 2.5em;
		font-size:0.66em;
	}
figure.image_container.float_left {max-width:50%; margin-right:2em;}
figure.image_container.float_right {max-width:50%; margin-left:2em;}
}     /* End 768px*/


/* ############# 992px to 1199px #############*/
/* ############# 992px to 1199px #############*/
/* ############# 992px to 1199px #############*/
@media screen
and (min-width: 992px)
and (max-width: 1199px)
{

#bar_inside {
padding:0em;
}

#logo {
margin-top:1em;
}
.top_icons {
padding:0em 1em 0em 1em;
}

#main_header {
display:block;
}
#mobile_header
{
display:none;
}
nav#mainnav {
background-color:#ffffff;
}
#icons-mobile {
display: none;
}
#icons-desktop {
position: absolute;
right: 1em;
}
#icons-desktop a {
color: #ffffff;
margin-right: 1em;
font-size: 1.3em;
}
#mobile_menu_header {
display: none;
}
.topinfo {
float: left;
margin: 0.5em 1em 0.5em 0.6em;
font-size: 0.85em;
}
.slider-element {
max-width: 36% !important;
}
.slider-element p {
font-size: 2em;
}
.slider-element p, .slider-element ul li {
font-size: 2rem !important;
padding-left: 2.3rem !important;
}
ul.icon.tp-resizeme  {
padding-left: 2rem !important!
}
h2.tp-resizeme {
font-size: 3rem !important;
line-height: 3.5rem !important;
color: #000000;
}
#slider {
padding-top: 10em;
}
.project-infos-head {
font-size: 1em;
}
.project-infos-sub {
bottom: 2.5em;
font-size:0.7em;
}
figure.image_container.float_left {max-width:50%; margin-right:2em;}
figure.image_container.float_right {max-width:50%; margin-left:2em;}
}
/* ############# End 992px to 1199px #############*/
/* ############# End 992px to 1199px #############*/
/* ############# End 992px to 1199px #############*/


/* ############# From 1200px and more #############*/
/* ############# From 1200px and more #############*/
/* ############# From 1200px and more #############*/
@media screen
and (min-width: 1200px)
{
#bar_inside {
padding:0em 1em 0em 1em;
}

}
/* End Basic from 1200px and more*/
/* End Basic from 1200px and more*/
/* End Basic from 1200px and more*/