/* -------------------------- fonts ANFANG --------------------------  */
@import "https://www.xion-webdesign.de/fonts/font-awesome-5/fontawesome.min.css";
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-100.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-100italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-200.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: italic;
  font-weight: 200;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-200italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-300.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-300italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-regular.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-500.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-500italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-600.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-600italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-700.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-700italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-800.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-800italic.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-900.woff2') format('woff2'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('https://www.xion-webdesign.de/fonts/inter/inter-v18-latin-900italic.woff2') format('woff2'); 
}@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100.eot');
  src: local('Montserrat Thin'), local('Montserrat-Thin'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100italic.eot');
  src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100italic.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100italic.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100italic.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100italic.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-100italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300.eot');
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200.eot');
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200italic.eot');
  src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200italic.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200italic.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200italic.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200italic.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-200italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300italic.eot');
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300italic.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300italic.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300italic.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300italic.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-300italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-regular.eot');
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-regular.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-regular.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-regular.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-regular.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-italic.eot');
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-italic.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-italic.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-italic.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-italic.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500.eot');
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600.eot');
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500italic.eot');
  src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500italic.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500italic.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500italic.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500italic.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-500italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600italic.eot');
  src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600italic.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600italic.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600italic.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600italic.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-600italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700.eot');
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700italic.eot');
  src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700italic.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700italic.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700italic.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700italic.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-700italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800.eot');
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800italic.eot');
  src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800italic.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800italic.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800italic.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800italic.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-800italic.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900.eot');
  src: local('Montserrat Black'), local('Montserrat-Black'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900.svg#Montserrat') format('svg');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900italic.eot');
  src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900italic.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900italic.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900italic.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900italic.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/montserrat/montserrat-v15-latin-900italic.svg#Montserrat') format('svg');
}@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-100.eot');
  src: local(''),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-100.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-100.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-100.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-100.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-100.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-300.eot');
  src: local(''),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-300.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-300.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-300.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-300.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-regular.eot');
  src: local(''),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-regular.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-regular.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-regular.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-regular.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-500.eot');
  src: local(''),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-500.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-500.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-500.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-500.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-700.eot');
  src: local(''),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-700.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-700.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-700.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-700.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-900.eot');
  src: local(''),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-900.woff2') format('woff2'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-900.woff') format('woff'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-900.ttf') format('truetype'),
       url('https://www.xion-webdesign.de/fonts/roboto/roboto-v27-latin-900.svg#Roboto') format('svg');
} /* --------------------------  fonts ENDE --------------------------  */
/* --------------------------  standard-Schrift ANFANG --------------------------  */


	body
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(0,0,0,1);
	font-size:18px;
	font-family:Inter;
	font-weight:300;
	line-height:30px;
	letter-spacing:-0.3px;
	text-decoration:none;
	text-transform:none;
	padding:0px 0px 0px 0px;
	margin:0;	
	}
 p
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:30px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
}
 h2
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-size:36px;
font-family:Inter;
font-weight:300;
line-height:46px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
 h2 a
{	
font-size:36px !important;
}
 h3
{

-webkit-text-fill-color: initial;
color:rgba(4,4,48,1.00);
font-size:28px;
font-family:Inter;
font-weight:300;
line-height:38px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
 h3 a
{	
font-size:28px !important;
}
 a
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:underline;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:300;
text-decoration:none;
}
/* --------------------------  standard-Schrift ENDE --------------------------  */


/*--------------------------   Basis CSS  ANFANG --------------------------  */
html {
scroll-behavior: smooth;
}
body {
  margin: 0;
}

a
{
	color:#000;
}
.a
{
	color:#000;
}
a:focus {
  outline: none;
}
/* barrierefrei */

a:focus-visible
{
outline: 4px solid rgba(255,0,72,1.00); 
}

.content a:focus-visible
{
outline: 4px solid rgba(255,0,72,1.00); 
}
.content a:focus-visible img {
  outline: 4px solid rgba(255,0,72,1.00);
  outline-offset: 2px;
}
.skip-link {
  position: absolute; top: -80px; left: 0;
  background: #000000;
  padding: 6px 14px;
  z-index: 999999;
  text-decoration: none;
  font-size: 16px;
  transition: top 0.3s ease;
  color:#fff!important;
}
.skip-link:focus {
  top: 0;
}
/* barrierefrei */
i
{
display:inline!important;
}
img {
  border: 0;
  max-width: 100%;
  /* height: auto; */
  vertical-align: middle;
}

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

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}
@media (min-width: 995px) {
  .container {
    max-width: 990px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
  
}
.row {
  margin-right: 0px;
  margin-left: 0px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.row:after,.row:before
{
	display:flex;content:" ";flex-wrap: wrap;
}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-five, .col-sm-five, .col-md-five, .col-lg-five, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width:100%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, col-xs-five, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-five  {
    width: 20%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 768px) {
	
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-five, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-five {
    width: 20%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
 
}
@media (min-width: 995px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-five, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-five {
    width: 20%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
 
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-five, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-five {
    width: 20%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
 
}

@media screen and (max-width: 767px) {
.row {
  margin-right: 0px;
  margin-left: 0px;
}

  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
/* Bootstrap Light */



		body
		{
									background:rgba(255,255,255,1.00);
						overflow-x: hidden;			
		}









.content
{
width:100%;
min-height: 850px;
}
.content img
{
max-width:100%;
/* height: auto; */
border-radius: 0px;
}
.content a
{
/* display: inline-block!important; */
display: inline; 
}
.content a img {
  display: inline-block;
}
.content a:has(img) {
  display: inline-block; /* wegen Barrierefreiheit bei Links */
}
.content a:has(img[src$=".svg" i]) {
  display: inline !important;  /* bei svg brauchen wir inline sonst wird es nicht angezeigt wenn keine Größenangabe dabei ist */
}
.html-content img
{
max-width:100%;
height: auto;
}
.header-content img
{
max-width:100%;
height: auto;
}
.footer-content img
{
max-width:100%;
height: auto;
}
.container {
    max-width: 1360px;
    width:100%;
}
.contentbg
{
background:rgba(255,255,255,0.00);
margin-left: auto;
margin-right: auto;
}
h1, h2, h3, h4, h5, h6
{
margin:0;
}
/*
.content ul
{
list-style:none;
padding: 0;
margin: 0;
}
*/
.content ul
{
padding-left: 25px;
margin: 0;
/*padding-top:20px;*/
padding-bottom:20px;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%; 
padding-top: 0px;
height: 0;
overflow: hidden;
background: #000;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:0;
}
video
{
width:100%;
height:auto;
}

/* table */
.table
{
width: 100%;
max-width: 100%;
overflow-x: auto;
border-collapse: collapse;
}


.table th {
    color: rgba(255,255,255,1);
    background-color: rgba(5,3,27,1.00);
    border-color: rgba(5,3,27,1.00);
    vertical-align: top;
    text-align: left;
}

.table-striped tbody tr {
    background-color: rgba(230,235,240,0.10);
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(226,228,234,1.00);
}
.table td, .table th {
    padding: 10px 10px 10px 10px;
    vertical-align: top;
    /*border-top: 1px solid #dee2e6;*/
}
/* table */



pre {
    background: rgba(203,217,225,1.00);
    border-radius: 8px;
    padding: 20px 20px 20px 20px;
    color: rgba(5,3,27,1.00);
    font-family: 'Inter';
    font-weight: 300;
    font-size: 18px;
        white-space: pre-wrap !important;
}


/* 
pre {
    background-color: #ededed;
    border-radius: 4px;
    padding: 15px;
    font-family: 'Roboto', sans-serif !important;
    white-space: pre-wrap !important;
}
*/

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 1px solid rgba(0,0,0,0.10);
}

ul
{
margin-top:0px;
}

strong, b
{
font-weight: bold!important;
}
strong a {
font-weight: bold !important;
}
.textblockc
{
width:100%;
}
.sprungmarke {
  scroll-margin-top: 160px;
}
.text-right {
    text-align: right !important;
}
.text-left {
    text-align: left !important;
}
.text-center {
    text-align: center !important;
}

iframe
{
border:none;
}

/* Sekundäre Navigation */
.sec-nav {
  display: inline-block;
}
.sec-nav ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important; /* Automatischer Umbruch */
  gap: 0.5rem 1rem !important; /* Abstand vertikal 0.5rem, horizontal 1rem */
}
.sec-nav ul li {
  display: inline-block !important;
  padding: 0 !important; 
}
.sec-nav ul li::before {
  content: none !important;
  display: none !important;
}
.sec-nav li > div,
.sec-nav li > span {
  display: inline-block !important;
}
.sec-nav .iconset_14 {
  display: inline-flex !important;
  vertical-align: middle !important;
}/*--------------------------   Basis CSS  ENDE --------------------------  */
/*--------------------------   Navigation  ANFANG --------------------------  */

.navik-header {
will-change: transform;
}

@media (min-width: 1200px) 
{ 

.navik-header {
  position: fixed; 
  z-index: 99;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.428572;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
    	 
}
.navik-header *, .navik-header *::before, .navik-header *::after {
  box-sizing: border-box;
}
.navik-header ul {
  margin-bottom: inherit;
}
.navik-header img {
  max-width: 100%;
}
.navik-header a:hover, .navik-header a:focus, .navik-header a:active {
  text-decoration: none;
  outline: none;
}
.navik-header .logo img{
  max-width: inherit;
  width: auto;  
    
  height: 100%; 
  max-height: 120px;
   
  
  padding: 20px 20px 20px 20px;
     
}

.navik-header .logo object {
pointer-events: none;
display: block;
  max-width: inherit;
  width: auto;  
    
  height: 100%; 
  max-height: 120px;
   
  
  padding: 20px 20px 20px 20px;
     
}

.navik-header .logo embed {
  max-width: inherit;
  width: auto;
  
    
  height: 100%; 
  max-height: 120px;
   
  
  padding: 20px 20px 20px 20px;
     
}

.navik-header-container {
  /* position: relative;*/
  height: 120px;
}


.navik-header .logo {
  float:left;  position: relative;
    top: 50%;	
    -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
        text-align: left;      
    height: 100%;
    z-index:10;
}

.navik-menu ul li {
  position: relative;
  list-style: none;
}
.navik-menu ul ul li {
  list-style: none;
  margin:0;
  padding:0;
}
.navik-menu ul ul {
  margin:0;
  padding:0;
}
.navik-menu ul li > a {
  display: block;
  padding: 0px 20px 0px 20px; 
  font-family: "Inter", sans-serif;
  font-size: 17px; 
  font-weight:400; 
  letter-spacing: 0px; 
  text-decoration: none;
  text-transform: none;
}
.navik-menu ul ul li > a {
  position: relative;
  color: rgba(255,255,255,1.00); 
  background-color: transparent;
  padding: 9px 0px 9px 30px; 
  font-family: "Inter", sans-serif; 
  font-size: 15px;  
  font-weight: 500; 
  letter-spacing: 0px; 
  text-transform: none; 
}
.navik-menu ul ul ul li > a {
  padding: 9px 0px 9px 30px; 
}
.navik-menu li > ul {
  display: none;
}
.navik-menu {
  text-align: right;
  clear: inherit;
  width: 100%;
  height:100%; 
  }
.navik-menu > ul {
  display: block!important;  
  padding: 0px 20px 0px 0px; 
      
}
  .sticky .navik-menu > ul{
  }

.navik-menu > ul > li {
  display: inline-block;
}
.navik-menu > ul > li > a {
  position: relative;
  box-sizing: border-box;
    
  /* height: 120px;  */
  line-height: 120px;
    
  white-space: nowrap;
}
.navik-menu ul li {
  position: relative;
  list-style: none;
}
   
.navik-menu ul ul li:hover > a {
  
  color: rgba(255,255,255,1.00);
  background-color: rgba(255, 255, 255, 0.09);
}
.navik-menu ul ul li:hover > a::before {
  width: 10px;
}
.navik-menu.menu-hover-2 ul ul li.current-menu > a {
  color: rgba(255,255,255,1.00); 
  background: rgba(255, 255, 255, 0.09); 
}

.navik-header.sticky .navik-menu ul ul li.current-menu > a {  
color:rgba(255,255,255,1.00); 
background-color: rgba(255, 255, 255, 0.09); 
}
.navik-menu li > ul {
  position: absolute;
  left: 0;
  display: block;
    width: 320px; 
    padding: 12px 0px 12px 0px;   
  /* visibility: hidden; */
  background: rgba(4, 4, 48, 1); 
    box-shadow: 0 12px 30px -2px rgba(0,0,0,0.3);   
    text-align:left;
    border-radius: 5px;   
  }
.navik-menu li > ul ul {
  top: 0px;
  left: 100%;
}
.navik-menu li:hover > ul {
  visibility: visible;
  opacity: 1;
}  
.navik-menu li.submenu-right > ul {
  right: 0;
  left: inherit;
}
.navik-menu li.submenu-right > ul ul {
  right: 320px;
  left: inherit;
}
  
    
.navik-menu ul li.dropdown_menu > a > span::before {
position: relative;
top: -3px;
box-sizing: content-box;
display: inline-block;
width: 4px;
height: 4px;
margin-left: 8px;
content: "";
border-color: rgb(255, 0, 72);
border-style: solid;
border-width: 2px 2px 0 0;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.navik-menu ul ul li.dropdown_menu > a > span::before {
top: 7px;
right: 10px;
float: right;
margin: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-color: rgb(255, 0, 72);
}
.navik-menu.menu-caret ul li.dropdown_menu > a > span {
display: inline-block;
}
.navik-menu.menu-caret ul ul li.dropdown_menu > a > span {
display: inline;
}
.navik-menu ul li.current-menu > a, .navik-menu ul li:hover > a {
background-color: inherit;
}  
.navik-header.sticky {
position: fixed;
width: 100%;
-webkit-animation-name: stickyTransition;
animation-name: stickyTransition;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
background: rgba(4, 4, 48, 1);
box-shadow: 0 10px 30px -5px rgba(0,0,0,0.2);
top:0px;
height: 95px;
}
.navik-header.sticky.wow { visibility: visible !important; }
.navik-header.sticky .navik-header-container {
height: 95px;
}
  
.navik-header.sticky .navik-menu > ul > li > a {
    
        line-height: 94px;
  
color:rgba(255,255,255,1.00);
}
.navik-header.sticky .navik-menu > ul > li.current-menu > a {  
color:rgba(255,0,72,1.00); 
background-color: rgba(220,220,224,0.00); 
    border-bottom: 1px solid rgba(255,0,72,1.00);
  }
.navik-header.sticky .navik-menu > ul > li:hover > a {  
color:rgba(255,0,72,1.00); 
background-color: rgba(220,220,224,0.00); 
  border-bottom: 1px solid rgba(255,0,72,1.00);
  }  
.navik-header.sticky .logo  {  
    height: 100%;
   
  }
.navik-header.sticky .logo img { 
  
  height: 100%; 
  max-height: 94px;
   
  
  padding: 20px 15px 20px 15px;
        
     display:block; 
     
}

.navik-header.sticky .logo object { 
pointer-events: none;
display: block;
  
  height: 100%; 
  max-height: 94px;
   
  
  padding: 20px 15px 20px 15px;
        
     display:block; 
     
}

 
 
 
.navik-header.header-transparent-on, .navik-header.header-opacity-on {
  /*position: absolute; xion */
  width: 100%;
}  
.navik-header.header-opacity-on {
  background: rgba(255,255,255,0.00);
}
.header-transparent-on .navik-menu > ul > li > a,
.header-opacity-on .navik-menu > ul > li > a {
  color: rgba(255,255,255,1.00);
}
 
.header-opacity-on .navik-menu.menu-hover-2 > ul > li.current-menu > a, .header-opacity-on .navik-menu.menu-hover-2 > ul > li:hover > a {
  color: rgba(255,0,72,1.00); 
  background: rgba(220,220,224,0.00); 
    font-weight: 400; 
      border-bottom: 1px solid rgba(255,0,72,1.00);
  } 

/* barrierefrei */
.navik-menu a:focus-visible {
  outline: 4px solid rgba(255,0,72,1.00);
  outline-offset: 2px;
}
/* barrierefrei */

.navik-menu.submenu-list-border ul ul li > a {
  padding: 9px 0px 9px 30px !important;
}

.navik-menu.submenu-list-border ul ul li:last-child::after {
  display: none;
}  
 
 
   


.navik-menu.submenu-list-border ul ul li:nth-child(n+2) > a::before {
  top: 24px;
}  

 


.navik-menu .mega-menu-container {
  padding: 0px;
}
  
  .navik-mega-menu.mega-menu-fullwidth .navik-header-container {
    /* position: inherit; */
  }
  .navik-mega-menu.mega-menu-fullwidth, .navik-mega-menu .navik-header-container {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 200px;
    perspective: 200px;
  }
   
  .navik-menu ul li.mega-menu {
    position: inherit;
    font-size: initial;
  }
  .navik-menu li.mega-menu > ul {
    width: 100%;
    padding: 0px;
  }
  .navik-mega-menu.mega-menu-fullwidth .navik-header-container, .navik-mega-menu .navik-menu.submenu-flip > ul, .navik-mega-menu .navik-menu.submenu-flip ul li.mega-menu {
    -webkit-transform-style: unset;
    transform-style: unset;
    -webkit-perspective: none;
    perspective: none;
  } 
  
  
} 




  
@media (max-width: 1200px) { /* Wenn kleiner als z.B. 1200px */
.burger-menu {

  position: absolute;
  right: 20px; 
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 40px; 
  height: 37px;
    top: calc(50% - 18.5px);
  cursor: pointer;
  transition: -webkit-transform 330ms ease-out;
  transition: transform 330ms ease-out;
  transition: transform 330ms ease-out, -webkit-transform 330ms ease-out;
  background: rgba(4,4,48,1.00);
  z-index: 99999;  
   padding: 10px; 
    
  
}


.burger-menu.menu-open {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.line-menu {
  height: 1px;
  border-radius: 2px;
}
.line-menu.line-half {
  width: 50%;
}
.line-menu.first-line {
  -webkit-transform-origin: right;
  transform-origin: right;
  transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
}
.line-menu.last-line {
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-transform-origin: left;
  transform-origin: left;
  transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
}
.menu-open .line-menu.first-line {
  -webkit-transform: rotate(-90deg) translateX(3px);
  transform: rotate(-90deg) translateX(3px);
}
.menu-open .line-menu.last-line {
  -webkit-transform: rotate(-90deg) translateX(-3px);
  transform: rotate(-90deg) translateX(-3px);
}
.menu-open .line-menu.line-half {
  width: 50%!important;
}



.navik-header {
  position: relative; 
  z-index: 99;
  box-sizing: border-box;

  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  
    width: 100%;
	background: rgba(4,4,48,1.00);
          
         height: 90px;
        display: flex;
    flex-wrap: wrap;
    align-items: center;

}

/* dropdown-plus ANFANG */
.dropdown-plus {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 54px;
  cursor: pointer;
  z-index: 9;
}

.navik-menu ul li ul li .dropdown-plus {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 42px;
  cursor: pointer;
  z-index: 9;
}


.dropdown-plus::before, .dropdown-plus::after {  
  position: absolute;
    top: 22px;
    right: 18px;
      width: 13px;
  height: 1px;
  content: "";
}

.dropdown-plus::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dropdown-plus.overlay-dropdown-open::after {
  display: none;
}


.navik-menu ul li .dropdown-plus::before, .navik-menu ul li .dropdown-plus::after {
  background: rgba(255,0,72,1.00)!important;   
}

.navik-menu ul li ul li .dropdown-plus::before, .navik-menu ul li ul li .dropdown-plus::after {
  background: rgba(255,0,72,1.00)!important;  
    top: 19px; 
}

.navik-menu > ul > li.menuSlideIn .menu-overlay-link .dropdown-plus {
  -webkit-animation-name: menuFadeIn;
  animation-name: menuFadeIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.navik-menu > ul > li.menuSlideOut .menu-overlay-link .dropdown-plus {
  -webkit-animation-name: subMenuFadeOut;
  animation-name: subMenuFadeOut;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.submenu-vertical > ul > li > ul li .dropdown-plus {
  top: 1px;
  right: -35px;
}
.menu-slide .navik-menu > ul > li.menuSlideIn .menu-overlay-link .dropdown-plus {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
/* dropdown-plus ENDE */




.navik-header-container {
  padding: 0px 0px 0px 0px;
}


.navik-header img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.navik-header a:hover, .navik-header a:focus, .navik-header a:active {
  text-decoration: none;
  outline: none;
}

.navik-header .logo {
  text-align: left;  
  height: 100%; 
}

.navik-header .logo img {    
 max-width: 85%;  
 width: auto; 
 height: 100%; 
  max-height: 90px; 
   padding: 10px 10px 10px 10px;
   
    
     
}

.navik-header .logo object { 
pointer-events: none;
display: inline-block;
 max-width: 100%;  
 width: auto; 
 height: 90px;
  max-height: 90px; 
   padding: 10px 10px 10px 10px;
   
    
     
}

.logo a
{
display: inline-block;
height: 90px;
}

.sticky.navik-header .logo img {
     height: 70px; 
    max-width: 100%;
  text-align: left; 
}

.sticky.navik-header .logo object {
pointer-events: none;
display: block;
     height: 70px; 
    text-align: left; 
}


.navik-header .burger-menu:hover {
  box-shadow: 0 0 25px -1px rgba(0, 0, 0, 0.4);
}

.navik-header .burger-menu > div {
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 17px;
  transition: -webkit-transform 330ms ease-out;
  transition: transform 330ms ease-out;
  transition: transform 330ms ease-out, -webkit-transform 330ms ease-out;
}

.navik-header .burger-menu.menu-open {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.navik-header .burger-menu.menu-open > div {
  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);
}

.navik-header .line-menu {
  background: rgba(255,255,255,1);
}
.nav-menu-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  visibility: hidden;
  background-color: #fff;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.nav-menu-wrapper.overlay-menu-open {
  visibility: visible;
  opacity: 1;
}

.navik-menu {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;

            /* Bild-Hintergrund mit optionalem Overlay */
      background-image:
                  /* erste Ebene: overlay-Farbe als Gradient */
          linear-gradient(rgba(4,4,48,0.53), rgba(4,4,48,0.53)),
                /* zweite Ebene: das Bild */
        url('https://www.xion-webdesign.de/data/images/uploads/background/navigation/0707-0915_d_webagentur-muenchen.jpg');
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      }




.navik-menu > ul > li {
  position: relative;
}

.navik-menu > ul > li:last-child {
  margin-bottom: 0;
}

.navik-menu > ul > li > .menu-overlay-link a {
  display: block;
  padding: 12px 15px 12px 15px;
  background: rgba(255,255,255,0);
  font-size: 22px;
  font-weight: 500;
  text-transform: none;
  font-family: "Inter", sans-serif;
  color: rgba(255,255,255,1.00);  
  transition: color 0.2s ease-in-out;
}

.navik-menu > ul > li > ul {
  display: none;
  padding: 10px 0 20px;
}

.navik-menu > ul > li > ul > li {
  position: relative;
}

.navik-menu > ul > li > ul > li::after {
  position: absolute;
  top: 3px;
  left: -18px;
  width: 1px;
  height: 13px;
  content: "";
  background-color: #d1d1d1;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.navik-menu > ul > li > ul > li:first-child {
  margin-left: 0;
}

.navik-menu > ul > li > ul > li:first-child::after {
  display: none;
}



.navik-menu > ul > li.menuFade > ul {
  opacity: 0;
}

.navik-menu > ul > li li {
  display: inline;
}



.navik-menu > ul ul {
  display: inline;
}

.navik-menu > ul ul li {
  margin-left: 32px;
}

.navik-menu > ul ul li a {
  padding: 9px 0px 9px 25px; 
  background: rgba(5,3,27,1.00);
  font-size: 17px;
  font-weight:300;
  text-transform:none;
  font-family: "Inter", sans-serif;
  text-decoration: none;
  color: rgba(224,224,225,1.00);
  /* white-space: nowrap; */
  transition: color 0.2s ease-in-out;
}

.navik-menu > ul ul ul li a {
  padding: 7px 30px 7px 30px; 
  background: rgba(255,255,255,0);
  font-size: 16px;
  font-weight:normal;
  text-transform:none;
  font-family: "Inter", sans-serif;
  text-decoration: none;
  color: rgba(0,0,0,1)!important; 
  /* white-space: nowrap; */
  transition: color 0.2s ease-in-out;
}



.navik-menu ul li a {
  display: block;
  padding: 12px 15px 12px 15px;
  background: rgba(255,255,255,0);
  font-size: 22px;
  font-weight: 500;
  text-transform: none;
  font-family: "Inter", sans-serif;
  color: rgba(255,255,255,1.00);  
  transition: color 0.2s ease-in-out;
  
  text-decoration: none;
}

.navik-menu ul ul li a {
  background: rgba(5,3,27,1.00);
}

.navik-menu.submenu-no-separate > ul > li > ul li::after {
  display: none !important;
}

.navik-menu.submenu-no-separate > ul ul li {
  margin-left: 20px;
}


@-webkit-keyframes menuFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes menuFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes subMenuFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes subMenuFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.navik-menu > ul > li.menuSlideIn > .menu-overlay-link a, .navik-menu > ul > li.menuSlideIn > ul {
 -webkit-animation-name: menuFadeInRight;
  animation-name: menuFadeInRight;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .navik-menu > ul > li.menuSlideIn > ul {
    opacity: 1;
    -webkit-animation-name: menuFadeIn;
    animation-name: menuFadeIn;
  }
}

@supports (-ms-accelerator: true) {
  .navik-menu > ul > li.menuSlideIn > ul {
    opacity: 1;
    -webkit-animation-name: menuFadeIn;
    animation-name: menuFadeIn;
  }
}

.overlay-submenu-close > li {
  -webkit-animation-name: subMenuFadeOut;
  animation-name: subMenuFadeOut;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/***************************************************
  Overlay menu submenu vertical
****************************************************/
.submenu-vertical > ul ul li {
  margin-left: 0 !important;
}

.submenu-vertical > ul > li > ul li {
  position: relative;
  display: block;
  margin-bottom: 5px;
}

.submenu-vertical > ul > li > ul li:last-child {
  margin-bottom: 0 !important;
}



.submenu-vertical > ul > li > ul ul {
  display: none;
  padding-top: 5px;
}

.submenu-vertical > ul > li > ul > li::after {
  display: none;
}

.submenu-vertical > ul > li.menuFade > ul {
  opacity: 1;
}

.submenu-vertical > ul > li.menuSlideIn > ul {
  -webkit-animation-name: none;
  animation-name: none;
}

.submenu-vertical > ul > li.menuSlideIn ul:not(.overlay-submenu-close) a {
  display: inline-block;
  -webkit-animation-name: menuFadeInLeft;
  animation-name: menuFadeInLeft;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.submenu-vertical > ul > li ul {
  position: relative;
  right: -30px;
  padding-right: 30px !important;
}

.submenu-vertical > ul > li ul:not(.overlay-submenu-close) a {
  opacity: 0;
}

.submenu-vertical > ul > li.menuSlideOut li a {
  -webkit-animation-name: subMenuFadeOut;
  animation-name: subMenuFadeOut;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}




  .navik-header.sticky {
    position: fixed;
    width: 100%;
    -webkit-animation-name: stickyTransition;
    animation-name: stickyTransition;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
        height: 70px; 
     
    background: rgba(4,4,48,1.00);
    top:0;
    margin-top: 0 !important;
    z-index:888; 
        box-shadow: 0 5px 20px -9px rgba(151, 151, 151, 0.5)!important;  
     
     
      
  }
  .navik-header.sticky .navik-header-container {
    height: auto;    
  }    
  .navik-header.sticky .navik-menu > ul > li > a {
    height: auto;
    line-height: auto;
  }  
  .navik-header.sticky .logo {   
    height: 100%;
    
  text-align: left;   
  }
  
  .navik-header.sticky .logo img { 
  
  height: 100%; 
  max-height: 70px;
   
  max-width: 100%;
  padding: 5px 5px 5px 5px;
     
   
     display:inline-block!important; 
     
}

.navik-header.sticky .logo object { 
pointer-events: none;
display: inline-block;
  
  height: 70px;  
  max-height: 70px;
   
  
  padding: 5px 5px 5px 5px;
     
   
     display:block; 
     
}
  
  @-webkit-keyframes stickyTransition {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes stickyTransition {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }


@-webkit-keyframes mobileStickyTransition {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes mobileStickyTransition {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


/***************************************************
  Overlay slide menu
****************************************************/
.menu-slide .navik-menu > ul {
  display: block;
  padding: 100px 0px 100px 0px;
  text-align: left;
  list-style: none;
  z-index: 3;
  position: relative;
}

@media only screen and (orientation: landscape) 
{  
    .menu-slide .navik-menu > ul 
    {
    padding: 20px;
	}
}



.menu-slide .navik-menu > ul > li {  
  list-style: none;
  position: relative;
    
}

 



.menu-slide .navik-menu > ul > li > ul {
  padding: 20px 0px 20px 0px;
  background: rgba(5,3,27,1.00);
}
.menu-slide .navik-menu > ul > li > ul > li > ul {
  padding: 10px 0px 10px 0px; 
  background: rgba(255,255,255,0); 
}


.menu-slide .navik-menu > ul > li > ul ul {
  display: none;
}

.menu-slide .navik-menu > ul > li > ul li {
  position: relative;
  margin-left: 0;  
    border-bottom: 1px solid rgba(209,209,209,0.10);
  }


.menu-slide .navik-menu > ul > li > ul li:last-child {
  border-bottom: 0px;
}



.menu-slide .navik-menu > ul > li > ul > li > ul li {
  position: relative;
  margin-left: 0;
    border-bottom: 0!important;
  }



.menu-slide .navik-menu > ul > li > ul > li::after {
  display: none;
}



.menu-slide .navik-menu > ul > li.menuSlideIn > ul {
  opacity: 1;
  -webkit-animation-name: none;
  animation-name: none;
}


.menu-slide .navik-menu > ul > li li {
  display: block;
}

.menu-slide .navik-menu > ul ul li a {
  position: relative;
  display: block;
  transition: all 0.2s ease-in-out;
  color: rgba(224,224,225,1.00)}



.menu-slide .navik-menu > ul ul:not(.overlay-submenu-close) a {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}


.menu-slide .navik-menu.submenu-no-separate > ul ul li a::before {
  display: none !important;
}




.menu-slide .nav-menu-wrapper {
  right: inherit; 
  left: 0; 
  width: 100%;
  visibility: visible;
  opacity: 1;
  
    -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
    
   
  
    
  transition-duration: 0.4s;
  height:100%;
}

.menu-slide .nav-menu-wrapper.overlay-menu-open {
  box-shadow: -15px 0 60px -5px rgba(0,0,0,0.3);
  
 
   -webkit-transform: translateX(0);
  transform: translateX(0);
  }


.slidemenu-bg-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.1s;
}

.overlay-menu-open + .slidemenu-bg-overlay {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
@-webkit-keyframes menuFadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes menuFadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.menu-slide .navik-menu > ul > li.menuSlideIn > .menu-overlay-link a, .menu-slide .navik-menu > ul > li.menuSlideIn ul:not(.overlay-submenu-close) a {

  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



.header-color-bg .nav-menu-wrapper {
  /* Bild-Hintergrund (mit optionalem Overlay-Gradienten) */
  background-image:
          /* erste Ebene: overlay-Farbe als Gradient */
      linear-gradient(rgba(4,4,48,0.53), rgba(4,4,48,0.53)),
        /* zweite Ebene: das Bild */
    url('https://www.xion-webdesign.de/data/images/uploads/background/navigation/0707-0915_d_webagentur-muenchen.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}




.navik-menu > ul > li.current-menu > .menu-overlay-link > a {
  color: rgba(255,0,72,1.00); 
  font-weight:500;
  background:rgba(230,230,230,0.08); 
}

.navik-menu > ul > li > ul > li.current-menu2 > .menu-overlay-link > a {
  color: rgba(255,0,72,1.00); 
  font-weight:300; 
  background:rgba(214,214,214,0.09); 
}

.navik-menu > ul > li > ul > li > ul > li.current-menu3 > .menu-overlay-link > a {
  color: rgba(42,42,42,1)!important; 
  font-weight:bold; 
  background:rgba(213,213,213,1); 
}


.navik-menu .navik-menu-icon {
  position: relative;
  top: -2px;
  margin-right: 10px;
}

.navik-menu > ul ul li a .navik-menu-icon {
  top: -1px;
  margin-right: 7px;
}

.menu-slide .navik-menu > ul ul li a .navik-menu-icon {
  margin-right: 5px;
}

	   
    
    
.menu-overlay-link {
  display: block;
} 

.sticky .nav-menu-wrapper
{
height:100vh!important;
}

.menu-slide .navik-menu > ul {
  display: none;
}
}

@media (min-width: 1200px) {
.burger-menu {
  display: none;
}
}

/* 1) Alle Untermenüs standardmäßig verstecken */
.navik-menu ul li > ul {
  display: none;
}

/* 2) Bei Hover einblenden */
.navik-menu ul li:hover > ul {
  display: block;
}

/* 3) Wenn li.open per Tastatur/Klick gesetzt wird, einblenden */
.navik-menu ul li.open > ul {
  display: block !important;
}

/* 4) Für verschachtelte Untermenüs genügt derselbe Selektor */
.navik-menu ul li.open li.open > ul {
  display: block !important;
}


/*--------------------------   Navigation  ENDE --------------------------  */
/*--------------------------   Navigation Design CSS  ANFANG --------------------------  */
.footer-link_15{
margin: 0px 0px 0px 6px !important;
padding: 0px 0px 0px 0px  !important;
background:rgba(0,0,0,0)!important;
border-radius: 0px!important; 
color: rgba(98,98,98,1.00)!important;  
text-transform: none!important;
text-decoration: none!important;
font-family: Inter!important;
font-weight: 400!important;
font-size: 16px!important;
 
}
.footer-link_15:hover
{
background:rgba(255,255,255,0.00)!important;
color: rgba(0,158,227,1.00)!important;  
font-weight: normal!important;
 
}
.current-menu .footer-link_15{
background:rgba(255,255,255,0.00)!important;
color: rgba(0,158,227,1.00)!important;  
font-weight: normal!important;
 
}
.footer-link_1{
margin: 0px 15px 0px 0px !important;
padding: 0px 0px 0px 0px  !important;
background:rgba(0,0,0,0)!important;
border-radius: 0px!important; 
color: rgba(255,255,255,1.00)!important;  
text-transform: none!important;
text-decoration: none!important;
font-family: Inter!important;
font-weight: 400!important;
font-size: 16px!important;
 
}
.footer-link_1:hover
{
background:rgba(255,255,255,0.00)!important;
color: rgba(255,166,25,1.00)!important;  
font-weight: normal!important;
 
}
.current-menu .footer-link_1{
background:rgba(255,255,255,0.00)!important;
color: rgba(255,166,25,1.00)!important;  
font-weight: normal!important;
 
}
/*--------------------------   Navigation Design CSS  ENDE --------------------------  */
/*--------------------------   Navigation vertical fixed left oder right  ANFANG --------------------------  */
/*--------------------------   Navigation vertical fixed left oder right  ENDE --------------------------  */
/*--------------------------   Layout CSS vtextblock (Header, Footer)  ANFANG --------------------------  */


            

.v_textblock_section_619 
{
position:relative;
display:flex;
flex-wrap:wrap;

align-items: flex-start;

margin: 0px 0px 0px 0px;
padding: 30px 0px 30px 0px;
height: auto;

background:rgba(5,3,27,1.00);




}




.v_textblock_wrapper_619{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

background:rgba(255,255,255,0);


    

position: relative;
display: flex;
flex-wrap: wrap;



}




.v_textblock_content_619 .col-md-1, 
.v_textblock_content_619 .col-md-2, 
.v_textblock_content_619 .col-md-3, 
.v_textblock_content_619 .col-md-4,  
.v_textblock_content_619 .col-md-5, 
.v_textblock_content_619 .col-md-6, 
.v_textblock_content_619 .col-md-7, 
.v_textblock_content_619 .col-md-8, 
.v_textblock_content_619 .col-md-9, 
.v_textblock_content_619 .col-md-10, 
.v_textblock_content_619 .col-md-11, 
.v_textblock_content_619 .col-md-12, 
.v_textblock_content_619 .col-sm-12, 
.v_textblock_content_619 .col-xs-12
{
padding: 15px 15px 15px 15px;
}








.v_textblock_content_619{
position: relative;
text-align: left;
width: 100%;
display: flex;
flex-wrap: wrap;



align-items: flex-start;


justify-content: left;



}




 

/* barrierefrei */
.v_textblock_content_619 a:focus-visible {
outline: 4px solid rgba(255,0,72,1.00);
}
/* barrierefrei */



/* Schriften-Set ANFANG */

	.v_textblock_content_619
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(224,224,225,1.00);
	font-size:17px;
	font-family:Inter;
	font-weight:200;
	line-height:32px;
	letter-spacing:-0.3px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: normal;
	word-wrap: normal;
	word-break: normal;
	hyphens: none;

	}
.v_textblock_content_619 p
{

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:32px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
}
.v_textblock_content_619 h4
{

-webkit-text-fill-color: initial;
color:rgba(2,177,253,1.00);
font-size:25px;
font-family:Inter;
font-weight:300;
line-height:35px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 15px 0px;
margin:0;
}
.v_textblock_content_619 h4 a
{	
font-size:25px !important;
}
.v_textblock_content_619 a
{

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.v_textblock_content_619 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:200;
text-decoration:none;
}
/* Schriften-Set ENDE */

/* Listenstyle ANFANG */
.v_textblock_content_619 ul
{
list-style: none;
--icon-space: 20px;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
}
.v_textblock_content_619 ul li
{
padding:4px 0px 4px 0px;
margin:0px 0px 0px 0px;
color:rgba(255,255,255,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:27px;
letter-spacing:0px;
text-transform:none;
text-align:left;
padding-left: var(--icon-space);
text-decoration:none;
height: 100%;
}
.v_textblock_content_619 ul li:last-child 
{
border-bottom: 0px solid #fff!important;
}
.v_textblock_content_619 ul li::before
{
font-family:"Font Awesome 5 Free";
content:"\f105";
background:rgba(255,0,72,1.00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size:17px;
font-weight: 600!important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
position: absolute;
}
/* Listenstyle ENDE */





            

.v_textblock_section_957 
{
position:relative;
display:flex;
flex-wrap:wrap;

align-items: flex-start;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: auto;

background:rgba(5,3,27,1.00);




}




.v_textblock_wrapper_957{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

background:rgba(255,255,255,0);


    

position: relative;
display: flex;
flex-wrap: wrap;



}




.v_textblock_content_957 .col-md-1, 
.v_textblock_content_957 .col-md-2, 
.v_textblock_content_957 .col-md-3, 
.v_textblock_content_957 .col-md-4,  
.v_textblock_content_957 .col-md-5, 
.v_textblock_content_957 .col-md-6, 
.v_textblock_content_957 .col-md-7, 
.v_textblock_content_957 .col-md-8, 
.v_textblock_content_957 .col-md-9, 
.v_textblock_content_957 .col-md-10, 
.v_textblock_content_957 .col-md-11, 
.v_textblock_content_957 .col-md-12, 
.v_textblock_content_957 .col-sm-12, 
.v_textblock_content_957 .col-xs-12
{
padding: 0px 0px 0px 0px;
}








.v_textblock_content_957{
position: relative;
text-align: left;
width: 100%;
display: flex;
flex-wrap: wrap;



align-items: flex-start;


justify-content: left;



}




 

/* barrierefrei */
.v_textblock_content_957 a:focus-visible {
outline: 4px solid rgba(255,0,72,1.00);
}
/* barrierefrei */



/* Schriften-Set ANFANG */

	.v_textblock_content_957
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(224,224,225,1.00);
	font-size:17px;
	font-family:Inter;
	font-weight:200;
	line-height:32px;
	letter-spacing:-0.3px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: normal;
	word-wrap: normal;
	word-break: normal;
	hyphens: none;

	}
.v_textblock_content_957 p
{

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:32px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
}
.v_textblock_content_957 h4
{

-webkit-text-fill-color: initial;
color:rgba(2,177,253,1.00);
font-size:25px;
font-family:Inter;
font-weight:300;
line-height:35px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 15px 0px;
margin:0;
}
.v_textblock_content_957 h4 a
{	
font-size:25px !important;
}
.v_textblock_content_957 a
{

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.v_textblock_content_957 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:200;
text-decoration:none;
}
/* Schriften-Set ENDE */

/* Listenstyle ANFANG */
.v_textblock_content_957 ul
{
list-style: none;
--icon-space: 20px;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
}
.v_textblock_content_957 ul li
{
padding:4px 0px 4px 0px;
margin:0px 0px 0px 0px;
color:rgba(255,255,255,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:27px;
letter-spacing:0px;
text-transform:none;
text-align:left;
padding-left: var(--icon-space);
text-decoration:none;
height: 100%;
}
.v_textblock_content_957 ul li:last-child 
{
border-bottom: 0px solid #fff!important;
}
.v_textblock_content_957 ul li::before
{
font-family:"Font Awesome 5 Free";
content:"\f105";
background:rgba(255,0,72,1.00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size:17px;
font-weight: 600!important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
position: absolute;
}
/* Listenstyle ENDE */





            

.v_textblock_section_955 
{
position:relative;
display:flex;
flex-wrap:wrap;

align-items: flex-start;

margin: 0px 0px 0px 0px;
padding: 0px 0px 50px 0px;
height: auto;

background:rgba(5,3,27,1.00);




}




.v_textblock_wrapper_955{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

background:rgba(255,255,255,0);


    

position: relative;
display: flex;
flex-wrap: wrap;



}




.v_textblock_content_955 .col-md-1, 
.v_textblock_content_955 .col-md-2, 
.v_textblock_content_955 .col-md-3, 
.v_textblock_content_955 .col-md-4,  
.v_textblock_content_955 .col-md-5, 
.v_textblock_content_955 .col-md-6, 
.v_textblock_content_955 .col-md-7, 
.v_textblock_content_955 .col-md-8, 
.v_textblock_content_955 .col-md-9, 
.v_textblock_content_955 .col-md-10, 
.v_textblock_content_955 .col-md-11, 
.v_textblock_content_955 .col-md-12, 
.v_textblock_content_955 .col-sm-12, 
.v_textblock_content_955 .col-xs-12
{
padding: 15px 15px 15px 15px;
}








.v_textblock_content_955{
position: relative;
text-align: left;
width: 100%;
display: flex;
flex-wrap: wrap;



align-items: flex-start;


justify-content: left;



}




 

/* barrierefrei */
.v_textblock_content_955 a:focus-visible {
outline: 4px solid rgba(255,0,72,1.00);
}
/* barrierefrei */



/* Schriften-Set ANFANG */

	.v_textblock_content_955
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(224,224,225,1.00);
	font-size:17px;
	font-family:Inter;
	font-weight:200;
	line-height:32px;
	letter-spacing:-0.3px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: normal;
	word-wrap: normal;
	word-break: normal;
	hyphens: none;

	}
.v_textblock_content_955 p
{

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:32px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
}
.v_textblock_content_955 h4
{

-webkit-text-fill-color: initial;
color:rgba(2,177,253,1.00);
font-size:25px;
font-family:Inter;
font-weight:300;
line-height:35px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 15px 0px;
margin:0;
}
.v_textblock_content_955 h4 a
{	
font-size:25px !important;
}
.v_textblock_content_955 a
{

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.v_textblock_content_955 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:200;
text-decoration:none;
}
/* Schriften-Set ENDE */

/* Listenstyle ANFANG */
.v_textblock_content_955 ul
{
list-style: none;
--icon-space: 20px;
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
}
.v_textblock_content_955 ul li
{
padding:4px 0px 4px 0px;
margin:0px 0px 0px 0px;
color:rgba(255,255,255,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:27px;
letter-spacing:0px;
text-transform:none;
text-align:left;
padding-left: var(--icon-space);
text-decoration:none;
height: 100%;
}
.v_textblock_content_955 ul li:last-child 
{
border-bottom: 0px solid #fff!important;
}
.v_textblock_content_955 ul li::before
{
font-family:"Font Awesome 5 Free";
content:"\f105";
background:rgba(255,0,72,1.00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size:17px;
font-weight: 600!important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
position: absolute;
}
/* Listenstyle ENDE */



/*--------------------------   Layout CSS vtextblock (Header, Footer)  ENDE --------------------------  */
/*--------------------------   Inhalte/Content Sectionen Vorlagen  ANFANG --------------------------  */


.v_textblock_section_962 
{
position:relative;
display:flex;
flex-wrap:wrap;

align-items: center;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: auto;
		min-height: 121px;
	


}



.v_textblock_section_962:after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;


		background: url(https://www.xion-webdesign.de/data/images/uploads/background/section/0709-1147_d_webdesign-agentur-muenchen2.jpg);
		

background-position-x: center;
background-position-y: top;

background-size: cover;
background-repeat: no-repeat;

opacity: 1;
z-index: 3;
}	


.v_textblock_wrapper_962{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:rgba(255,255,255,0);


    

position: relative;
display: flex;
flex-wrap: wrap;
z-index: 5;
	


}




.v_textblock_content_962 .col-md-1, 
.v_textblock_content_962 .col-md-2, 
.v_textblock_content_962 .col-md-3, 
.v_textblock_content_962 .col-md-4,  
.v_textblock_content_962 .col-md-5, 
.v_textblock_content_962 .col-md-6, 
.v_textblock_content_962 .col-md-7, 
.v_textblock_content_962 .col-md-8, 
.v_textblock_content_962 .col-md-9, 
.v_textblock_content_962 .col-md-10, 
.v_textblock_content_962 .col-md-11, 
.v_textblock_content_962 .col-md-12, 
.v_textblock_content_962 .col-sm-12, 
.v_textblock_content_962 .col-xs-12
{
padding: 15px 15px 15px 15px;
}


.v_textblock_content_962 .row
{
align-items: center;
}


.v_textblock_content_962{
position: relative;
text-align: left;
width: 100%;
display: flex;
flex-wrap: wrap;

align-items: center;




justify-content: left;



}




 

/* barrierefrei */
.v_textblock_content_962 a:focus-visible {
outline: 4px solid rgba(255,0,72,1.00);
}
/* barrierefrei */
  
/* Schriften-Set ANFANG */

	.v_textblock_content_962
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(255,255,255,1.00);
	font-size:18px;
	font-family:Inter;
	font-weight:300;
	line-height:30px;
	letter-spacing:0px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;

	}
.v_textblock_content_962 p
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:30px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
padding:0px 0px 0px 0px;
margin:0;
}
.v_textblock_content_962 h1
{	

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:60px;
font-family:Inter;
font-weight:500;
line-height:70px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;text-shadow: 1px 1px 1px  rgba(34,34,34,0.90);
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_962 h1 a
{	
font-size:60px !important;
}
.v_textblock_content_962 h2
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:36px;
font-family:Inter;
font-weight:300;
line-height:46px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_962 h2 a
{	
font-size:36px !important;
}
.v_textblock_content_962 h3
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:30px;
font-family:Inter;
font-weight:300;
line-height:40px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_962 h3 a
{	
font-size:30px !important;
}
.v_textblock_content_962 a
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:400;
line-height:28px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.v_textblock_content_962 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:400;
text-decoration:none;
}
/* Schriften-Set ENDE */



/* Listenstyle ANFANG */
/* Listenstyle ENDE */

.v_textblock_section_1035 
{
position:relative;
display:flex;
flex-wrap:wrap;

align-items: flex-start;

margin: 0px 0px 0px 0px;
padding: 60px 0px 60px 0px;
height: auto;

background:rgba(240,236,245,1.00);


}





.v_textblock_wrapper_1035{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:rgba(255,255,255,0);


    

position: relative;
display: flex;
flex-wrap: wrap;
z-index: 5;
		  margin-right: auto;
	  margin-left: 0;
	


}




.v_textblock_content_1035 .col-md-1, 
.v_textblock_content_1035 .col-md-2, 
.v_textblock_content_1035 .col-md-3, 
.v_textblock_content_1035 .col-md-4,  
.v_textblock_content_1035 .col-md-5, 
.v_textblock_content_1035 .col-md-6, 
.v_textblock_content_1035 .col-md-7, 
.v_textblock_content_1035 .col-md-8, 
.v_textblock_content_1035 .col-md-9, 
.v_textblock_content_1035 .col-md-10, 
.v_textblock_content_1035 .col-md-11, 
.v_textblock_content_1035 .col-md-12, 
.v_textblock_content_1035 .col-sm-12, 
.v_textblock_content_1035 .col-xs-12
{
padding: 15px 15px 15px 15px;
}




.v_textblock_content_1035{
position: relative;
text-align: left;
width: 100%;
display: flex;
flex-wrap: wrap;



align-items: flex-start;


justify-content: left;



}




 

/* barrierefrei */
.v_textblock_content_1035 a:focus-visible {
outline: 4px solid rgba(255,0,72,1.00);
}
/* barrierefrei */
  
/* Schriften-Set ANFANG */

	.v_textblock_content_1035
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(0,0,0,1);
	font-size:18px;
	font-family:Inter;
	font-weight:300;
	line-height:30px;
	letter-spacing:-0.3px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: normal;
	word-wrap: normal;
	word-break: normal;
	hyphens: none;

	}
.v_textblock_content_1035 p
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:30px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
}
.v_textblock_content_1035 h2
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-size:36px;
font-family:Inter;
font-weight:300;
line-height:46px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1035 h2 a
{	
font-size:36px !important;
}
.v_textblock_content_1035 h3
{

-webkit-text-fill-color: initial;
color:rgba(4,4,48,1.00);
font-size:28px;
font-family:Inter;
font-weight:300;
line-height:38px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1035 h3 a
{	
font-size:28px !important;
}
.v_textblock_content_1035 a
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:underline;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.v_textblock_content_1035 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:300;
text-decoration:none;
}
/* Schriften-Set ENDE */



/* Listenstyle ANFANG */
/* Listenstyle ENDE */

.v_textblock_section_1286 
{
position:relative;
display:flex;
flex-wrap:wrap;

align-items: flex-start;

margin: 0px 0px 0px 0px;
padding: 80px 0px 60px 0px;
height: auto;
		min-height: 350px;
	


}


.v_textblock_section_1286:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(5,3,26,0.51);
  z-index: 4;
}	

.v_textblock_section_1286:after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;


		background: url(https://www.xion-webdesign.de/data/images/uploads/background/section/1104-1609_d_website-programmierung.jpg);
		

background-position-x: center;
background-position-y: top;

background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;

opacity: 1;
z-index: 3;
}	


.v_textblock_wrapper_1286{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:rgba(255,255,255,0);


    

position: relative;
display: flex;
flex-wrap: wrap;
z-index: 5;
		  margin-right: auto;
	  margin-left: 0;
	


}




.v_textblock_content_1286 .col-md-1, 
.v_textblock_content_1286 .col-md-2, 
.v_textblock_content_1286 .col-md-3, 
.v_textblock_content_1286 .col-md-4,  
.v_textblock_content_1286 .col-md-5, 
.v_textblock_content_1286 .col-md-6, 
.v_textblock_content_1286 .col-md-7, 
.v_textblock_content_1286 .col-md-8, 
.v_textblock_content_1286 .col-md-9, 
.v_textblock_content_1286 .col-md-10, 
.v_textblock_content_1286 .col-md-11, 
.v_textblock_content_1286 .col-md-12, 
.v_textblock_content_1286 .col-sm-12, 
.v_textblock_content_1286 .col-xs-12
{
padding: 15px 15px 15px 15px;
}

.v_textblock_content_1286 .row
{
align-items: center;
justify-content: center;
}



.v_textblock_content_1286{
position: relative;
text-align: left;
width: 100%;
display: flex;
flex-wrap: wrap;

align-items: center;




justify-content: left;



}




 

/* barrierefrei */
.v_textblock_content_1286 a:focus-visible {
outline: 4px solid rgba(255,0,72,1.00);
}
/* barrierefrei */
  
/* Schriften-Set ANFANG */

	.v_textblock_content_1286
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(255,255,255,1.00);
	font-size:18px;
	font-family:Inter;
	font-weight:300;
	line-height:30px;
	letter-spacing:0px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;

	}
.v_textblock_content_1286 p
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:30px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
padding:0px 0px 0px 0px;
margin:0;
}
.v_textblock_content_1286 h1
{	

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:60px;
font-family:Inter;
font-weight:500;
line-height:70px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;text-shadow: 1px 1px 1px  rgba(34,34,34,0.90);
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1286 h1 a
{	
font-size:60px !important;
}
.v_textblock_content_1286 h2
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:36px;
font-family:Inter;
font-weight:300;
line-height:46px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1286 h2 a
{	
font-size:36px !important;
}
.v_textblock_content_1286 h3
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:30px;
font-family:Inter;
font-weight:300;
line-height:40px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1286 h3 a
{	
font-size:30px !important;
}
.v_textblock_content_1286 a
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:400;
line-height:28px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.v_textblock_content_1286 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:400;
text-decoration:none;
}
/* Schriften-Set ENDE */



/* Listenstyle ANFANG */
.v_textblock_content_1286 ul
{
list-style: none;
--icon-space: 35px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.v_textblock_content_1286 ul li
{
padding:8px 0px 8px 0px;
margin:0px 0px 0px 0px;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:27px;
letter-spacing:-0.3px;
text-transform:none;
text-align:left;
padding-left: var(--icon-space);
border-bottom:1px solid rgba(230,225,225,0.25);
text-decoration:none;
height: 100%;
}
.v_textblock_content_1286 ul li:last-child 
{
border-bottom: 0px solid #fff!important;
}
.v_textblock_content_1286 ul li::before
{
font-family:"Font Awesome 5 Free";
content:"\f00c";
background:rgba(255,0,72,1.00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size:16px;
font-weight: 600!important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
position: absolute;
}
/* Listenstyle ENDE */

.v_textblock_section_1034 
{
position:relative;
display:flex;
flex-wrap:wrap;

align-items: flex-start;

margin: 0px 0px 0px 0px;
padding: 40px 0px 40px 0px;
height: auto;

background:rgba(255,255,255,1.00);


}





.v_textblock_wrapper_1034{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:rgba(255,255,255,0);


    

position: relative;
display: flex;
flex-wrap: wrap;
z-index: 5;
		  margin-right: auto;
	  margin-left: 0;
	


}




.v_textblock_content_1034 .col-md-1, 
.v_textblock_content_1034 .col-md-2, 
.v_textblock_content_1034 .col-md-3, 
.v_textblock_content_1034 .col-md-4,  
.v_textblock_content_1034 .col-md-5, 
.v_textblock_content_1034 .col-md-6, 
.v_textblock_content_1034 .col-md-7, 
.v_textblock_content_1034 .col-md-8, 
.v_textblock_content_1034 .col-md-9, 
.v_textblock_content_1034 .col-md-10, 
.v_textblock_content_1034 .col-md-11, 
.v_textblock_content_1034 .col-md-12, 
.v_textblock_content_1034 .col-sm-12, 
.v_textblock_content_1034 .col-xs-12
{
padding: 15px 15px 15px 15px;
}




.v_textblock_content_1034{
position: relative;
text-align: left;
width: 100%;
display: flex;
flex-wrap: wrap;



align-items: flex-start;


justify-content: left;



}




 

/* barrierefrei */
.v_textblock_content_1034 a:focus-visible {
outline: 4px solid rgba(255,0,72,1.00);
}
/* barrierefrei */
  
/* Schriften-Set ANFANG */

	.v_textblock_content_1034
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(0,0,0,1);
	font-size:18px;
	font-family:Inter;
	font-weight:300;
	line-height:30px;
	letter-spacing:-0.3px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: normal;
	word-wrap: normal;
	word-break: normal;
	hyphens: none;

	}
.v_textblock_content_1034 p
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:30px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
}
.v_textblock_content_1034 h2
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-size:36px;
font-family:Inter;
font-weight:300;
line-height:46px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1034 h2 a
{	
font-size:36px !important;
}
.v_textblock_content_1034 h3
{

-webkit-text-fill-color: initial;
color:rgba(4,4,48,1.00);
font-size:28px;
font-family:Inter;
font-weight:300;
line-height:38px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1034 h3 a
{	
font-size:28px !important;
}
.v_textblock_content_1034 a
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:underline;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.v_textblock_content_1034 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:300;
text-decoration:none;
}
/* Schriften-Set ENDE */



/* Listenstyle ANFANG */
/* Listenstyle ENDE */

.v_textblock_section_1031 
{
position:relative;
display:flex;
flex-wrap:wrap;

align-items: flex-start;

margin: 0px 0px 0px 0px;
padding: 80px 0px 60px 0px;
height: auto;



}


.v_textblock_section_1031:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(5,3,26,0.51);
  z-index: 4;
}	

.v_textblock_section_1031:after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;


		background: url(https://www.xion-webdesign.de/data/images/uploads/background/section/0630-1713_d_webdesign-muenchen.jpg);
		

background-position-x: center;
background-position-y: top;

background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;

opacity: 1;
z-index: 3;
}	


.v_textblock_wrapper_1031{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:rgba(255,255,255,0);


    

position: relative;
display: flex;
flex-wrap: wrap;
z-index: 5;
	


}




.v_textblock_content_1031 .col-md-1, 
.v_textblock_content_1031 .col-md-2, 
.v_textblock_content_1031 .col-md-3, 
.v_textblock_content_1031 .col-md-4,  
.v_textblock_content_1031 .col-md-5, 
.v_textblock_content_1031 .col-md-6, 
.v_textblock_content_1031 .col-md-7, 
.v_textblock_content_1031 .col-md-8, 
.v_textblock_content_1031 .col-md-9, 
.v_textblock_content_1031 .col-md-10, 
.v_textblock_content_1031 .col-md-11, 
.v_textblock_content_1031 .col-md-12, 
.v_textblock_content_1031 .col-sm-12, 
.v_textblock_content_1031 .col-xs-12
{
padding: 15px 15px 15px 15px;
}

.v_textblock_content_1031 .row
{
align-items: center;
justify-content: center;
}



.v_textblock_content_1031{
position: relative;
text-align: left;
width: 100%;
display: flex;
flex-wrap: wrap;

align-items: center;




justify-content: left;



}




 

/* barrierefrei */
.v_textblock_content_1031 a:focus-visible {
outline: 4px solid rgba(255,0,72,1.00);
}
/* barrierefrei */
  
/* Schriften-Set ANFANG */

	.v_textblock_content_1031
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(255,255,255,1.00);
	font-size:18px;
	font-family:Inter;
	font-weight:300;
	line-height:30px;
	letter-spacing:0px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;

	}
.v_textblock_content_1031 p
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:30px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
padding:0px 0px 0px 0px;
margin:0;
}
.v_textblock_content_1031 h1
{	

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:60px;
font-family:Inter;
font-weight:500;
line-height:70px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;text-shadow: 1px 1px 1px  rgba(34,34,34,0.90);
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1031 h1 a
{	
font-size:60px !important;
}
.v_textblock_content_1031 h2
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:36px;
font-family:Inter;
font-weight:300;
line-height:46px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1031 h2 a
{	
font-size:36px !important;
}
.v_textblock_content_1031 h3
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:30px;
font-family:Inter;
font-weight:300;
line-height:40px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1031 h3 a
{	
font-size:30px !important;
}
.v_textblock_content_1031 a
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:400;
line-height:28px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.v_textblock_content_1031 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:400;
text-decoration:none;
}
/* Schriften-Set ENDE */



/* Listenstyle ANFANG */
.v_textblock_content_1031 ul
{
list-style: none;
--icon-space: 35px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.v_textblock_content_1031 ul li
{
padding:8px 0px 8px 0px;
margin:0px 0px 0px 0px;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:27px;
letter-spacing:-0.3px;
text-transform:none;
text-align:left;
padding-left: var(--icon-space);
border-bottom:1px solid rgba(230,225,225,0.25);
text-decoration:none;
height: 100%;
}
.v_textblock_content_1031 ul li:last-child 
{
border-bottom: 0px solid #fff!important;
}
.v_textblock_content_1031 ul li::before
{
font-family:"Font Awesome 5 Free";
content:"\f00c";
background:rgba(255,0,72,1.00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size:16px;
font-weight: 600!important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
position: absolute;
}
/* Listenstyle ENDE */

.v_textblock_section_1036 
{
position:relative;
display:flex;
flex-wrap:wrap;

align-items: flex-start;

margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
height: auto;

background:rgba(255,0,72,1.00);


}





.v_textblock_wrapper_1036{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:rgba(255,255,255,0);


    

position: relative;
display: flex;
flex-wrap: wrap;
z-index: 5;
	


}




.v_textblock_content_1036 .col-md-1, 
.v_textblock_content_1036 .col-md-2, 
.v_textblock_content_1036 .col-md-3, 
.v_textblock_content_1036 .col-md-4,  
.v_textblock_content_1036 .col-md-5, 
.v_textblock_content_1036 .col-md-6, 
.v_textblock_content_1036 .col-md-7, 
.v_textblock_content_1036 .col-md-8, 
.v_textblock_content_1036 .col-md-9, 
.v_textblock_content_1036 .col-md-10, 
.v_textblock_content_1036 .col-md-11, 
.v_textblock_content_1036 .col-md-12, 
.v_textblock_content_1036 .col-sm-12, 
.v_textblock_content_1036 .col-xs-12
{
padding: 15px 15px 15px 15px;
}




.v_textblock_content_1036{
position: relative;
text-align: left;
width: 100%;
display: flex;
flex-wrap: wrap;



align-items: flex-start;


justify-content: left;



}




 

/* barrierefrei */
.v_textblock_content_1036 a:focus-visible {
outline: 4px solid rgba(255,0,72,1.00);
}
/* barrierefrei */
  
/* Schriften-Set ANFANG */

	.v_textblock_content_1036
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(255,255,255,1.00);
	font-size:18px;
	font-family:Inter;
	font-weight:300;
	line-height:30px;
	letter-spacing:0px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;

	}
.v_textblock_content_1036 p
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:30px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
padding:0px 0px 0px 0px;
margin:0;
}
.v_textblock_content_1036 h1
{	

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:60px;
font-family:Inter;
font-weight:500;
line-height:70px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;text-shadow: 1px 1px 1px  rgba(34,34,34,0.90);
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1036 h1 a
{	
font-size:60px !important;
}
.v_textblock_content_1036 h2
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:36px;
font-family:Inter;
font-weight:300;
line-height:46px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1036 h2 a
{	
font-size:36px !important;
}
.v_textblock_content_1036 h3
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:30px;
font-family:Inter;
font-weight:300;
line-height:40px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_1036 h3 a
{	
font-size:30px !important;
}
.v_textblock_content_1036 a
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:400;
line-height:28px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.v_textblock_content_1036 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:400;
text-decoration:none;
}
/* Schriften-Set ENDE */



/* Listenstyle ANFANG */
/* Listenstyle ENDE */

.v_textblock_section_815 
{
position:relative;
display:flex;
flex-wrap:wrap;

align-items: center;

margin: 0px 0px 0px 0px;
padding: 5% 0px 5% 0px;
height: auto;



}


.v_textblock_section_815:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(5,3,26,0.72);
  z-index: 4;
}	

.v_textblock_section_815:after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;


		background: url(https://www.xion-webdesign.de/data/images/uploads/background/section/0708-1304_d_webdesign-muenchen.jpg);
		

background-position-x: center;
background-position-y: top;

background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;

opacity: 0.87;
z-index: 3;
}	


.v_textblock_wrapper_815{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;


    

position: relative;
display: flex;
flex-wrap: wrap;
z-index: 5;
		  margin-right: auto;
	  margin-left: 0;
	


}




.v_textblock_content_815 .col-md-1, 
.v_textblock_content_815 .col-md-2, 
.v_textblock_content_815 .col-md-3, 
.v_textblock_content_815 .col-md-4,  
.v_textblock_content_815 .col-md-5, 
.v_textblock_content_815 .col-md-6, 
.v_textblock_content_815 .col-md-7, 
.v_textblock_content_815 .col-md-8, 
.v_textblock_content_815 .col-md-9, 
.v_textblock_content_815 .col-md-10, 
.v_textblock_content_815 .col-md-11, 
.v_textblock_content_815 .col-md-12, 
.v_textblock_content_815 .col-sm-12, 
.v_textblock_content_815 .col-xs-12
{
padding: 15px 15px 15px 15px;
}

.v_textblock_content_815 .row
{
align-items: center;
justify-content: center;
}



.v_textblock_content_815{
position: relative;
text-align: center;
width: 100%;
display: flex;
flex-wrap: wrap;

align-items: center;





justify-content: center;


}




.video-container {
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  height: auto; 
  overflow: hidden;    
}

.video-container video {
    /* video 100% width u. height */
    min-width: 100%; 
    min-height: 100%; 

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;

    /* Center the video */
    position: absolute;
	

/* Ausrichtung x y */










/* mitte mitte */
  left: 50%;
  top: 50%;  
  transform: translate(-50%,-50%);





	
  }
  

/* barrierefrei */
.v_textblock_content_815 a:focus-visible {
outline: 4px solid rgba(255,0,72,1.00);
}
/* barrierefrei */
  
/* Schriften-Set ANFANG */

	.v_textblock_content_815
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(255,255,255,1.00);
	font-size:18px;
	font-family:Inter;
	font-weight:300;
	line-height:30px;
	letter-spacing:0px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;

	}
.v_textblock_content_815 p
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:30px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
padding:0px 0px 0px 0px;
margin:0;
}
.v_textblock_content_815 h1
{	

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:60px;
font-family:Inter;
font-weight:500;
line-height:70px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;text-shadow: 1px 1px 1px  rgba(34,34,34,0.90);
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_815 h1 a
{	
font-size:60px !important;
}
.v_textblock_content_815 h2
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:36px;
font-family:Inter;
font-weight:300;
line-height:46px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_815 h2 a
{	
font-size:36px !important;
}
.v_textblock_content_815 h3
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:30px;
font-family:Inter;
font-weight:300;
line-height:40px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.v_textblock_content_815 h3 a
{	
font-size:30px !important;
}
.v_textblock_content_815 a
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:400;
line-height:28px;
letter-spacing:0px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.v_textblock_content_815 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:400;
text-decoration:none;
}
/* Schriften-Set ENDE */



/* Listenstyle ANFANG */
.v_textblock_content_815 ul
{
list-style: none;
--icon-space: 20px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}
.v_textblock_content_815 ul li
{
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
color:rgba(0,0,0,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:27px;
letter-spacing:-0.3px;
text-transform:none;
text-align:left;
padding-left: var(--icon-space);
text-decoration:none;
height: 100%;
}
.v_textblock_content_815 ul li:last-child 
{
border-bottom: 0px solid #fff!important;
}
.v_textblock_content_815 ul li::before
{
font-family:"Font Awesome 5 Free";
content:"\f105";
background:rgba(255,0,72,1.00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size:20px;
font-weight: 600!important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
position: absolute;
}
/* Listenstyle ENDE *//*--------------------------   Inhalte/Content Sectionen Vorlagen  ENDE --------------------------  */
/*--------------------------   Inhalte/Content Sectionen Elemente  ANFANG --------------------------  */
/*--------------------------   Inhalte/Content Sectionen Elemente  ENDE --------------------------  */
/*--------------------------   Modul und Vorlagen CSS laden  ANFANG --------------------------  */

/*--------------------------  m_boxen (70)  ANFANG --------------------------  */
.boxen-wrapper_70 .col-md-1, 
.boxen-wrapper_70 .col-md-2, 
.boxen-wrapper_70 .col-md-3, 
.boxen-wrapper_70 .col-md-4,  
.boxen-wrapper_70 .col-md-5, 
.boxen-wrapper_70 .col-md-five, 
.boxen-wrapper_70 .col-md-6, 
.boxen-wrapper_70 .col-md-7, 
.boxen-wrapper_70 .col-md-8, 
.boxen-wrapper_70 .col-md-9, 
.boxen-wrapper_70 .col-md-10, 
.boxen-wrapper_70 .col-md-11, 
.boxen-wrapper_70 .col-md-12, 
.boxen-wrapper_70 .col-sm-12, 
.boxen-wrapper_70 .col-xs-12
{
padding: 0;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}

.boxen_section_70{
position:relative;
width: 100%;
display:flex;
display: -webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap: wrap;
align-items: flex-start;
-webkit-align-items: center;

 
padding:0px 0px 0px 0px; 

background:rgba(73,156,136,1.00);
 

 

}




	

 

.custom-shape-divider-m_boxen-70_bottom {
position: absolute;												
bottom: 0;												 
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
transform: rotate(180deg);	
z-index: 2;
}

.custom-shape-divider-m_boxen-70_bottom svg 
{
display: block;
overflow: hidden;
width: calc(100% + 1.3px); 
margin-left: -1.3px;
pointer-events: none;
transform: translateZ(0); 
-webkit-backface-visibility: hidden;
height: 60px; 
}
.custom-shape-divider-m_boxen-70_bottom .shape-fill {
    fill: rgba(240,236,245,1.00); 
}

 
.boxen_abstand_222{
margin:0px 0px 0px 0px; 

width:100%;



 
    
        background: url(https://www.xion-webdesign.de/data/images/uploads/background/boxen/0917-1351_b_website-programmierung.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;    
     overflow: hidden;
}

.boxen_content_222{   	
		padding:0px 0px 0px 0px; 
		
	   
    text-align: left; 
    
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;    
    justify-content: left;
    -webkit-justify-content: left;

	    align-items: flex-start;
    -webkit-align-items: flex-start;
                height:100%;		
  /* Übergang für transform und filter getrennt definieren */
  transition: transform 0.3s ease, filter 0.3s ease;
  /* Ursprungs-Punkt für den Zoom in die Mitte legen */
  transform-origin: center center;
  
		
				min-height: 62vh;
			
	}

.boxen_content_222:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0) 79%,rgba(73,156,136,1.00) 100%);
  }	








.boxen_content_222 img
{
max-width: 100%;
}

.boxen_content_222 .row
{
/*display:contents;*/
}


.boxen_content_222 .col-md-1, 
.boxen_content_222 .col-md-2, 
.boxen_content_222 .col-md-3, 
.boxen_content_222 .col-md-4,  
.boxen_content_222 .col-md-5, 
.boxen_content_222 .col-md-five, 
.boxen_content_222 .col-md-6, 
.boxen_content_222 .col-md-7, 
.boxen_content_222 .col-md-8, 
.boxen_content_222 .col-md-9, 
.boxen_content_222 .col-md-10, 
.boxen_content_222 .col-md-11, 
.boxen_content_222 .col-md-12, 
.boxen_content_222 .col-sm-12, 
.boxen_content_222 .col-xs-12
{
padding: 15px 15px 15px 15px!important;
}



.boxen_content_222 .textblockc
{
background:  rgba(255,255,255,0.50);
padding: 10px 10px 10px 10px;
}







/* Schriften-Set Boxen Content ANFANG */

	.boxen_content_222
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(0,0,0,1);
	font-size:18px;
	font-family:Inter;
	font-weight:300;
	line-height:30px;
	letter-spacing:-0.3px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: normal;
	word-wrap: normal;
	word-break: normal;
	hyphens: none;

	}
.boxen_content_222 p
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:30px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
}
.boxen_content_222 h2
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-size:36px;
font-family:Inter;
font-weight:300;
line-height:46px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.boxen_content_222 h2 a
{	
font-size:36px !important;
}
.boxen_content_222 h3
{

-webkit-text-fill-color: initial;
color:rgba(4,4,48,1.00);
font-size:28px;
font-family:Inter;
font-weight:300;
line-height:38px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.boxen_content_222 h3 a
{	
font-size:28px !important;
}
.boxen_content_222 a
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:underline;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.boxen_content_222 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:300;
text-decoration:none;
}
/* Schriften-Set Boxen Content ENDE */ 


/* Listenstyle ANFANG */
.boxen_content_222 ul
{
list-style: none;
--icon-space: 20px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}
.boxen_content_222 ul li
{
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
color:rgba(0,0,0,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:27px;
letter-spacing:-0.3px;
text-transform:none;
text-align:left;
padding-left: var(--icon-space);
text-decoration:none;
height: 100%;
}
.boxen_content_222 ul li:last-child 
{
border-bottom: 0px solid #fff!important;
}
.boxen_content_222 ul li::before
{
font-family:"Font Awesome 5 Free";
content:"\f105";
background:rgba(255,0,72,1.00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size:20px;
font-weight: 600!important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
position: absolute;
}
/* Listenstyle ENDE */


.boxen_abstand_223{
margin:0px 0px 0px 0px; 

width:100%;
background:rgba(255,255,255,0.00);



 
    
     overflow: hidden;
}

.boxen_content_223{   	
		padding:12% 0px 12% 0px; 
		
	   
    text-align: left; 
    
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;    
    justify-content: left;
    -webkit-justify-content: left;

	        align-items: center;
    -webkit-align-items: center;
            height:100%;		
  /* Übergang für transform und filter getrennt definieren */
  transition: transform 0.3s ease, filter 0.3s ease;
  /* Ursprungs-Punkt für den Zoom in die Mitte legen */
  transform-origin: center center;
  
		
				min-height: 62vh;
			
	}









.boxen_content_223 img
{
max-width: 100%;
}

.boxen_content_223 .row
{
/*display:contents;*/
}


.boxen_content_223 .col-md-1, 
.boxen_content_223 .col-md-2, 
.boxen_content_223 .col-md-3, 
.boxen_content_223 .col-md-4,  
.boxen_content_223 .col-md-5, 
.boxen_content_223 .col-md-five, 
.boxen_content_223 .col-md-6, 
.boxen_content_223 .col-md-7, 
.boxen_content_223 .col-md-8, 
.boxen_content_223 .col-md-9, 
.boxen_content_223 .col-md-10, 
.boxen_content_223 .col-md-11, 
.boxen_content_223 .col-md-12, 
.boxen_content_223 .col-sm-12, 
.boxen_content_223 .col-xs-12
{
padding: 15px 15px 15px 15px!important;
}



.boxen_content_223 .textblockc
{
background: rgba(255,255,255,0.00);
padding: 10px 10px 10px 10px;
}







/* Schriften-Set Boxen Content ANFANG */

	.boxen_content_223
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(255,255,255,1.00);
	font-size:18px;
	font-family:Inter;
	font-weight:300;
	line-height:30px;
	letter-spacing:-0.3px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: normal;
	word-wrap: normal;
	word-break: normal;
	hyphens: none;

	}
.boxen_content_223 p
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:30px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
}
.boxen_content_223 h1
{	

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:36px;
font-family:Inter;
font-weight:500;
line-height:46px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.boxen_content_223 h1 a
{	
font-size:36px !important;
}
.boxen_content_223 h2
{

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:28px;
font-family:Inter;
font-weight:200;
line-height:38px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.boxen_content_223 h2 a
{	
font-size:28px !important;
}
.boxen_content_223 a
{

-webkit-text-fill-color: initial;
color:rgba(255,255,255,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.boxen_content_223 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:300;
text-decoration:none;
}
/* Schriften-Set Boxen Content ENDE */ 


/* Listenstyle ANFANG */
.boxen_content_223 ul
{
list-style: none;
--icon-space: 20px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}
.boxen_content_223 ul li
{
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
color:rgba(0,0,0,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:27px;
letter-spacing:-0.3px;
text-transform:none;
text-align:left;
padding-left: var(--icon-space);
text-decoration:none;
height: 100%;
}
.boxen_content_223 ul li:last-child 
{
border-bottom: 0px solid #fff!important;
}
.boxen_content_223 ul li::before
{
font-family:"Font Awesome 5 Free";
content:"\f105";
background:rgba(255,0,72,1.00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size:20px;
font-weight: 600!important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
position: absolute;
}
/* Listenstyle ENDE */









 
 

/*--------------------------  m_boxen (70)  Ende --------------------------  */

/*--------------------------  m_boxen (73)  ANFANG --------------------------  */
.boxen-wrapper_73 .col-md-1, 
.boxen-wrapper_73 .col-md-2, 
.boxen-wrapper_73 .col-md-3, 
.boxen-wrapper_73 .col-md-4,  
.boxen-wrapper_73 .col-md-5, 
.boxen-wrapper_73 .col-md-five, 
.boxen-wrapper_73 .col-md-6, 
.boxen-wrapper_73 .col-md-7, 
.boxen-wrapper_73 .col-md-8, 
.boxen-wrapper_73 .col-md-9, 
.boxen-wrapper_73 .col-md-10, 
.boxen-wrapper_73 .col-md-11, 
.boxen-wrapper_73 .col-md-12, 
.boxen-wrapper_73 .col-sm-12, 
.boxen-wrapper_73 .col-xs-12
{
padding: 0;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}

.boxen_section_73{
position:relative;
width: 100%;
display:flex;
display: -webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap: wrap;
align-items: flex-start;
-webkit-align-items: center;

 
padding:30px 0px 30px 0px; 

background:rgba(255,255,255,1);
 

 

}




.boxen_abstand_249{
margin:10px 10px 10px 10px;

width:100%;
background:rgba(255,255,255,1);



box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px, rgba(0, 0, 0, 0.05) 0px 10px 20px 0px;
 
    
     overflow: hidden;
}

.boxen_content_249{   	
		padding:10px 10px 10px 10px;
		
	   
    text-align: left; 
    
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;    
    justify-content: left;
    -webkit-justify-content: left;

	    align-items: flex-start;
    -webkit-align-items: flex-start;
                height:100%;		
  /* Übergang für transform und filter getrennt definieren */
  transition: transform 0.3s ease, filter 0.3s ease;
  /* Ursprungs-Punkt für den Zoom in die Mitte legen */
  transform-origin: center center;
  
		
				
    }









.boxen_content_249 img
{
max-width: 100%;
}

.boxen_content_249 .row
{
/*display:contents;*/
}


.boxen_content_249 .col-md-1, 
.boxen_content_249 .col-md-2, 
.boxen_content_249 .col-md-3, 
.boxen_content_249 .col-md-4,  
.boxen_content_249 .col-md-5, 
.boxen_content_249 .col-md-five, 
.boxen_content_249 .col-md-6, 
.boxen_content_249 .col-md-7, 
.boxen_content_249 .col-md-8, 
.boxen_content_249 .col-md-9, 
.boxen_content_249 .col-md-10, 
.boxen_content_249 .col-md-11, 
.boxen_content_249 .col-md-12, 
.boxen_content_249 .col-sm-12, 
.boxen_content_249 .col-xs-12
{
padding: 15px 15px 15px 15px!important;
}



.boxen_content_249 .textblockc
{
background: rgba(255,255,255,1.00);
padding: 0px 0px 0px 0px;
}







/* Schriften-Set Boxen Content ANFANG */

	.boxen_content_249
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(0,0,0,1);
	font-size:17px;
	font-family:Inter;
	font-weight:400;
	line-height:28px;
	letter-spacing:-0.3px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;

	}
.boxen_content_249 p
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:17px;
font-family:Inter;
font-weight:400;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
padding:0px 0px 0px 0px;
margin:0;
}
.boxen_content_249 h3
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-size:25px;
font-family:Inter;
font-weight:400;
line-height:35px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.boxen_content_249 h3 a
{	
font-size:25px !important;
}
.boxen_content_249 a
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:17px;
font-family:Inter;
font-weight:300;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:underline;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.boxen_content_249 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:300;
text-decoration:none;
}
/* Schriften-Set Boxen Content ENDE */ 


/* Listenstyle ANFANG */
.boxen_content_249 ul
{
list-style: none;
--icon-space: 20px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}
.boxen_content_249 ul li
{
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
color:rgba(0,0,0,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:27px;
letter-spacing:-0.3px;
text-transform:none;
text-align:left;
padding-left: var(--icon-space);
text-decoration:none;
height: 100%;
}
.boxen_content_249 ul li:last-child 
{
border-bottom: 0px solid #fff!important;
}
.boxen_content_249 ul li::before
{
font-family:"Font Awesome 5 Free";
content:"\f105";
background:rgba(255,0,72,1.00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size:20px;
font-weight: 600!important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
position: absolute;
}
/* Listenstyle ENDE */


.boxen_abstand_252{
margin:10px 10px 10px 10px;

width:100%;
background:rgba(255,255,255,1);



box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px, rgba(0, 0, 0, 0.05) 0px 10px 20px 0px;
 
    
     overflow: hidden;
}

.boxen_content_252{   	
		padding:10px 10px 10px 10px;
		
	   
    text-align: left; 
    
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;    
    justify-content: left;
    -webkit-justify-content: left;

	    align-items: flex-start;
    -webkit-align-items: flex-start;
                height:100%;		
  /* Übergang für transform und filter getrennt definieren */
  transition: transform 0.3s ease, filter 0.3s ease;
  /* Ursprungs-Punkt für den Zoom in die Mitte legen */
  transform-origin: center center;
  
		
				
    }









.boxen_content_252 img
{
max-width: 100%;
}

.boxen_content_252 .row
{
/*display:contents;*/
}


.boxen_content_252 .col-md-1, 
.boxen_content_252 .col-md-2, 
.boxen_content_252 .col-md-3, 
.boxen_content_252 .col-md-4,  
.boxen_content_252 .col-md-5, 
.boxen_content_252 .col-md-five, 
.boxen_content_252 .col-md-6, 
.boxen_content_252 .col-md-7, 
.boxen_content_252 .col-md-8, 
.boxen_content_252 .col-md-9, 
.boxen_content_252 .col-md-10, 
.boxen_content_252 .col-md-11, 
.boxen_content_252 .col-md-12, 
.boxen_content_252 .col-sm-12, 
.boxen_content_252 .col-xs-12
{
padding: 15px 15px 15px 15px!important;
}



.boxen_content_252 .textblockc
{
background: rgba(255,255,255,1.00);
padding: 0px 0px 0px 0px;
}







/* Schriften-Set Boxen Content ANFANG */

	.boxen_content_252
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(0,0,0,1);
	font-size:17px;
	font-family:Inter;
	font-weight:400;
	line-height:28px;
	letter-spacing:-0.3px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;

	}
.boxen_content_252 p
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:17px;
font-family:Inter;
font-weight:400;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
padding:0px 0px 0px 0px;
margin:0;
}
.boxen_content_252 h3
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-size:25px;
font-family:Inter;
font-weight:400;
line-height:35px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 20px 0px;
margin:0;
}
.boxen_content_252 h3 a
{	
font-size:25px !important;
}
.boxen_content_252 a
{

-webkit-text-fill-color: initial;
color:rgba(0,0,0,1);
font-size:17px;
font-family:Inter;
font-weight:300;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:underline;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.boxen_content_252 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:300;
text-decoration:none;
}
/* Schriften-Set Boxen Content ENDE */ 


/* Listenstyle ANFANG */
.boxen_content_252 ul
{
list-style: none;
--icon-space: 20px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}
.boxen_content_252 ul li
{
padding:5px 0px 5px 0px;
margin:0px 0px 0px 0px;
color:rgba(0,0,0,1.00);
font-size:18px;
font-family:Inter;
font-weight:300;
line-height:27px;
letter-spacing:-0.3px;
text-transform:none;
text-align:left;
padding-left: var(--icon-space);
text-decoration:none;
height: 100%;
}
.boxen_content_252 ul li:last-child 
{
border-bottom: 0px solid #fff!important;
}
.boxen_content_252 ul li::before
{
font-family:"Font Awesome 5 Free";
content:"\f105";
background:rgba(255,0,72,1.00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size:20px;
font-weight: 600!important;
display: inline-block;
margin-left: calc( var(--icon-space) * -1 );
width: var(--icon-space);
position: absolute;
}
/* Listenstyle ENDE */









 
 

/*--------------------------  m_boxen (73)  Ende --------------------------  */

/*--------------------------  m_accordion (38)  ANFANG --------------------------  */


.accordion_wrapper38{
padding:0px 0px 0px 0px;
background:rgba(255,255,255,0.00);
}

.accordion_content38{
	width: 100%;
	margin: 0px auto 0;
}			
.accordion38 *{
	box-sizing: border-box;
	outline: 0;
}
.accordion-header{			    
	cursor: pointer;
	overflow: hidden;
	position: relative;	
	-webkit-tap-highlight-color: transparent;
	transition: background .2s linear;
    user-select: None;
}
.accordion38-wrapper{			    
padding: 9px 0px 9px 0px;
margin: 0px 0px 0px 0px;
border-bottom: solid 1px rgba(50,66,106,1.00);
background-color: rgba(255,255,255,0.00);
border-radius: 0px;
}
.accordion38-wrapper:hover, .accordion-item.active .accordion38-wrapper{
		             
	background-color: rgba(247,247,247,0.00);
}
.accordion-header i{
	width: 26px;
	text-align: left;
	font-size: 16px;
}
.accordion-header .accordion-item-arrow38{
	position: absolute;    
        
    	right: 0px;
      
	top: 50%;
    transform: translateY(-50%);
	font-weight: 600;
}
		.accordion-header .accordion-item-arrow38:before{
			font-family: "Font Awesome 5 Free";
			content: "\f078";
			font-size: 16px;
			color: rgba(50,66,106,1.00);
			float: right;
			transition: all .2s linear;
			font-weight:600!important;
		}		
		.accordion-header .accordion-item-arrow38:hover:before{
			color: rgba(255,0,72,1.00);		
		}
		.accordion-item.active .accordion-header .accordion-item-arrow38:before{
			-ms-transform: rotate(180deg);
			-webkit-transform: rotate(180deg); 
			transform: rotate(180deg);
			color: rgba(255,0,72,1.00);			
		}

.accordion-content{
	display: none;
}
.accordion-header span{    
	margin:0;
    padding:0;
}
.accordion38-wrapper span{
font-family:'Inter';
font-size: 24px;
font-weight: 300;
color: rgba(2,177,253,1.00);
line-height: normal;
}
.accordion38-wrapper:hover span{
	font-weight: 300;
	color: rgba(2,177,253,1.00);
	font-size: 24px;
}
.accordion-item.active .accordion-header .accordion38-wrapper span{
	font-weight: 300;
	color: rgba(2,177,253,1.00);
	font-size: 24px;
}
/* Schriften-Set Accordion Content ANFANG */

	.accordion_inhalte38
	{
	
	-webkit-text-fill-color: initial;
	color:rgba(224,224,225,1.00);
	font-size:17px;
	font-family:Inter;
	font-weight:200;
	line-height:32px;
	letter-spacing:-0.3px;	
	text-decoration:none;
	text-transform:none;
	overflow-wrap: normal;
	word-wrap: normal;
	word-break: normal;
	hyphens: none;

	}
.accordion_inhalte38 p
{

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:32px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
}
.accordion_inhalte38 h4
{

-webkit-text-fill-color: initial;
color:rgba(2,177,253,1.00);
font-size:25px;
font-family:Inter;
font-weight:300;
line-height:35px;
letter-spacing:-1px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 15px 0px;
margin:0;
}
.accordion_inhalte38 h4 a
{	
font-size:25px !important;
}
.accordion_inhalte38 a
{

-webkit-text-fill-color: initial;
color:rgba(224,224,225,1.00);
font-size:17px;
font-family:Inter;
font-weight:200;
line-height:28px;
letter-spacing:-0.3px;
text-decoration:none;
text-transform:none;
overflow-wrap: normal;
word-wrap: normal;
word-break: normal;
hyphens: none;
padding:0px 0px 0px 0px;
margin:0;
display:inline;
}

.accordion_inhalte38 a:hover
{

-webkit-text-fill-color: initial;
color:rgba(255,0,72,1.00);
font-weight:200;
text-decoration:none;
}
/* Schriften-Set Accordion Content ENDE */ 

/* Listenstyle Accordion ANFANG */
/* Listenstyle Accordion ENDE */

/*--------------------------  m_accordion (38)  Ende --------------------------  */

/*--------------------------  m_iconset (1)  ANFANG --------------------------  */
.iconset_1 {
    position: relative;

padding: 0px 0px 0px 7px;
display: inline-flex;
align-items: center;
vertical-align: middle;	
}

                               
.icon_1_3 a {
    font-weight: 400!important;
	    color: rgba(255,255,255,1.00);
		
    position: relative!important;
    font-size: 22px!important;
    padding: 0px 5px 0px 5px !important;
	text-decoration: none!important;
	display:inherit!important;
}

.icon_1_3 a:hover {
    color: rgba(2,177,253,1.00);
}
		        /* barrierefrei */
        .icon_1_3 a:focus {
            outline: 4px solid rgba(255,0,72,1.00); 
        }
        /* barrierefrei */
        
.sticky .icon_1_3 a {
    color: rgba(255,255,255,1.00);
}  
                               
.icon_1_24 a {
    font-weight: 400!important;
	    color: rgba(255,255,255,1.00);
		
    position: relative!important;
    font-size: 22px!important;
    padding: 0px 8px 0px 8px !important;
	text-decoration: none!important;
	display:inherit!important;
}

.icon_1_24 a:hover {
    color: rgba(2,177,253,1.00);
}
		        /* barrierefrei */
        .icon_1_24 a:focus {
            outline: 4px solid rgba(255,0,72,1.00); 
        }
        /* barrierefrei */
        
.sticky .icon_1_24 a {
    color: rgba(255,255,255,1.00);
}  

/*--------------------------  m_iconset (1)  Ende --------------------------  */

/*--------------------------  m_search (6)  ANFANG --------------------------  */

.m_search
{
display: inline-block;
}

.search_box6{
    		margin:0px 0px 0px 15px;
	}

.search_box6 input
{
    		padding:0px 0px 0px 0px;	
                width:120px;
                
                height:34px;
        	    
background:rgba(240,235,245,0.00);
padding-left:5px;

border-radius:10px;

font-family:Inter;

font-weight:normal;

color:rgba(224,224,225,1.00);

font-size:14px;

border: 1px solid rgba(220,220,224,0.32);
}

.search_box6 input::placeholder
{  
	opacity: 0.7; 

		font-family:Inter;
	
		font-weight:normal;
	
		color:rgba(224,224,225,1.00);
	
		font-size:14px;
	}

.search_box6 input:focus
{
outline: none; 
 border: 1px solid #007acc;
}

/* barrierefrei */
.search_box6 input:focus
{
outline: 4px solid rgba(255,0,72,1.00); 
}
/* barrierefrei */

.search_box6 button i
{
margin-left:0px;
padding-left:0px;
position: relative;
display: inline-block;
}

.search_button6{
color:rgba(255,255,255,1.00); 
width:28px!important;
max-width:28px!important;
height:28px;	
background:rgba(255,255,255,0.00);
border-radius:0px;
border:none;margin:0px 7px 0px 7px;
cursor: pointer;
font-family:Inter;
font-size:14px;
font-weight:normal;
text-align: left;
}

.search_button6:hover
{
background:rgba(0,0,0,0.00);

border:none;color:rgba(2,177,253,1.00); 
}

/* barrierefrei */
.search_button6:focus
{
outline: 4px solid rgba(255,0,72,1.00); 
}
/* barrierefrei */

/*--------------------------  m_search (6)  Ende --------------------------  */

/*--------------------------  m_iconset (14)  ANFANG --------------------------  */
.iconset_14 {
    position: relative;

padding: 0px 0px 0px 0px;
display: inline-flex;
align-items: center;
vertical-align: middle;	
}

                               
.icon_14_49 a {
    font-weight: 400!important;
	    color: rgba(255,255,255,1.00);
		
    position: relative!important;
    font-size: 22px!important;
    padding: 0px 8px 0px 8px !important;
	text-decoration: none!important;
	display:inherit!important;
}

.icon_14_49 a:hover {
    color: rgba(2,177,253,1.00);
}
		        /* barrierefrei */
        .icon_14_49 a:focus {
            outline: 4px solid rgba(255,0,72,1.00); 
        }
        /* barrierefrei */
        
.sticky .icon_14_49 a {
    color: rgba(255,255,255,1.00);
}  

/*--------------------------  m_iconset (14)  Ende --------------------------  */
/*--------------------------   Modul und Vorlagen CSS laden  ENDE --------------------------  */

/*--------------------------   Popup CSS  ANFANG --------------------------  */

.sm-wrapper * {
    box-sizing: border-box;
}
[data-sm-init="true"] {
    display: none;
}
.sm-wrapper,
.sm-wrapper .sm-overlay,
.sm-wrapper .sm-popup {
    position: fixed;
    top: 0;
    left: 0;
}
.sm-wrapper {
    display: none;
    z-index: 99999997;
}
.sm-wrapper .sm-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 99999998;
}
.sm-wrapper .sm-popup {
    z-index: 99999999;
}

.sm-wrapper [data-sm-close="true"] {
    cursor: pointer;
}

.sm-wrapper .sm-popup > div:after {
    content: '';
    display: block;
    clear: both;
}

/*
   Popup positions
   ------------------------------ */

.sm-wrapper .sm-popup[data-sm-position*="enter"] {
    left: 0;
    right: 0;
}
.sm-wrapper .sm-popup[data-sm-position*="eft"] {
    left: 0;
    right: auto;
}
.sm-wrapper .sm-popup[data-sm-position*="ight"] {
    left: auto;
    right: 0;
}
.sm-wrapper .sm-popup[data-sm-position*="top"] {
    top: 0;
    bottom: auto;
}
.sm-wrapper .sm-popup[data-sm-position*="bottom"] {
    top: auto;
    bottom: 0;
}
.sm-wrapper .sm-popup[data-sm-position="center"],
.sm-wrapper .sm-popup[data-sm-position="left"],
.sm-wrapper .sm-popup[data-sm-position="right"] {
    top: 0;
    bottom: 0;
}

/*
   Popup transitions
   ------------------------------ */

.sm-wrapper div[data-sm-animated="true"] {
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-direction: normal;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

/* ZoomIn */
.sm-wrapper.sm-active div[data-sm-effect="zoomIn"] {
    animation-name: sm-zoomIn;
}
.sm-wrapper div[data-sm-effect="zoomIn"] {
    animation-name: sm-zoomIn-out;
}
@keyframes sm-zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.7);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-zoomIn-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: scale(0.7);
    }
}

/* zoomOut */
.sm-wrapper.sm-active div[data-sm-effect="zoomOut"] {
    animation-name: sm-zoomOut;
}
.sm-wrapper div[data-sm-effect="zoomOut"] {
    animation-name: sm-zoomOut-out;
}
@keyframes sm-zoomOut {
    0% {
        opacity: 0;
        transform: scale(1.3);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-zoomOut-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: scale(1.3);
    }
}

/* slideTop */
.sm-wrapper.sm-active div[data-sm-effect="slideTop"] {
    animation-name: sm-slideTop;
}
.sm-wrapper div[data-sm-effect="slideTop"] {
    animation-name: sm-slideTop-out;
}
@keyframes sm-slideTop {
    0% {
        opacity: 0;
        transform: translateY(-25%);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-slideTop-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateY(-25%);
    }
}

/* slideBottom */
.sm-wrapper.sm-active div[data-sm-effect="slideBottom"] {
    animation-name: sm-slideBottom;
}
.sm-wrapper div[data-sm-effect="slideBottom"] {
    animation-name: sm-slideBottom-out;
}
@keyframes sm-slideBottom {
    0% {
        opacity: 0;
        transform: translateY(25%);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-slideBottom-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateY(25%);
    }
}

/* slideRight */
.sm-wrapper.sm-active div[data-sm-effect="slideRight"] {
    animation-name: sm-slideRight;
}
.sm-wrapper div[data-sm-effect="slideRight"] {
    animation-name: sm-slideRight-out;
}
@keyframes sm-slideRight {
    0% {
        opacity: 0;
        transform: translateX(25%);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-slideRight-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateX(25%);
    }
}

/* slideLeft */
.sm-wrapper.sm-active div[data-sm-effect="slideLeft"] {
    animation-name: sm-slideLeft;
}
.sm-wrapper div[data-sm-effect="slideLeft"] {
    animation-name: sm-slideLeft-out;
}
@keyframes sm-slideLeft {
    0% {
        opacity: 0;
        transform: translateX(-25%);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-slideLeft-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translateX(-25%);
    }
}

/* slideInTop */
.sm-wrapper.sm-active div[data-sm-effect="slideInTop"] {
    animation-name: sm-slideInTop;
}
.sm-wrapper div[data-sm-effect="slideInTop"] {
    animation-name: sm-slideInTop-out;
}
@keyframes sm-slideInTop {
    0% {
        opacity: 0;
        transform: scale(.8) translateY(-30%);
    }
    50% {
        opacity: 1;
        transform: scale(.8) translateY(0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-slideInTop-out {
    0% {
        opacity: 1;
        transform: none;
    }
    50% {
        opacity: 1;
        transform: scale(.8) translateY(0);
    }
    100% {
        opacity: 0;
        transform: scale(.8) translateY(-30%);
    }
}

/* slideInBottom */
.sm-wrapper.sm-active div[data-sm-effect="slideInBottom"] {
    animation-name: sm-slideInBottom;
}
.sm-wrapper div[data-sm-effect="slideInBottom"] {
    animation-name: sm-slideInBottom-out;
}
@keyframes sm-slideInBottom {
    0% {
        opacity: 0;
        transform: scale(.8) translateY(30%);
    }
    50% {
        opacity: 1;
        transform: scale(.8) translateY(0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-slideInBottom-out {
    0% {
        opacity: 1;
        transform: none;
    }
    50% {
        opacity: 1;
        transform: scale(.8) translateY(0);
    }
    100% {
        opacity: 0;
        transform: scale(.8) translateY(30%);
    }
}

/* slideInRight */
.sm-wrapper.sm-active div[data-sm-effect="slideInRight"] {
    animation-name: sm-slideInRight;
}
.sm-wrapper div[data-sm-effect="slideInRight"] {
    animation-name: sm-slideInRight-out;
}
@keyframes sm-slideInRight {
    0% {
        opacity: 0;
        transform: scale(.8) translateX(30%);
    }
    50% {
        opacity: 1;
        transform: scale(.8) translateX(0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-slideInRight-out {
    0% {
        opacity: 1;
        transform: none;
    }
    50% {
        opacity: 1;
        transform: scale(.8) translateX(0);
    }
    100% {
        opacity: 0;
        transform: scale(.8) translateX(30%);
    }
}

/* slideInLeft */
.sm-wrapper.sm-active div[data-sm-effect="slideInLeft"] {
    animation-name: sm-slideInLeft;
}
.sm-wrapper div[data-sm-effect="slideInLeft"] {
    animation-name: sm-slideInLeft-out;
}
@keyframes sm-slideInLeft {
    0% {
        opacity: 0;
        transform: scale(.8) translateX(-30%);
    }
    50% {
        opacity: 1;
        transform: scale(.8) translateX(0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-slideInLeft-out {
    0% {
        opacity: 1;
        transform: none;
    }
    50% {
        opacity: 1;
        transform: scale(.8) translateX(0);
    }
    100% {
        opacity: 0;
        transform: scale(.8) translateX(-30%);
    }
}



/* flipInX */
.sm-wrapper.sm-active div[data-sm-effect="flipInX"] {
    animation-name: sm-flipInX;
}
.sm-wrapper div[data-sm-effect="flipInX"] {
    animation-name: sm-flipInX-out;
}
@keyframes sm-flipInX {
    0% {
        opacity: 0;
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }
    60% {
        opacity: 1;
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        transform: perspective(400px);
    }
}
@keyframes sm-flipInX-out {
    0% {
        transform: perspective(400px);
    }
    20% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    40% {
        opacity: 1;
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }
    100% {
        opacity: 0;
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
    }
}



/* swingTop */
.sm-wrapper.sm-active div[data-sm-effect="swingTop"] {
    animation-name: sm-swingTop;
}
.sm-wrapper div[data-sm-effect="swingTop"] {
    animation-name: sm-swingTop-out;
    transform-origin: top center;
}
@keyframes sm-swingTop {
    0% {
        opacity: 0;
        transform: perspective(300px) rotateX(-90deg);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-swingTop-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: perspective(300px) rotateX(-90deg);
    }
}

/* swingBottom */
.sm-wrapper.sm-active div[data-sm-effect="swingBottom"] {
    animation-name: sm-swingBottom;
}
.sm-wrapper div[data-sm-effect="swingBottom"] {
    animation-name: sm-swingBottom-out;
    transform-origin: bottom center;
}
@keyframes sm-swingBottom {
    0% {
        opacity: 0;
        transform: perspective(300px) rotateX(90deg);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-swingBottom-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: perspective(300px) rotateX(90deg);
    }
}

/* swingRight */
.sm-wrapper.sm-active div[data-sm-effect="swingRight"] {
    animation-name: sm-swingRight;
}
.sm-wrapper div[data-sm-effect="swingRight"] {
    animation-name: sm-swingRight-out;
    transform-origin: center right;
}
@keyframes sm-swingRight {
    0% {
        opacity: 0;
        transform: perspective(200px) rotateY(-90deg);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-swingRight-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: perspective(200px) rotateY(-90deg);
    }
}

/* swingLeft */
.sm-wrapper.sm-active div[data-sm-effect="swingLeft"] {
    animation-name: sm-swingLeft;
}
.sm-wrapper div[data-sm-effect="swingLeft"] {
    animation-name: sm-swingLeft-out;
    transform-origin: center left;
}
@keyframes sm-swingLeft {
    0% {
        opacity: 0;
        transform: perspective(200px) rotateY(90deg);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@keyframes sm-swingLeft-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: perspective(200px) rotateY(90deg);
    }
}

/* Flash */
.sm-wrapper.sm-active div[data-sm-effect="flash"] {
    animation-name: sm-flash;
}
@keyframes sm-flash {
    0%, 40%, 80% {
        opacity: 0;
    }
    20%, 60%, 100% {
        opacity: 1;
    }
}

/* Pulse */
.sm-wrapper.sm-active div[data-sm-effect="pulse"] {
    animation-name: sm-pulse;
}
@keyframes sm-pulse {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    25%, 75% {
        transform: scale(1.05);
    }
    0%, 50%, 100% {
        transform: none;
    }
}




/* Swing */
.sm-wrapper.sm-active div[data-sm-effect="swing"] {
    animation-name: sm-swing;
    transform-origin: top center;
}
@keyframes sm-swing {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}





/* Bounce */
.sm-wrapper.sm-active div[data-sm-effect="bounce"] {
    animation-name: sm-bounce;
    transform-origin: center bottom;
}
@keyframes sm-bounce {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    0%, 20%, 53%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0,0,0);
    }
    40%, 43% {
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0,-4px,0);
    }
}

/* BounceIn */
.sm-wrapper.sm-active div[data-sm-effect="bounceIn"] {
    animation-name: sm-bounceIn;
}
@keyframes sm-bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

/* BounceInUp */
.sm-wrapper.sm-active div[data-sm-effect="bounceInUp"] {
    animation-name: sm-bounceInUp;
}
@keyframes sm-bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* BounceInDown */
.sm-wrapper.sm-active div[data-sm-effect="bounceInDown"] {
    animation-name: sm-bounceInDown;
}
@keyframes sm-bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    100% {
        transform: none;
    }
}

/* BounceInRight */
.sm-wrapper.sm-active div[data-sm-effect="bounceInRight"] {
    animation-name: sm-bounceInRight;
}
@keyframes sm-bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    100% {
        transform: none;
    }
}

/* BounceInLeft */
.sm-wrapper.sm-active div[data-sm-effect="bounceInLeft"] {
    animation-name: sm-bounceInLeft;
}
@keyframes sm-bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    100% {
        transform: none;
    }
}

/* unFold */
.sm-wrapper.sm-active div[data-sm-effect="unFold"] {
    animation-name: sm-unFold;
}
.sm-wrapper div[data-sm-effect="unFold"] {
    animation-name: sm-unFold-out;
}
@keyframes sm-unFold {
    0% {
        transform: scaleY(.01) scaleX(0);
    }
    50% {
        transform: scaleY(.01) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}
@keyframes sm-unFold-out {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(.01) scaleX(1);
    }
    100% {
        transform: scaleY(.01) scaleX(0);
    }
}

/* flowIn */
.sm-wrapper.sm-active div[data-sm-effect="flowIn"] {
    animation-name: sm-flowIn;
}
.sm-wrapper div[data-sm-effect="flowIn"] {
    animation-name: sm-flowIn-out;
}
@keyframes sm-flowIn {
    0% {
        opacity: 0;
        border-radius: 200px;
        transform: scale(0.6);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}
@keyframes sm-flowIn-out {
    0% {
        transform: scale(1);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        border-radius: 200px;
        transform: scale(0.6);
    }
}

/* fadeIn */
.sm-wrapper.sm-active div[data-sm-effect="fadeIn"] {
    animation-name: sm-fadeIn;
}
@keyframes sm-fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* fadeOut (used for effects which don't have a specific backwards transition defined) */
.sm-wrapper div[data-sm-effect="fadeIn"],
.sm-wrapper div[data-sm-effect="flash"],
.sm-wrapper div[data-sm-effect="pulse"],
.sm-wrapper div[data-sm-effect="rubberBand"],
.sm-wrapper div[data-sm-effect="shake"],
.sm-wrapper div[data-sm-effect="swing"],
.sm-wrapper div[data-sm-effect="tada"],
.sm-wrapper div[data-sm-effect="wobble"],
.sm-wrapper div[data-sm-effect*="bounce"] {
    animation-name: sm-fadeIn-out;
}
@keyframes sm-fadeIn-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
   Close buttons
   ------------------------------ */

/* Basic */
.sm-wrapper .sm-button {
    position: absolute;
    z-index: 999;
}
.sm-wrapper .sm-button,
.sm-wrapper .sm-button:before,
.sm-wrapper .sm-button:after {
    transition: all .1s ease;
}
.sm-wrapper .sm-button[data-sm-button-align="right"][data-sm-button-place="inside"] {
    right: 12px;
}
.sm-wrapper .sm-button[data-sm-button-align="right"][data-sm-button-place="outside"] {
    right: 0;
}
.sm-wrapper .sm-button[data-sm-button-align="left"][data-sm-button-place="inside"] {
    left: 12px;
}
.sm-wrapper .sm-button[data-sm-button-align="left"][data-sm-button-place="outside"] {
    left: 0;
}
.sm-wrapper .sm-button[data-sm-button-place="inside"] {
    top: 12px;
}
.sm-wrapper .sm-button[data-sm-button-place="outside"] {
    top: -28px;
}

/* Common */
.sm-wrapper .sm-button[data-sm-button-style*="cancel"] {
    width: 24px; /*  popup_closebutton_width*/
    height: 24px;
}
.sm-wrapper .sm-button[data-sm-button-style*="cancel"][data-sm-button-place="outside"] {
    margin-top: -6px;
}
.sm-wrapper .sm-button[data-sm-button-style*="cancel"]:before,
.sm-wrapper .sm-button[data-sm-button-style*="cancel"]:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 2px;
    margin: auto;
    transform-origin: center;
}
.sm-wrapper .sm-button[data-sm-button-style*="cancel"]:before {
    transform: rotate(45deg);
}
.sm-wrapper .sm-button[data-sm-button-style*="cancel"]:after {
    transform: rotate(-45deg);
}
.sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place="inside"]:before,
.sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place="inside"]:after,
.sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="inside"],
.sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="outside"]:before,
.sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="outside"]:after {
    background: #111; /* popup_closebutton_bgcolor */
}
.sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place="outside"]:before,
.sm-wrapper .sm-button[data-sm-button-style*="cancel simple"][data-sm-button-place="outside"]:after,
.sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="outside"],
.sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="inside"]:before,
.sm-wrapper .sm-button:not([data-sm-button-style*="simple"])[data-sm-button-style*="cancel"][data-sm-button-place="inside"]:after {
    background: #fff;  /*  popup_closebutton_color */
}
.sm-wrapper .sm-button:not([data-sm-button-style*="label"]) {
    opacity: .5;
}
.sm-wrapper .sm-button:not([data-sm-button-style*="label"]):hover {
    opacity: 1;
}
.sm-wrapper .sm-button[data-sm-button-style*="text"]:after {
    content: attr(data-sm-button-text);
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;

}
/*--------------------------   Popup CSS  ENDE --------------------------  */


/*--------------------------   Floating CSS  ANFANG --------------------------  */
/*--------------------------   Floating CSS  ENDE --------------------------  */

/*--------------------------   Buttons CSS  ANFANG --------------------------  */

.button_1 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(1,106,213,1.00)!important;
          border: 2px solid rgba(1,106,213,1.00)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 50px!important;
	    
        
    padding:14px 37px 14px 38px!important;
    margin: 0px 0px 0px 0px!important;
    
    	
		color:rgba(255,255,255,1.00)!important;
		
	
    text-transform:none!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:17px!important;	
    
    	
     
                           
    letter-spacing:0px!important;
        
        line-height: 21px!important;	
    	
    
                           
    text-decoration: none!important;
    	
	height: auto !important;
 }

 .i-button_1 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1)!important;	
    margin: 	0px 0px 0px 8px!important;										
 }


  

 .button_1:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(4,4,48,1.00)!important;
        border: 2px solid rgba(4,4,48,1.00)!important;
        
        								


                        

color:rgba(255,255,255,1.00)!important;                        												
font-weight:600!important;  


 }
                                          
                                             

.button_1:after {
  font-family: "Font Awesome 5 Free";  
  content: "\f105";
  font-size:16px;
  color: rgba(255,255,255,1);
  padding: 0px 0px 0px 8px;
  font-weight: 600!important;
}
.button_1:hover:after {
  color: rgba(255,255,255,1.00)!important;	
}
.button_1:hover:before {
  color: rgba(255,255,255,1.00)!important;	
}





.button_13 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(0,0,0,1.00)!important;
          border: 2px solid rgba(0,0,0,1.00)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 50px!important;
	    
        
    padding:9px 37px 9px 38px !important;
    margin: 0px 0px 0px 0px !important;
    
    	
		color:rgba(255,255,255,1)!important;
		
	
    text-transform:uppercase!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:13px!important;	
    
    	
     
        
    	
    
    	
	height: auto !important;
 }

 .i-button_13 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1.00)!important;	
    margin: 	0px 0px 0px 5px !important;										
 }


  

 .button_13:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(255,255,255,0.00)!important;
        border: 2px solid rgba(211, 32, 118, 1)!important;
        
        								


                        

color:rgba(0,0,0,1.00)!important;                        												
font-weight:600!important;  


animation: slideleft 0.5s!important;					
 }
                                          
                                             






.button_16 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(0,0,0,1.00)!important;
          border: 2px solid rgba(0,0,0,1.00)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 0px!important;
	    
        
    padding:9px 37px 9px 38px !important;
    margin: 0px 0px 0px 0px !important;
    
    	
		color:rgba(255,255,255,1)!important;
		
	
    text-transform:uppercase!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:13px!important;	
    
    	
     
        
    	
    
    	
	height: auto !important;
 }

 .i-button_16 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1.00)!important;	
    margin: 	0px 0px 0px 5px !important;										
 }


  

 .button_16:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(255,255,255,0.00)!important;
        border: 2px solid rgba(211, 32, 118, 1)!important;
        
        								


                        

color:rgba(0,0,0,1.00)!important;                        												
font-weight:600!important;  


animation: slideleft 0.5s!important;					
 }
                                          
                                             






.button_17 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(255,255,255,1.00)!important;
          border: 2px solid rgba(255,255,255,1.00)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 0px!important;
	    
        
    padding:9px 37px 9px 38px !important;
    margin: 0px 0px 0px 0px !important;
    
    	
		color:rgba(0,0,0,1.00)!important;
		
	
    text-transform:uppercase!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:13px!important;	
    
    	
     
        
    	
    
    	
	height: auto !important;
 }

 .i-button_17 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1.00)!important;	
    margin: 	0px 0px 0px 5px !important;										
 }


  

 .button_17:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(0,0,0,1.00)!important;
        border: 2px solid rgba(0,0,0,1.00)!important;
        
        								


                        

color:rgba(211, 32, 118, 1)!important;                        												
font-weight:600!important;  


animation: slideleft 0.5s!important;					
 }
                                          
                                             






.button_38 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(255,255,255,0.00)!important;
          border: 2px solid rgba(255,0,72,1.00)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 50px!important;
	    
        box-shadow: 0 .12rem 1.02rem rgba(4,4,48,0.15)!important;
        
    padding:14px 37px 14px 38px!important;
    margin: 0px 0px 0px 0px!important;
    
    	
		color:rgba(255,255,255,1.00)!important;
		
	
    text-transform:none!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:17px!important;	
    
    	
     
                           
    letter-spacing:0px!important;
        
        line-height: 16px!important;	
    	
    
                           
    text-decoration: none!important;
    	
	height: auto !important;
 }

 .i-button_38 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1)!important;	
    margin: 	0px 0px 0px 8px!important;										
 }


  

 .button_38:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(4,4,48,0.00)!important;
        border: 2px solid rgba(255,255,255,1.00)!important;
        
        								


                        

color:rgba(255,255,255,1.00)!important;                        												
font-weight:600!important;  


 }
                                          
                                             






.button_39 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(255,255,255,0.00)!important;
          border: 2px solid rgba(255,255,255,1.00)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 50px!important;
	    
        
    padding:14px 37px 14px 38px!important;
    margin: 0px 0px 0px 0px!important;
    
    	
		color:rgba(255,255,255,1.00)!important;
		
	
    text-transform:none!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:17px!important;	
    
    	
     
                           
    letter-spacing:0px!important;
        
        line-height: 16px!important;	
    	
    
                           
    text-decoration: none!important;
    	
	height: auto !important;
 }

 .i-button_39 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1)!important;	
    margin: 	0px 0px 0px 8px!important;										
 }


  

 .button_39:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(4,4,48,0.00)!important;
        border: 2px solid rgba(4,4,48,1.00)!important;
        
        								


                        

color:rgba(4,4,48,1.00)!important;                        												
font-weight:600!important;  


 }
                                          
                                             






.button_40 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(1, 106, 213, 1)!important;
          border: 2px solid rgba(1, 106, 213, 1)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 50px!important;
	    
        
    padding:8px 29px 8px 30px!important;
    margin: 20px 0px 0px 0px!important;
    
    	
		color:rgba(255,255,255,1.00)!important;
		
	
    text-transform:none!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:17px!important;	
    
    	
     
                           
    letter-spacing:0px!important;
        
        line-height: 16px!important;	
    	
    
                           
    text-decoration: none!important;
    	
	height: auto !important;
 }

 .i-button_40 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1)!important;	
    margin: 	0px 0px 0px 8px!important;										
 }


  

 .button_40:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(4,4,48,1.00)!important;
        border: 2px solid rgba(4,4,48,1.00)!important;
        
        								


                        

color:rgba(255,255,255,1.00)!important;                        												
font-weight:600!important;  


 }
                                          
                                             

.button_40:after {
  font-family: "Font Awesome 5 Free";  
  content: "\f105";
  font-size:16px;
  color: rgba(255,255,255,1);
  padding: 0px 0px 0px 8px;
  font-weight: 600!important;
}
.button_40:hover:after {
  color: rgba(255,255,255,1.00)!important;	
}
.button_40:hover:before {
  color: rgba(255,255,255,1.00)!important;	
}





.button_36 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(54,61,67,1.00)!important;
          border: 2px solid rgba(54,61,67,1.00)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 50px!important;
	    
        
    padding:12px 37px 12px 38px!important;
    margin: 10px 0px 10px 10px!important;
    
    	
		color:rgba(255,255,255,1.00)!important;
		
	
    text-transform:none!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:17px!important;	
    
    	
     
                           
    letter-spacing:0px!important;
        
        line-height: 16px!important;	
    	
    
                           
    text-decoration: none!important;
    	
	height: auto !important;
 }

 .i-button_36 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1)!important;	
    margin: 	0px 0px 0px 8px!important;										
 }


  

 .button_36:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(0,0,0,1.00)!important;
        border: 2px solid rgba(0,0,0,1.00)!important;
        
        								


                        

color:rgba(255,255,255,1.00)!important;                        												
font-weight:600!important;  


 }
                                          
                                             






.button_37 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(255,0,72,1.00)!important;
          border: 2px solid rgba(255,0,72,1.00)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 50px!important;
	    
        box-shadow: 0 .12rem 1.02rem rgba(4,4,48,0.15)!important;
        
    padding:14px 37px 14px 37px!important;
    margin: 0px 0px 0px 0px!important;
    
    	
		color:rgba(255,255,255,1.00)!important;
		
	
    text-transform:none!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:17px!important;	
    
    	
     
                           
    letter-spacing:0px!important;
        
        line-height: 16px!important;	
    	
    
                           
    text-decoration: none!important;
    	
	height: auto !important;
 }

 .i-button_37 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1)!important;	
    margin: 	0px 0px 0px 8px!important;										
 }


  

 .button_37:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(4,4,48,1.00)!important;
        border: 2px solid rgba(4,4,48,1.00)!important;
        
        								


                        

color:rgba(255,255,255,1.00)!important;                        												
font-weight:600!important;  


 }
                                          
                                             

.button_37:after {
  font-family: "Font Awesome 5 Free";  
  content: "\f105";
  font-size:16px;
  color: rgba(255,255,255,1);
  padding: 0px 0px 0px 8px;
  font-weight: 600!important;
}
.button_37:hover:after {
  color: rgba(255,255,255,1.00)!important;	
}
.button_37:hover:before {
  color: rgba(255,255,255,1.00)!important;	
}





.button_41 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(255,255,255,0.00)!important;
          border: 2px solid rgba(255,255,255,1.00)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 50px!important;
	    
        
    padding:14px 37px 14px 38px!important;
    margin: 10px 0px 10px 0px!important;
    
    	
		color:rgba(255,255,255,1.00)!important;
		
	
    text-transform:none!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:17px!important;	
    
    	
     
                           
    letter-spacing:0px!important;
        
        line-height: 16px!important;	
    	
    
                           
    text-decoration: none!important;
    	
	height: auto !important;
 }

 .i-button_41 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1)!important;	
    margin: 	0px 0px 0px 8px!important;										
 }


  

 .button_41:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(4,4,48,0.00)!important;
        border: 2px solid rgba(4,4,48,1.00)!important;
        
        								


                        

color:rgba(4,4,48,1.00)!important;                        												
font-weight:600!important;  


 }
                                          
                                             






.button_43 {
    display: inline-block!important;    /* display: inline-block!important; */
    
    
                    														
          
          	
                                                      
          background:rgba(1, 106, 213, 1)!important;
          border: 2px solid rgba(1, 106, 213, 1)!important;
          
          								

    
   
  
  
  
          
	
		border-radius: 50px!important;
	    
        
    padding:14px 37px 14px 38px!important;
    margin: 0px 20px 0px 20px!important;
    
    	
		color:rgba(255,255,255,1.00)!important;
		
	
    text-transform:none!important;
    text-align:center!important;
    font-family:Inter!important;
    font-weight:600!important;
    font-size:17px!important;	
    
    	
     
                           
    letter-spacing:0px!important;
        
        line-height: 16px!important;	
    	
    
                           
    text-decoration: none!important;
    	
	height: auto !important;
 }

 .i-button_43 {
    font-size:	16px!important;	
    color: 	rgba(255,255,255,1)!important;	
    margin: 	0px 0px 0px 8px!important;										
 }


  

 .button_43:hover
 { 
    
                        
		        														
        
        	
                                                    
        background:rgba(4,4,48,1.00)!important;
        border: 2px solid rgba(4,4,48,1.00)!important;
        
        								


                        

color:rgba(255,255,255,1.00)!important;                        												
font-weight:600!important;  


 }
                                          
                                             

.button_43:after {
  font-family: "Font Awesome 5 Free";  
  content: "\f105";
  font-size:16px;
  color: rgba(255,255,255,1);
  padding: 0px 0px 0px 8px;
  font-weight: 600!important;
}
.button_43:hover:after {
  color: rgba(255,255,255,1.00)!important;	
}
.button_43:hover:before {
  color: rgba(255,255,255,1.00)!important;	
}





/*--------------------------   Buttons CSS  ENDE  --------------------------  */
/*--------------------------   Animate CSS  ANFANG --------------------------  */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);-ms-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}/*--------------------------   Animate CSS  ENDE  --------------------------  */
.back-to-the-top {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  z-index: 850;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: rgba(255,0,72,1.00); 
  color: rgba(255,255,255,1.00);
  cursor: pointer;  
    border-radius: 30px; 
      
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  -ms-transition: 0.3s all;
  margin: 0px 20px 20px 0px; 
  text-decoration:none;
}
.back-to-the-top * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.back-to-the-top .fas {
font-size:21px;	
}
.back-to-the-top:hover,
.back-to-the-top:visited,
.back-to-the-top:focus {
  color: rgba(255,255,255,1.00); 
  background: rgba(5,3,27,1.00); 
}
.back-to-the-top.bttt-position {
right: 0px; 
bottom: 0px; 
}
.back-to-the-top.bttt-default {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.back-to-the-top.bttt-default.bttt-active {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
} 
        /* Mobile */
        
        @media screen 
                and (min-width: 1px) 
                        and (max-width: 767px) 
                         {
            
					
.mobileausblenden { display:none; }

          
        }
        /* Mobile */


 
        /* Tablet */
        
        @media screen 
                and (min-width: 768px) 
                        and (max-width: 1024px) 
                         {
            
					
          
        }
        /* Tablet */


 
        /* Desktop klein */
        
        @media screen 
                and (min-width: 1025px) 
                        and (max-width: 1199px) 
                         {
            
					
          
        }
        /* Desktop klein */


 
        /* Desktop mittel */
        
        @media screen 
                and (min-width: 1200px) 
                        and (max-width: 1680px) 
                         {
            
					
          
        }
        /* Desktop mittel */


 
        /* Desktop gross */
        
        @media screen 
                and (min-width: 1681px) 
                        and (max-width: 3000px) 
                         {
            
					
          
        }
        /* Desktop gross */


 
        /* Tablet Sliderbilder portrait */
        
        @media screen 
                and (min-width: 768px) 
                        and (max-width: 1024px) 
                         and (orientation: portrait)
                {
            
					
          
        }
        /* Tablet Sliderbilder portrait */


   



/* ohne breakpoint */

.imagebordergrau
{
border: 1px solid rgba(228, 228, 228, 1);	
}

.bilder_rahmen_grau
{
border: 1px solid rgba(228, 228, 228, 1);	
}

.abgerundeteecken
{
border-radius:15px!important;	
}

.steps {
  margin: 20px 0;
}
.step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.step-circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: rgba(25,122,217,1.00) ; 
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 15px;
  flex-shrink: 0;
}
.step-content strong {
  font-size: 1.1em;
  display: block;
  margin-bottom: 5px;
}
.step-content {
  font-weight:bold;
}

pre {
word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

.autor-box {
      display: flex;
      align-items: center;
      gap: 15px;
      padding: 20px;
      background: #f7f5fa;
      border-left: 3px solid rgba(255,0,72,1.00);
      border-radius:5px;
    }

    .autor-box img {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      object-fit: cover;
    }

    .autor-box .autor-info {
      line-height: 1.4;
    }

    .autor-box .autor-label {
      font-size: 12px;
      color: #666;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 2px;
    }

    .autor-box .autor-name {
      font-size: 18px;
      font-weight: bold;
      color: #333;
      margin: 0;
    }

    .autor-box .autor-position {
      font-size: 14px;
      color: #666;
      margin: 0;
    }
/* ohne breakpoint */

/* customcss_klassen ANFANG */
.testimonial-footer {
position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.headline-h2-red {
    color: rgba(255,0,72,1.00)!important;
    font-size: 40px!important;
    line-height: 50px!important;
    letter-spacing: -0.3px!important;
    font-family: Inter!important;
    font-weight: 300!important;
    text-decoration: none!important;
    text-transform: none!important;
    padding: 0px 0px 20px 0px!important;
    margin: 0px 0px 0px 0px!important;
    word-wrap: normal!important;
    word-break: normal!important;
    hyphens: none!important;
}

.headline-weiss {
    color: rgba(255,255,255,1.00)!important;
    font-size: 28px!important;
    line-height: 38px!important;
    letter-spacing: -0.3px!important;
    font-family: Inter!important;
    font-weight: 300!important;
    text-decoration: none!important;
    text-transform: none!important;
    padding: 0px 0px 20px 0px!important;
    margin: 0px 0px 0px 0px!important;
    word-wrap: normal!important;
    word-break: normal!important;
    hyphens: none!important;
}

.headline-rot {
    color: rgba(255,0,72,1.00)!important;
    font-size: 28px!important;
    line-height: 38px!important;
    letter-spacing: -0.3px!important;
    font-family: Inter!important;
    font-weight: 300!important;
    text-decoration: none!important;
    text-transform: none!important;
    padding: 0px 0px 20px 0px!important;
    margin: 0px 0px 0px 0px!important;
    word-wrap: normal!important;
    word-break: normal!important;
    hyphens: none!important;
}

.headline-dunkelblau {
    color: rgba(4,4,48,1.00)!important;
    font-size: 28px!important;
    line-height: 38px!important;
    letter-spacing: -0.9px!important;
    font-family: Inter!important;
    font-weight: 300!important;
    text-decoration: none!important;
    text-transform: none!important;
    padding: 0px 0px 20px 0px!important;
    margin: 0px 0px 0px 0px!important;
    word-wrap: normal!important;
    word-break: normal!important;
    hyphens: none!important;
}

.headline-blau-h2 {
    color: rgba(2,177,253,1.00)!important;
    font-size: 28px!important;
    line-height: 38px!important;
    letter-spacing: -0.3px!important;
    font-family: Inter!important;
    font-weight: 300!important;
    text-decoration: none!important;
    text-transform: none!important;
    padding: 0px 0px 20px 0px!important;
    margin: 0px 0px 0px 0px!important;
    word-wrap: normal!important;
    word-break: normal!important;
    hyphens: none!important;
}

.padding-top-webdesign {
padding-top:63px!important;
}

.padding20Prozent {
padding:20%!important;
}

.padding10Prozent {
padding:10%!important;
}

.padding5Prozent {
padding:5%!important;
}

.padding80 {
padding:80px!important;
}

.padding40 {
padding:40px!important;
}

/* customcss_klassen ENDE *//*--------------------------   Lightbox  ANFANG --------------------------  */
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400;outline:none}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lb-outerContainer{position:relative;*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../module/m_lightbox/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-nav a{outline:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:none!important;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../module/m_lightbox/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
/*--------------------------   Lightbox  ENDE --------------------------  */