draggable-hero color-white g-font h-25

Jugendliche & Erwachsene

Kampfkunst als Ausgleich und Motivator

Viele Jugendliche / Erwachsene haben immer häufiger einen zunehmend stressigen Alltag zu bewältigen. Steigende Anforderungen in der Schule oder bei der Arbeit führen nicht selten zu einer Überlastung und der damit einhergehend verminderten Leistungsfähigkeit. Traditionelles TaeKwon-Do bietet hier einen optimalen Ausgleich.

Das ganzheitliche Training für Körper und Geist...

...blendet die Belastungen des täglichen Lebens kurzzeitig aus, sodass der Fokus wieder auf einen selbst gerichtet ist. Man setzt sich bewusst auf verschiedenen Ebenen mit seinem Körper auseinander und schöpft durch die immer wiederkehrenden Erfolge im Training Kraft für die kommenden Aufgaben.
Die Effekte unseres Unterrichts wirken sich schon nach kurzer Zeit positiv auf nahezu alle Lebensbereiche aus.

Traditionelles TaeKwon-Do verläuft im Gegensatz zu seinen modernen und wettkampforientierten Vertretern ohne direkten Körperkontakt. Dadurch ist es für jeden - unabhängig von körperlichen Voraussetzungen wie Alter, Größe, Geschlecht oder Fitness-Level - geeignet und erfreut sich bei uns mit zunehmender Beliebtheit als Erlebnis für die gesamte Familie.

Global colors

	bg-primary
	bg-primary-light
	bg-primary-dark
	bg-secondary
	bg-secondary-dark

Template colors

	body
	top-header
	top-header-inner
	header
	header-inner
	navigation-inner
	navigation color
	dropdown background color
	content

Footer Styles

	background
	text color
	link color
	horizontal line

Buttons

	style 1
	style 2
	style 3
	text color

Mobile navigation

	background color
	navigation color

Other elements

	social icons
	top header border
	header border
	nav inner border

Template configurations

has-right-nav g-font has-header-shadow

Top header inner

color-white hs-center weight-700

Header inner

Navigation inner

Navigation styles

size-15 weight-400 snip-nav --effect03 has-icon-2 has-fadeIn

Sub-menu (breadcrumbs) styles

size-15 is-uppercase

Mobile Navigation styles

size-15

Content styles

form-white mid-round-btn

Footer styles

o-form color-white mid-round-btn

Footer background image

Typography

Heading H1

weight-800 is-uppercase

Heading H2

weight-300

Heading H3

weight-400

Buttons

weight-400

Advanced settings

Custom CSS

#cc-inner .my-class {

color:#f0f0f0;

}


@media (max-width: 943px) {
.cc-m-hgrid-column {
float: center;
min-width: 100%;
}
}
.line{
width: 95%;
height: 1px;
border-bottom: 1px solid #f1f1f1;
position: absolute;
}

.j-hr hr {
border-color: #f1f1f1;
}

.j-module h4 {
font-size: 2rem;
text-align: center;
}
.sub-wochentag {
font-size: 11px;
padding-top: 0;
margin-top: 0;
text-align: center;
font-family: 'Roboto Condensed', sans-serif !important;
}

.sub-wochtenag b{
text-transform: uppercase !important;
}

#cc-inner .hs-button {
padding: 5px 45px;
}

.hs-description p {
font-size: 0.95em;
line-height: 1.9em;
}

.inner {
width: auto;
max-width: 1100px;
}

@media (min-width: 1024px) {
form.cc-m-form.cc-m-form-layout-0 .cc-m-form-view-element>label {
width: 35%;
max-width: 350px;
}
}
form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper input:not([type=radio]) {
width: 100% !important;
}

@media (max-width: 768px) {
.cc-m-form-view-element.cc-m-form-subheading>label {
font-size: 120% !important;
font-family: 'Roboto Condensed Light', sans-serif  !important;
line-height: normal;
}
}

body {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
}

h1, h2, h3, h4 {
  font-family: 'Playfair Display', serif;
}

.draggable-top-header > a {
text-decoration: underline;
}

.iframe-section {
    text-align: center;
    padding: 40px 20px;
    background-color: rgba(255, 255, 255, 0.85); /* leicht transparent, auf Wunsch anpassen */
    z-index: 1;
    position: relative;
}

.iframe-section h4 {
    font-size: 1.5rem;
    margin-bottom: 20px;
    color: #222;
}

.iframe-wrapper {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 62.5%; /* Höhe im Verhältnis zu max-width: 1000px → 650px Höhe */
}

.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Mobil optimiert */ @media screen and (max-width: 768px) { .iframe-section { padding: 30px 15px; } .iframe-wrapper { padding-top: 100%; /* Quadratisch bei kleinen Geräten */ } .iframe-section h4 { font-size: 1.2rem; } }

Note: All changes made here will be applied to your entire website.

is-switcher